/** Shopify CDN: Minification failed Line 15:776 Expected identifier but found "*" Line 15:18202 Expected identifier but found "*" Line 15:25917 Expected identifier but found "*" Line 15:165074 Unexpected "," Line 15:406716 Expected identifier but found "." Line 15:442296 Expected ")" to end URL token Line 15:443147 Expected ")" to end URL token Line 27:6706 Unexpected "}" Line 27:129649 "vertial-align" is not a known CSS property Line 27:143903 Expected "{" but found ")" **/ ::selection { color: #fff; background: #f98e3f; } body{ font-size: 14px; letter-spacing: var(--font-letterspace); line-height: var(--font-line-height); float:left; width:100%; } /*================================#Normalize===============================*/ *, *::before, *::after { box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .grid,.grid-uniform { *zoom: 1; } .grid::after,.grid-uniform::after { content: ''; display: table; clear: both; } .grid-item.clear { clear: both; } /*=================================Grid Setup=============================*/ .grid,.grid-uniform { list-style: none; margin: 0; padding: 0; margin-left: 0; } .grid-item { float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; vertical-align: top; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .products-grid-view.collections_masonry.shop_masonry { float: left; width: 100%; } .grid--rev { list-style: none; margin: 0; padding: 0; margin-left: 0; direction: rtl; text-align: left; } .grid--rev > .grid-item { direction: ltr; text-align: left; float: right; } .grid--full { list-style: none; margin: 0; padding: 0; margin-left: 0; margin-left: 0; } .grid--full > .grid-item { padding-left: 0; padding-right: 0; } /*=============================Styles================================*/ h1, h2, h3, h4, h5, h6 { color: var(--color-text); } input,textarea,select,.disclosure__toggle { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } select { background-position: right 10px center; } a { background-color: transparent; } b,strong { font-weight: 500; } em { font-style: italic; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; border: 0; } button,input,optgroup,select,.disclosure__toggle,textarea { color: inherit; font: inherit; margin: 0; } button[disabled],html input[disabled] { cursor: default; } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } input[type="search"], input[type="number"], input[type="email"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } td,th { padding: 0; } textarea { overflow: auto; -webkit-appearance: none; -moz-appearance: none; } /*==================Fast Tapenables no-delay taps (FastClick-esque) on supporting browsers======================*/ a,button,[role="button"],input,label,select,.disclosure__toggle,textarea { touch-action: manipulation; } /*=========Reversed grids allow you to structure your source in the oppositeorder to how your rendered layout will appear.=======*/ .grid--rev { direction: rtl; text-align: left; } .grid--rev > .grid__item { direction: ltr; text-align: left; float: right; } /*================ Build Base Grid Classes ================*/ .one-whole { width: 100%; } .one-half { width: 50%; } .one-third { width: 33.33333%; } .two-thirds { width: 66.66667%; } .one-quarter { width: 25%; } .two-quarters { width: 50%; } .three-quarters { width: 75%; } .one-fifth { width: 20%; } .two-fifths { width: 40%; } .three-fifths { width: 60%; } .four-fifths { width: 80%; } .one-sixth { width: 16.66667%; } .two-sixths { width: 33.33333%; } .three-sixths { width: 50%; } .four-sixths { width: 66.66667%; } .five-sixths { width: 83.33333%; } .one-eighth { width: 12.5%; } .two-eighths { width: 25%; } .three-eighths { width: 37.5%; } .four-eighths { width: 50%; } .five-eighths { width: 62.5%; } .six-eighths { width: 75%; } .seven-eighths { width: 87.5%; } .one-tenth { width: 10%; } .two-tenths { width: 20%; } .three-tenths { width: 30%; } .four-tenths { width: 40%; } .five-tenths { width: 50%; } .six-tenths { width: 60%; } .seven-tenths { width: 70%; } .eight-tenths { width: 80%; } .nine-tenths { width: 90%; } .one-twelfth { width: 8.33333%; } .two-twelfths { width: 16.66667%; } .three-twelfths { width: 25%; } .four-twelfths { width: 33.33333%; } .five-twelfths { width: 41.66667%; } .six-twelfths { width: 50%; } .seven-twelfths { width: 58.33333%; } .eight-twelfths { width: 66.66667%; } .nine-twelfths { width: 75%; } .ten-twelfths { width: 83.33333%; } .eleven-twelfths { width: 91.66667%; } .show { display: block !important; } .hide { display: none !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .left { float: left!important; } .right { float: right!important; } /*================ Build Responsive Grid Classes ================*/ @media only screen and (min-width: 1025px) { .small--one-whole { width: 100%; } .small--one-half { width: 50%; } .small--one-third { width: 33.33333%; } .small--two-thirds { width: 66.66667%; } .small--one-quarter { width: 25%; } .small--two-quarters { width: 50%; } .small--three-quarters { width: 75%; } .small--one-fifth { width: 20%; } .small--two-fifths { width: 40%; } .small--three-fifths { width: 60%; } .small--four-fifths { width: 80%; } .small--one-sixth { width: 16.66667%; } .small--two-sixths { width: 33.33333%; } .small--three-sixths { width: 50%; } .small--four-sixths { width: 66.66667%; } .small--five-sixths { width: 83.33333%; } .small--one-eighth { width: 12.5%; } .small--two-eighths { width: 25%; } .small--three-eighths { width: 37.5%; } .small--four-eighths { width: 50%; } .small--five-eighths { width: 62.5%; } .small--six-eighths { width: 75%; } .small--seven-eighths { width: 87.5%; } .small--one-tenth { width: 10%; } .small--two-tenths { width: 20%; } .small--three-tenths { width: 30%; } .small--four-tenths { width: 40%; } .small--five-tenths { width: 50%; } .small--six-tenths { width: 60%; } .small--seven-tenths { width: 70%; } .small--eight-tenths { width: 80%; } .small--nine-tenths { width: 90%; } .small--one-twelfth { width: 8.33333%; } .small--two-twelfths { width: 16.66667%; } .small--three-twelfths { width: 25%; } .small--four-twelfths { width: 33.33333%; } .small--five-twelfths { width: 41.66667%; } .small--six-twelfths { width: 50%; } .small--seven-twelfths { width: 58.33333%; } .small--eight-twelfths { width: 66.66667%; } .small--nine-twelfths { width: 75%; } .small--ten-twelfths { width: 83.33333%; } .small--eleven-twelfths { width: 91.66667%; } .small--show { display: block !important; } .small--hide { display: none !important; } .small--text-left { text-align: left !important; } .small--text-right { text-align: right !important; } .small--text-center { text-align: center !important; } } @media only screen and (max-width: 1024px) { .grid-uniform .small--one-half:nth-child(2n+1), .grid-uniform .small--one-third:nth-child(3n+1), .grid-uniform .small--one-quarter:nth-child(4n+1), .grid-uniform .small--one-fifth:nth-child(5n+1), .grid-uniform .small--one-sixth:nth-child(6n+1), .grid-uniform .small--two-sixths:nth-child(3n+1), .grid-uniform .small--three-sixths:nth-child(2n+1), .grid-uniform .small--one-eighth:nth-child(8n+1), .grid-uniform .small--two-eighths:nth-child(4n+1), .grid-uniform .small--four-eighths:nth-child(2n+1), .grid-uniform .small--five-tenths:nth-child(2n+1), .grid-uniform .small--one-twelfth:nth-child(12n+1), .grid-uniform .small--two-twelfths:nth-child(6n+1), .grid-uniform .small--three-twelfths:nth-child(4n+1), .grid-uniform .small--four-twelfths:nth-child(3n+1), .grid-uniform .small--six-twelfths:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 750px) { .medium-up--one-whole { width: 100%; } .medium-up--one-half { width: 50%; } .medium-up--one-third { width: 33.33333%; } .medium-up--two-thirds { width: 66.66667%; } .medium-up--one-quarter { width: 25%; } .medium-up--two-quarters { width: 50%; } .medium-up--three-quarters { width: 75%; } .medium-up--one-fifth { width: 20%; } .medium-up--two-fifths { width: 40%; } .medium-up--three-fifths { width: 60%; } .medium-up--four-fifths { width: 80%; } .medium-up--one-sixth { width: 16.66667%; } .medium-up--two-sixths { width: 33.33333%; } .medium-up--three-sixths { width: 50%; } .medium-up--four-sixths { width: 66.66667%; } .medium-up--five-sixths { width: 83.33333%; } .medium-up--one-eighth { width: 12.5%; } .medium-up--two-eighths { width: 25%; } .medium-up--three-eighths { width: 37.5%; } .medium-up--four-eighths { width: 50%; } .medium-up--five-eighths { width: 62.5%; } .medium-up--six-eighths { width: 75%; } .medium-up--seven-eighths { width: 87.5%; } .medium-up--one-tenth { width: 10%; } .medium-up--two-tenths { width: 20%; } .medium-up--three-tenths { width: 30%; } .medium-up--four-tenths { width: 40%; } .medium-up--five-tenths { width: 50%; } .medium-up--six-tenths { width: 60%; } .medium-up--seven-tenths { width: 70%; } .medium-up--eight-tenths { width: 80%; } .medium-up--nine-tenths { width: 90%; } .medium-up--one-twelfth { width: 8.33333%; } .medium-up--two-twelfths { width: 16.66667%; } .medium-up--three-twelfths { width: 25%; } .medium-up--four-twelfths { width: 33.33333%; } .medium-up--five-twelfths { width: 41.66667%; } .medium-up--six-twelfths { width: 50%; } .medium-up--seven-twelfths { width: 58.33333%; } .medium-up--eight-twelfths { width: 66.66667%; } .medium-up--nine-twelfths { width: 75%; } .medium-up--ten-twelfths { width: 83.33333%; } .medium-up--eleven-twelfths { width: 91.66667%; } .medium-up--show { display: block !important; } .medium-up--hide { display: none !important; } .medium-up--text-left { text-align: left !important; } .medium-up--text-right { text-align: right !important; } .medium-up--text-center { text-align: center !important; } } @media only screen and (max-width: 1024px) { .medium-up--one-half:nth-child(2n+1), .grid-uniform .medium-up--one-third:nth-child(3n+1), .grid-uniform .medium-up--one-quarter:nth-child(4n+1), .grid-uniform .medium-up--one-fifth:nth-child(5n+1), .grid-uniform .medium-up--one-sixth:nth-child(6n+1), .grid-uniform .medium-up--two-sixths:nth-child(3n+1), .grid-uniform .medium-up--three-sixths:nth-child(2n+1), .grid-uniform .medium-up--one-eighth:nth-child(8n+1), .grid-uniform .medium-up--two-eighths:nth-child(4n+1), .grid-uniform .medium-up--four-eighths:nth-child(2n+1), .grid-uniform .medium-up--five-tenths:nth-child(2n+1), .grid-uniform .medium-up--one-twelfth:nth-child(12n+1), .grid-uniform .medium-up--two-twelfths:nth-child(6n+1), .grid-uniform .medium-up--three-twelfths:nth-child(4n+1), .grid-uniform .medium-up--four-twelfths:nth-child(3n+1), .grid-uniform .medium-up--six-twelfths:nth-child(2n+1) { clear: both; } } @media only screen and (min-width: 1400px){ .large-up--one-whole { width: 100%; } .large-up--one-half { width: 50%; } .large-up--one-third { width: 33.33333%; } .large-up--two-thirds { width: 66.66667%; } .large-up--one-quarter { width: 25%; } .large-up--two-quarters { width: 50%; } .large-up--three-quarters { width: 75%; } .large-up--one-fifth { width: 20%; } .large-up--two-fifths { width: 40%; } .large-up--three-fifths { width: 60%; } .large-up--four-fifths { width: 80%; } .large-up--one-sixth { width: 16.66667%; } .large-up--two-sixths { width: 33.33333%; } .large-up--three-sixths { width: 50%; } .large-up--four-sixths { width: 66.66667%; } .large-up--five-sixths { width: 83.33333%; } .large-up--one-eighth { width: 12.5%; } .large-up--two-eighths { width: 25%; } .large-up--three-eighths { width: 37.5%; } .large-up--four-eighths { width: 50%; } .large-up--five-eighths { width: 62.5%; } .large-up--six-eighths { width: 75%; } .large-up--seven-eighths { width: 87.5%; } .large-up--one-tenth { width: 10%; } .large-up--two-tenths { width: 20%; } .large-up--three-tenths { width: 30%; } .large-up--four-tenths { width: 40%; } .large-up--five-tenths { width: 50%; } .large-up--six-tenths { width: 60%; } .large-up--seven-tenths { width: 70%; } .large-up--eight-tenths { width: 80%; } .large-up--nine-tenths { width: 90%; } .large-up--one-twelfth { width: 8.33333%; } .large-up--two-twelfths { width: 16.66667%; } .large-up--three-twelfths { width: 25%; } .large-up--four-twelfths { width: 33.33333%; } .large-up--five-twelfths { width: 41.66667%; } .large-up--six-twelfths { width: 50%; } .large-up--seven-twelfths { width: 58.33333%; } .large-up--eight-twelfths { width: 66.66667%; } .large-up--nine-twelfths { width: 75%; } .large-up--ten-twelfths { width: 83.33333%; } .large-up--eleven-twelfths { width: 91.66667%; } .large-up--show { display: block !important; } .large-up--hide { display: none !important; } .large-up--text-left { text-align: left !important; } .large-up--text-right { text-align: right !important; } .large-up--text-center { text-align: center !important; } } @media only screen and (max-width: 1400px){ .grid-uniform .large-up--one-half:nth-child(2n+1), .grid-uniform .large-up--one-third:nth-child(3n+1), .grid-uniform .large-up--one-quarter:nth-child(4n+1), .grid-uniform .large-up--one-fifth:nth-child(5n+1), .grid-uniform .large-up--one-sixth:nth-child(6n+1), .grid-uniform .large-up--two-sixths:nth-child(3n+1), .grid-uniform .large-up--three-sixths:nth-child(2n+1), .grid-uniform .large-up--one-eighth:nth-child(8n+1), .grid-uniform .large-up--two-eighths:nth-child(4n+1), .grid-uniform .large-up--four-eighths:nth-child(2n+1), .grid-uniform .large-up--five-tenths:nth-child(2n+1), .grid-uniform .large-up--one-twelfth:nth-child(12n+1), .grid-uniform .large-up--two-twelfths:nth-child(6n+1), .grid-uniform .large-up--three-twelfths:nth-child(4n+1), .grid-uniform .large-up--four-twelfths:nth-child(3n+1), .grid-uniform .large-up--six-twelfths:nth-child(2n+1) { clear: both; } } /*================ Build Grid Push Classes ================*/ @media only screen and (max-width: 749px) { .small--push-one-half { left: 50%; } .small--push-one-third { left: 33.33333%; } .small--push-two-thirds { left: 66.66667%; } .small--push-one-quarter { left: 25%; } .small--push-two-quarters { left: 50%; } .small--push-three-quarters { left: 75%; } .small--push-one-fifth { left: 20%; } .small--push-two-fifths { left: 40%; } .small--push-three-fifths { left: 60%; } .small--push-four-fifths { left: 80%; } .small--push-one-sixth { left: 16.66667%; } .small--push-two-sixths { left: 33.33333%; } .small--push-three-sixths { left: 50%; } .small--push-four-sixths { left: 66.66667%; } .small--push-five-sixths { left: 83.33333%; } .small--push-one-eighth { left: 12.5%; } .small--push-two-eighths { left: 25%; } .small--push-three-eighths { left: 37.5%; } .small--push-four-eighths { left: 50%; } .small--push-five-eighths { left: 62.5%; } .small--push-six-eighths { left: 75%; } .small--push-seven-eighths { left: 87.5%; } .small--push-one-tenth { left: 10%; } .small--push-two-tenths { left: 20%; } .small--push-three-tenths { left: 30%; } .small--push-four-tenths { left: 40%; } .small--push-five-tenths { left: 50%; } .small--push-six-tenths { left: 60%; } .small--push-seven-tenths { left: 70%; } .small--push-eight-tenths { left: 80%; } .small--push-nine-tenths { left: 90%; } .small--push-one-twelfth { left: 8.33333%; } .small--push-two-twelfths { left: 16.66667%; } .small--push-three-twelfths { left: 25%; } .small--push-four-twelfths { left: 33.33333%; } .small--push-five-twelfths { left: 41.66667%; } .small--push-six-twelfths { left: 50%; } .small--push-seven-twelfths { left: 58.33333%; } .small--push-eight-twelfths { left: 66.66667%; } .small--push-nine-twelfths { left: 75%; } .small--push-ten-twelfths { left: 83.33333%; } .small--push-eleven-twelfths { left: 91.66667%; } } @media only screen and (min-width: 750px) { .medium-up--push-one-half { left: 50%; } .medium-up--push-one-third { left: 33.33333%; } .medium-up--push-two-thirds { left: 66.66667%; } .medium-up--push-one-quarter { left: 25%; } .medium-up--push-two-quarters { left: 50%; } .medium-up--push-three-quarters { left: 75%; } .medium-up--push-one-fifth { left: 20%; } .medium-up--push-two-fifths { left: 40%; } .medium-up--push-three-fifths { left: 60%; } .medium-up--push-four-fifths { left: 80%; } .medium-up--push-one-sixth { left: 16.66667%; } .medium-up--push-two-sixths { left: 33.33333%; } .medium-up--push-three-sixths { left: 50%; } .medium-up--push-four-sixths { left: 66.66667%; } .medium-up--push-five-sixths { left: 83.33333%; } .medium-up--push-one-eighth { left: 12.5%; } .medium-up--push-two-eighths { left: 25%; } .medium-up--push-three-eighths { left: 37.5%; } .medium-up--push-four-eighths { left: 50%; } .medium-up--push-five-eighths { left: 62.5%; } .medium-up--push-six-eighths { left: 75%; } .medium-up--push-seven-eighths { left: 87.5%; } .medium-up--push-one-tenth { left: 10%; } .medium-up--push-two-tenths { left: 20%; } .medium-up--push-three-tenths { left: 30%; } .medium-up--push-four-tenths { left: 40%; } .medium-up--push-five-tenths { left: 50%; } .medium-up--push-six-tenths { left: 60%; } .medium-up--push-seven-tenths { left: 70%; } .medium-up--push-eight-tenths { left: 80%; } .medium-up--push-nine-tenths { left: 90%; } .medium-up--push-one-twelfth { left: 8.33333%; } .medium-up--push-two-twelfths { left: 16.66667%; } .medium-up--push-three-twelfths { left: 25%; } .medium-up--push-four-twelfths { left: 33.33333%; } .medium-up--push-five-twelfths { left: 41.66667%; } .medium-up--push-six-twelfths { left: 50%; } .medium-up--push-seven-twelfths { left: 58.33333%; } .medium-up--push-eight-twelfths { left: 66.66667%; } .medium-up--push-nine-twelfths { left: 75%; } .medium-up--push-ten-twelfths { left: 83.33333%; } .medium-up--push-eleven-twelfths { left: 91.66667%; } } /*================ #Helper Classes ================*/ .clearfix { *zoom: 1; } .clearfix::after { content: ''; display: table; clear: both; } .visually-hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .visually-hidden--inline { margin: 0; height: 1em; } .visually-hidden--static { position: static !important; } .js-focus-hidden:focus { outline: none; } .no-js:not(html) { display: none; } .no-js .no-js:not(html) { display: block; } .no-js .js { display: none; } .hide { display: none !important; } /*====================== Blank states - placeholder images ============================*/ .placeholder-svg, .icon--placeholder { display: block; fill: var(--colorBlankstate); background-color: var(--colorBlankstateBackground); width: 100%; height: 100%; max-width: 100%; max-height: 100%; border: 1px solid var(--colorBlankstateBorder); } .collection-grid .placeholder-svg { max-height: 515px; max-width: 515px; margin: 0 auto; } .placeholder-noblocks { padding: 40px; text-align: center; } .placeholder-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .placeholder-background .icon{ border: 0; } .image-bar__content .placeholder-svg,.image-bar__content .placeholder-image { position: absolute; top: 0; left: 0; } .input-group.password__input-group { border: none; border-collapse: separate; display: table; position: relative; float: none; margin: 0 auto; width: 500px; } @media only screen and (min-width: 1025px) { .flexslider .placeholder-svg { height: 402px; } } .grid-link__image-centered .placeholder-svg { height: initial; max-height: initial; } /*--------------------------------------------------------------*/ .slider-newproduct .grid__item { padding: 0 15px; } .slider-newproduct.item-row.grid-view-item { position: relative; } .btn.dropdown-toggle:focus,.btn.dropdown-toggle:active{ color: var(--color-body-text); background-color: var(--color-btn-primary); } .inv.instock .outstock { display: none; } .inv.outstock .stock,.inv.outstock .items{ display: none; } .loadding-wishbutton-aliquam-quat-voluptatem.loading.btn i { background: none; } .tt-product-item .product-description { width:100%; float: left; } .medium--one-third.large--one-third chair.product-grid .product-description{ padding: 15px 10px; border-top: 1px solid #e5e5e5; position: relative; display: inline-block; } .main-content .sidebar .shopify-section{ margin:0; text-align: left; float:left; width:100%; } @media only screen and (max-width: 991px) { .main-content #shopify-section-faq{ min-height:450px; } .content-wrapper { width: 100%; } .sidebar{ width: 100%; } .sidebar .widget > h4.toggle { padding: 10px; } .sidebar .sidebar__inner .widget.recent_article > h4.toggle, .sidebar .sidebar__inner .widget.widget_categories > h4.toggle { padding: 15px; margin: 0; } } @media only screen and (max-width: 480px) { .filter-sortby .sorting-section button span { white-space: nowrap; text-overflow: ellipsis; float: left; width: 100%; overflow: hidden; } .collection_wrapper .sorting_wrapper .btn.dropdown-toggle{ width:100%; } } /*======================= Index sections =============================*/ .index-section--flush + .index-section--flush { margin-top: -(var(--sectionSpacingSmall) * 2); } .index-section--flush:first-child { margin-top: -var(--sectionSpacingSmall); } .index-section--flush:last-child { margin-bottom: -var(--sectionSpacingSmall); } @media only screen and (max-width: 1024px) { .index-section--flush + .index-section--flush { margin-top: -(var(--sectionSpacing) * 2); } .index-section--flush:first-child { margin-top: -var(--sectionSpacing); } .index-section--flush:last-child { margin-bottom: -var(--sectionSpacing); } .index-section--featured-product:first-child { margin-top: -12px; } } /*================ Module-specific styles ================*/ .feature-row { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; } .feature-row__item { -webkit-flex: 0 1 50%; -moz-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } .feature-row__text { padding-top: var(--sectionSpacingSmall); padding-bottom: var(--sectionSpacingSmall); } .featured-box__body { border-top: 0; padding: (var(--gutter) / 2) (var(--gutter) / 3); margin-top: -var(--gutter) / 2; } .featured-box__body .btn--large { padding: (var(--gutter) / 4) 0; background-color: var(--color-btn-primary); color: var(--color-btn-primary-text); font-family: var(--font-stack-body); font-size: em(14px); margin: 0; } .featured-box__body .hr--small { position: relative; top: -(var(--gutter) / 6); } .featured-box__title { margin: 0; } .page-content__item:not(:first-child) { margin-top: 30px; } @media(min-width: 481px) and (max-width: 1025px) { .medium--one-third .featured-box__title, .one-third .featured-box__title { font-size: em(20px); } } @media (min-width: 1025px) { .large--one-third .featured-box__title, .one-third .featured-box__title { font-size: em(20px); } .feature-row__text--left { padding-left: var(--sectionSpacingSmall); } .feature-row__text--right { padding-right: var(--sectionSpacingSmall); } .featured-row__subtext { font-size: em(var(--font-size-base) + 2); } } @media only screen and (max-width: 1025px) { .featured-box__body { padding: var(--gutter) 0; } } @media only screen and (max-width: 1024px) { .feature-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .feature-row__item { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; max-width: 100%; } .feature-row__text { order: 2; padding-bottom: 0; } } @media only screen and (max-width: 749px) { .feature-row__image { order: 1; } } /*================ Spinner Icon ================*/ .icon-spinner { -moz-animation: spin 500ms infinite linear; -o-animation: spin 500ms infinite linear; -webkit-animation: spin 500ms infinite linear; animation: spin 500ms infinite linear; display: inline-block; width: 20px; height: 20px; vertical-align: middle; fill: currentColor; } @-webkit-keyframes spin{ 0%{ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100%{ -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-moz-keyframes spin{ 0%{ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100%{ -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @-ms-keyframes spin{ 0%{ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100%{ -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes spin{ 0%{ -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg) } 100%{ -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg) } } /*====================================Basic Styles=====================================*/ html, body { background-color: var(--color-body); padding: 0; margin: 0; color: var(--color-body-text); } html{ padding:0 !important; } body.with_padding .page-wrapper{ -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); } .main-content { display: block; } .page-wrapper .main-content{ margin:0; } .wrapper { margin: 0 auto; *zoom: 1; padding: 0 (var(--gutter) / 2); } @media (min-width: 1025px) { .wrapper .site-header & { padding: 0; } } @media (max-width: 480px) { .medium-down--one-half { width: 100%; } } /*===============================================Helper Classes==========================================*/ .table-contain { display: table; height: 100%; width: 100%; } .table-contain__inner { display: table-cell; height: 100%; vertical-align: middle; } /*===============================================Typography==========================================*/ body,input,textarea,button,select { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; font-family: var(--font-stack-body); font-size: var(--font-size-base); font-weight: 400; line-height: var(--font-line-height); -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 { color: var(--color-header-text); font-family: var(--font-stack-body); line-height: 1.6; margin: 8px 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } /*================ Use em() Sass function to declare font-size ================*/ h1, .h1{ font-size: 32px; } h2, .h2 { font-size: 24px; } h3, .h3 { font-size: 18.72px; } h4, .h4 { font-size: 16px; } h5, .h5 { font-size: 13.28px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 15px 0; } p img{ margin: 0; } em { font-style: italic; } b, strong { font-weight: bold; } small { font-size: 80%; } sup, sub { position: relative; font-size: 60%; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.5em; } /*================ Blockquotes ================*/ blockquote { font-size: 18px; line-height: 24px; font-style: italic; margin: 0 0 30px; padding: 15px 0; } blockquote p{ margin-bottom: 0; } blockquote p + cite { margin-top:15px; } blockquote cite { display: block; font-size: 0.75em;} blockquote cite::before { content: '\2014 \0020'; } @media only screen and (max-width: 1025px) { blockquote { font-size: 24px; line-height: 30px; margin-left: -20%; width: 140%; text-align: center; } } /*================ Code ================*/ code, pre { background-color: #faf7f5; font-family: Consolas,monospace; font-size: 1em; border: 0 none; padding: 0 2px; color: #51ab62; } pre { overflow: auto; padding: 15px; margin: 0 0 30px; } /*================ Horizontal Rules ================*/ hr { clear: both; border-top: solid var(--color-border); border-width: 1px 0 0; margin: 15px 0; height: 0; float:left; width:100%; } hr.hr--clear { margin-top: 0; border: 0; } /*=======================================toggle-accordion========================================*/ .tt-toggle-frame-set{float:left; width:100%; margin:0px; padding:0px;} .template-page .tt-toggle-frame-set{ margin-top: 15px; } .tt-toggle-frame{padding-bottom:20px; display:block;} .tt-toggle-frame h5.tt-toggle-accordion{font-weight:normal; position:relative; margin:0px 0px 0px; padding:0px 0px 0px 20px;} .tt-toggle-frame h5 a{display:block; color:#5c5c5c;} .tt-toggle-frame h5 a:before, .tt-toggle-frame h5 a:after{position:absolute; text-decoration:inherit; } .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle-accordion:before, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle:before{content:"\f140";font-family:"Material Design Icons"; top:0px; left:0px; position:absolute; font-weight:normal; } .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle-accordion:after, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle:after{content:"\f140";font-family:"Material Design Icons"; top:4px; left:0px; display:inline-block; float:left; position:absolute; } .tt-toggle-frame-set .tt-toggle-frame h5.active:before, .tt-toggle-frame-set .tt-toggle-frame h5.active:after, .tt-toggle-frame-set h5.tt-toggle.active:before{content:"";} .tt-toggle-frame .tt-toggle-content{padding:5px 20px 20px 22px; margin:0px 0px 0px 0px; background:#f4f4f4;} .tt-toggle-frame .tt-toggle-accordion.active, .tt-toggle-frame .tt-toggle.active{background:#f4f4f4; margin-bottom:0px; padding:20px 10px 5px 20px;} .tt-toggle-accordion.active a:before, .tt-toggle-accordion.active a:after, .tt-toggle-frame .tt-toggle.active a:before, .tt-toggle-frame .tt-toggle.active a:after, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle.active:before{content:"";} .tt-toggle-frame-set h5.tt-toggle-accordion:before, h5.tt-toggle:before{content:"\f140";font-family:"Material Design Icons";} h5.tt-toggle-accordion.active:before, .tt-toggle-frame-set h5.tt-toggle.active:before{content:"\f143";font-family:"Material Design Icons";} h5.tt-toggle-accordion.active { background:var(--color-btn-primary);color:#fff; } h5.tt-toggle-accordion.active a { color:#fff; border: none;} .course h5.tt-toggle-accordion:before{content:"?";} .course h5.tt-toggle-accordion.active:before{content:"?";} .tt-toggle-frame h5.tt-toggle-accordion:before{content:'';} .tt-toggle-frame h5.tt-toggle-accordion{line-height:inherit;} h5.tt-toggle-accordion, .tt-toggle-frame h5.tt-toggle, h5.tt-toggle{ padding:15px 0px 15px 42px; line-height:30px; position:relative; font-size:16px; margin:-1px 0 -1px; border:1px solid var(--color-border); font-family: var(--font-stack-header); } .tt-toggle-frame h5.tt-toggle{padding:0px 0px 0px 20px; margin-bottom:0px;} .tt-toggle-frame h5.ttc-toggle-accordion a, .tt-toggle-frame h5.tt-toggle a{font-weight:normal;} h5.tt-toggle-accordion a{color:var(--color-body-text); font-weight:500; display:block; border: none !important;} h5.tt-toggle a{color:#5c5c5c; font-size:16px; font-weight:bold; display:block;} .tt-toggle-frame h5.tt-toggle-accordion a{font-weight:normal;} h5.tt-toggle-accordion:before, h5.tt-toggle:before{ display:inline-block; width:30px; height:30px; text-align:center; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -khtml-border-radius: 100%; position:absolute; top:15px; left:3px; z-index:1;} .tt-toggle-frame h5.tt-toggle-accordion:before, .tt-toggle-frame h5.tt-toggle:before{background:none; display:inherit; width:auto; height:auto; text-align:inherit; line-height:inherit; color:inherit; border:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius:0px ; -khtml-border-radius: 0px; position:static;} h5.tt-toggle-accordion.active:before, h5.tt-toggle.active:before{ line-height:25px;} .tt-toggle-frame h5.tt-toggle-accordion.active:before, .tt-toggle-frame h5.tt-toggle.active:before{border:0px;} .tt-toggle-content{padding-left:40px; padding-bottom:20px;padding-top:20px; clear:both; display:none;border:1px solid var(--color-border);} #shopify-section-faq .tt-toggle-accordion { cursor: pointer; } .faq-deatil .faq-title { color: var(--color-text) !important; float: left; width: 100%; padding: 10px 0 ; margin: 0px; font:500 20px/28px var(--font-stack-header); } /*----------------------- common css --------------------*/ .owl-carousel .owl-item img { margin: 0 auto; } .owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before { color: #777; content: "\F141"; font-family: 'Material Design Icons'; font-size: 24px; line-height: 36px; display: flex; align-items: center; justify-content: center; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } .owl-carousel .owl-nav .owl-next::before { content: '\F142'; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { margin: 0 6px 0 0; padding:0; font-size:0; background: #fff !important; width: 35px; height: 35px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; float: none; display: inline-block; vertical-align: top; } .owl-carousel .owl-nav .owl-next:hover,.owl-carousel .owl-nav .owl-prev:hover{ background:var(--color-btn-secondary) !important; } .owl-carousel .owl-nav .owl-next:hover::before,.owl-carousel .owl-nav .owl-prev:hover::before{ color:var(--color-btn-primary-text); } .owl-nav{ float: none; display: inline-block; vertical-align: top; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; margin: 0; position: absolute; top: -58px; bottom: auto; left: auto; right: 0; } .page-wrapper { float: left; min-height: 100%; width: 100%; overflow:hidden; position:relative; } .template-index .main-content .shopify-section.index-section { float: left; margin: 0 0 50px; width: 100%; } .template-index .main-content .shopify-section.tt-homeslider{ margin:30px 0 50px; } .template-index .main-content .shopify-section.index-section.ttproduct,.template-index .main-content .shopify-section.index-section.brand-logo { margin: 0 0 20px; } @media only screen and (max-width: 1199px) { .template-index .main-content .shopify-section.index-section { margin: 0 0 30px; } .template-index .main-content .shopify-section.index-section.ttproduct,.template-index .main-content .shopify-section.index-section.brand-logo,.template-index .main-content .shopify-section.index-section.product-main { margin: 0 0 0px; } .template-index .main-content .shopify-section.tt-homeslider{ margin:30px 0 40px; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{ width: 30px; height: 30px; } .owl-nav{ top: -50px; } .owl-carousel .owl-nav .owl-prev::before, .owl-carousel .owl-nav .owl-next::before{ font-size: 20px; line-height: 30px; } } @media only screen and (max-width: 767px) { .template-index .main-content .shopify-section.index-section.ttproduct,.template-index .main-content .shopify-section.index-section.brand-logo { margin: 0 ; } .template-index .main-content .shopify-section.tt-homeslider{ margin:30px 0 20px; } .owl-nav{ padding:0 10px; } } @media(max-width:480px){ .template-index .main-content .shopify-section.index-section.ttproduct{ margin: 0 0 20px; } } /*---------------------------- Loader CSS ----------------------*/ .loading-modal { background: #fff url("loader.gif") center 14px no-repeat; border: 1px solid rgba(0,0,0,0.15); position: fixed; top: 50%!important; bottom: auto; left: 50% !important; right: auto !important; width: 56px; height: 56px; margin-left: -28px; margin-top: -28px; overflow: hidden; padding: 0; text-align: center; text-indent: -999em; box-shadow: 0 1px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3); -moz-box-shadow:0 1px 4px rgba(0,0,0,0.3); -ms-box-shadow: 0 1px 4px rgba(0,0,0,0.3); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.3); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px ; -khtml-border-radius: 3px; display: block; } .search_wrapper input.input-group-field.s-loading{ background:url("serach-loader.gif") no-repeat scroll right 15px center; float: left; position: static; transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; width: 100%; } /*======================= custom navigation css ============================*/ .blog_latest_new_home .grid--blog #blog_slider .owl-dots { margin: 30px 0 0 0; } .widget_filter { float:left; } .item-row.grid-item{ padding-left: 0; } div#shopify-section-sidebar-color input { display: none; } .owl-prev{ left:0; } .owl-next{ right:0; } .testimonials_wrap .owl-next:after{ width: 100%; background-position: -12px -385px; height: 100%; } .testimonials_wrap .owl-next:hover:after{ background-position: -69px -386px; background-color: #222; height: 100%; } .testimonials_wrap .owl-prev:after{ width: 100%; background-position: -10px -352px; height: 100%; } .testimonials_wrap .owl-prev:hover:after{ background-position: -69px -353px; background-color: #222; height: 100%; } .testimonials_wrap .owl-next:after,.testimonials_wrap .owl-prev:after{ display: block; } .product-single__photos{ cursor:crosshair; padding: 5px; border: 2px solid var(--color-border); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px } @media only screen and (max-width: 991px) { .item-row{ width:33.333%; } } @media only screen and (max-width: 767px) { .item-row{ width:50%; } } @media only screen and (max-width: 480px) { .item-row{ width:80%; } .tab-inner .nav- >li{ width:80%; } .tab-inner .nav-tabs>li{ margin-bottom: 5px; } .blog_latest_new_home .grid--blog #blog_slider .owl-dots{ margin: 0; } } /*------------------related-products -------------*/ .related-products .grid-item{ padding: 0; } .related-products.product-grid{ text-align:center; } .related-products .product-layouts,#recently-viewed-products .product-layouts{ padding:0; } .related-products .owl-stage-outer,#recently-viewed-products .owl-stage-outer { float: left; width: 100%; border-radius: 10px; border: 2px solid var(--color-border); } .related-products .owl-stage-outer .owl-item,#recently-viewed-products .owl-stage-outer .owl-item { border-left: 1px solid var(--color-border); } .related-products .product-wrapper,#recently-viewed-products .product-wrapper{ margin:0; } @media only screen and (max-width: 991px) { .page-wrapper .main-content { margin: 0; float: left; width: 100%; display: inline-block; overflow: hidden; } } /*==================================Rich Text Editor=======================================*/ .rte { color: var(--color-body-text); margin-bottom: 15px; line-height: 1.7;} .rte>div { margin-bottom: 15px; } .rte:last-child { margin-bottom: 0; } .rte h1,.rte h2,.rte h3,.rte .h3,.rte h4,.rte .h4,.rte h5,.rte .h5,.rte h6,.rte .h6 { margin-top: 15px;} .rte h1:first-child,.rte h2:first-child,.rte h3:first-child,.rte .h3:first-child,.rte h4:first-child,.rte .h4:first-child,.rte h5:first-child,.rte .h5:first-child,.rte h6:first-child,.rte .h6:first-child { margin-top: 0; } .rte li { margin-bottom: 4px; list-style: inherit; } .rte li:last-child { margin-bottom: 0; } .rte-setting { margin-bottom: 19.44444px; } .rte-setting:last-child { margin-bottom: 0; } .rte img { height: auto; } .rte table { table-layout: fixed; } .rte ul,.rte ol { margin: 0 0 17.5px 35px; } .rte ul.list--inline,.rte ol.list--inline { margin-left: 0; } .rte ul { list-style: disc outside; } .rte ul ul { list-style: circle outside; } .rte ul ul ul { list-style: square outside; } .rte a:not(.btn) { padding-bottom: 1px; } .text-center.rte ul,.text-center.rte ol,.text-center .rte ul,.text-center .rte ol { margin-left: 0; list-style-position: inside; } .scrollable-wrapper { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } /*======================================Links and Buttons================================*/ a { color: var(--color-text-field); background: transparent; text-decoration: none; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } a:hover,a:focus { color: var(--color-text-hover-field); outline:none !important; } button { overflow: visible; } button[disabled],html input[disabled] { cursor: default; } input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"]:active { background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .btn,.btn--secondary,input.btn--secondary,.product-wrapper .btn_wrapper .pro_btn a{ cursor: pointer; display: inline-block; font-weight: 400; font-size: 14px; font-family: var(--font-stack-body); line-height: var(--font-line-height); letter-spacing: var(--font-letterspace); margin: 0; padding: 10px 20px; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; position:relative; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; overflow: hidden; z-index: 1; } .btn,.btn--secondary,input.btn--secondary{ background-color: var(--color-btn-primary); color: var(--color-btn-primary-text); } .btn:hover{ color: var(--color-btn-secondary-text); } .btn:active,.btn:focus{ background-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .btn[disabled],.btn.disabled{ cursor: default; color: var(--color-btn-secondary-text); background-color: var(--color-btn-secondary); } .btn::after,.product-wrapper .pro_btn a::after,.btn--secondary::after,input.btn--secondary::after{ background: var(--color-btn-secondary); position: absolute; content: ''; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn:hover::after,.btn--secondary:hover::after,input.btn--secondary:hover::after,.btn:focus::after,.btn--secondary:focus::after,input.btn--secondary:focus::after,.btn:active::after,.btn--secondary:active::after,input.btn--secondary:active::after{ -webkit-transform: scaleY(1); transform: scaleY(1); transform-origin: top; } .product-wrapper .add_tocart.pro_btn a:hover::after,.product-wrapper .add_tocart.pro_btn a:focus::after,.product-wrapper .add_tocart.pro_btn a:active::after,.product-wrapper .pro_btn a:hover::after,.product-wrapper .pro_btn a:focus::after,.product-wrapper .pro_btn a:active::after{ -webkit-transform: scaleY(1); transform: scaleY(1); transform-origin: top; } .input-group-btn.search-submit-wrap .btn:hover::after{ background: none; } .product-wrapper .pro_btn a.btn{ background: var(--color-product-primary); } .product-wrapper .add_tocart.pro_btn a.btn{ padding :10px 26px; background: var(--color-btn-secondary); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; color: var(--color-product-secondary-text); } .style1 .product-wrapper .pro_btn .btn.add-to-cart-disable { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-wrapper .add_tocart.pro_btn a.btn svg, .product-list .product-wrapper .add_tocart.pro_btn a.btn svg, .product-short-list .product-wrapper .add_tocart.pro_btn a.btn svg{ fill: var(--color-product-secondary-text); height: 15px; width :15px; float: none; display: inline-block; vertical-align: text-top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-wrapper .add_tocart.pro_btn a.btn:hover,.product-wrapper .add_tocart.pro_btn a.btn:active,.product-wrapper .add_tocart.pro_btn a.btn:focus,.product-wrapper .add_tocart.pro_btn a.btn.loading{ color: var(--color-product-secondary-text); } .product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:hover,.product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:active,.product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:focus{ color: var(--color-product-secondary-text); } .product-wrapper .pro_btn a.btn svg{ fill: var(--color-product-primary-text); } .product-wrapper .pro_btn a.btn:hover svg,.product-wrapper .add_tocart.pro_btn a.btn.add-to-cart-disable:hover svg,.product-wrapper .pro_btn a.btn:focus svg,.product-wrapper .pro_btn a.btn:active svg,.product-list .product-wrapper .add_tocart.pro_btn a.btn:hover svg,.product-short-list .product-wrapper .add_tocart.pro_btn a.btn:hover svg{ fill: var(--color-product-secondary-text); } .product-wrapper .pro_btn a::after{ background-color: var(--color-product-secondary); } .product-wrapper .btn_wrapper .pro_btn a.added-wishlist.btn,.product-wrapper .btn_wrapper .pro_btn.add-to-compare a.add-in-compare-js.added,.product-wrapper .pro_btn > a.loading { background: var(--color-product-secondary); color:var(--color-product-secondary-text); } .product-wrapper .pro_btn a.loading,.product-wrapper .pro_btn .loading a.add_to_wishlist { background: var(--color-product-secondary); } .grid-view-item .product-wrapper .btn_wrapper .pro_btn a.add_to_wishlist svg,.product-wrapper .btn_wrapper .pro_btn.add-to-compare a.add-in-compare-js.added svg{ fill: var(--color-product-secondary-text); } .product-wrapper .pro_btn a.loading > i{ display: none; } @media(max-width: 1599px){ .product-wrapper .add_tocart.pro_btn a.btn { padding: 10px 22px; } } @media(max-width: 1499px){ .product-wrapper .add_tocart.pro_btn a.btn { padding: 10px 11px; } } @keyframes spin{ 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(359deg); transform:rotate(359deg); } } @-moz-keyframes fillToRight { to { width: 100%; } } @keyframes fillToRight { to { width: 100%; } } .btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus, .btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover, .btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover, fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover { background-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } input.spr-button.spr-button-primary:active { background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .product-single__addtocart .btn.disabled,.product-single__addtocart .btn[disabled] { background-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); cursor: not-allowed; } .comment-form .btn,.added-to-cart .btn{ background-color: var(--color-btn-primary); color: var(--color-btn-primary-text); } .added-to-cart .btn:active,.added-to-cart .btn:focus{ background-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .added-to-cart .btn:hover { color: var(--color-btn-secondary-text); } .btn--small { padding: 4px 5px; font-size: 12px; } .btn--large { padding: 12px 15px; font-size: 16px; } .btn--full { width: 100%; white-space: normal; } /*================ Force an input/button to look like a text link ================*/ .text-link { display: inline; border: 0 none; background: none; padding: 0; margin: 0; } /*================= Currency - Language ==================*/ .tbl-list > li.currency,.tbl-list > li.language { position: relative;float:left;margin:0; width:100%;} .menu-middle-section ul li.currency a,.menu-middle-section ul li.language a { padding-right:0; } .menu-middle-section ul li.currency .flag-dropdown-menu li a,.menu-middle-section ul li.language .flag-dropdown-menu li a { padding:7px 15px; } .menu-middle-section ul li.currency:hover .flag-dropdown-menu,.menu-middle-section ul li.language:hover .flag-dropdown-menu { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; display:block; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); } .flag-dropdown-menu li a i { margin-top:2px; margin-right:7px; float:left; } .flag-dropdown-menu li a span { float:left;color:var(--color-text-field); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .flag-dropdown-menu li a:hover span { color:var(--color-text-hover-field); } .flag-dropdown-menu { text-align: left; width:90px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility:hidden; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform-origin: 0 0; -khtml-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; position: absolute; top: 100%; right: 0; z-index: 999; padding: 0; margin-bottom: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border: none; box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 30px 0 rgba(0,0,0,0.15); -ms-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15); -o-box-shadow: 0px 0px 30px 0 rgba(0,0,0,0.15); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .tbl-list > li.currency .flag-dropdown-menu li a,.tbl-list > li.language .flag-dropdown-menu li a {line-height: 1.2; padding: 6px 17px !important;border:none;font-size:13px !important;float:left;width: 100%;} .tbl-list > li.currency .flag-dropdown-menu, .tbl-list > li.currency.open .flag-dropdown-menu,.tbl-list > li.language .flag-dropdown-menu, .tbl-list > li.language.open .flag-dropdown-menu { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; display:none; transition: none 0s ease 0s; -webkit-transition: none 0s ease 0s; -moz-transition: none 0s ease 0s; -o-transition: none 0s ease 0s; -ms-transition: none 0s ease 0s; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); } .currency_code > i, .language_code > i { margin: 4px 5px 0 0; float:left; } .flag-dropdown-menu li.active a span { color: var(--color-text-hover-field); } .header_currency .currency_wrapper .mdi.mdi-chevron-up,.header_language .language_wrapper .mdi.mdi-chevron-up{ display: none; } .header_currency ul li .currency_wrapper.active .mdi.mdi-chevron-up,.header_language .language_wrapper.active .mdi.mdi-chevron-up{ display: inline-block; vertical-align:top; } .header_currency ul li .currency_wrapper .mdi.mdi-chevron-down,.header_language .language_wrapper .mdi.mdi-chevron-down{ display: inline-block; vertical-align:top; } .header_currency ul li .currency_wrapper.active .mdi.mdi-chevron-down,.header_language .language_wrapper.active .mdi.mdi-chevron-down{ display: none; } .customer_account .tbl-list > li.currency .flag-dropdown-menu, .customer_account .tbl-list > li.language .flag-dropdown-menu { float: left; width: 100%; margin: 0; top: 43px; left: 0; right: auto; } .customer_account .tbl-list > li.currency .flag-dropdown-menu li, .customer_account .tbl-list > li.language .flag-dropdown-menu li { display: inline-block; margin-bottom: 0; padding: 3px 0; width: 100%; vertical-align: top; } .customer_account .tbl-list > li.currency .flag-dropdown-menu li a, .customer_account .tbl-list > li.language .flag-dropdown-menu li a { padding: 0 !important; } .customer_account .header_currency, .customer_account .header_language { margin: 0; float: left; width: 100%; } .customer_account .header_language { padding: 0; } .tbl-list > li.currency .flag-dropdown-menu,.header_language .disclosure #lang-list { left: auto; right: 0; top: 100%; min-width: 120px; z-index: 4; position: absolute; display: none; margin: 0; padding: 10px 0 !important; background: #fff; margin-left:0; text-align: left; box-shadow: none; border: 1px solid var(--color-border); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .customer_account .tbl-list > li.currency .flag-dropdown-menu > li,.header_language .disclosure #lang-list li a{ display: inline-block; margin-bottom: 0; padding: 3px 15px; width:100%; vertical-align:top; line-height: 14px; font-weight:400; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_language .disclosure #lang-list li.disclosure-list__item--current a { color: #222; } .tbl-list > li.currency .flag-dropdown-menu::before,.tbl-list > li.language .flag-dropdown-menu::before{ position: absolute; content: "\f360"; font-family: "Material Design Icons"; height: 30px; width: 30px; font-size: 30px; line-height: 30px; right: 5px; top: -19px; left: auto; bottom: auto; color:#e5e5e5; } .tbl-list>li.language.language-block .flag-dropdown-menu{ width:auto; } .header_currency ul.tbl-list,.header_language ul.tbl-list { margin: 0; } .tbl-list > li.currency.currency-block.open .flag-dropdown-menu,.tbl-list > li.language.language-block.open .flag-dropdown-menu { display: block; } #currencies-picker { width: 100%; padding: 35px 0; margin: 0 !important; } #currencies-picker .selection-box { float: right; margin: 0; position: relative; } #currencies-picker .selection-box select { border: none; padding: 0; } #currencies-picker p { margin: 0 12px 0 0px; } .currency_wrapper.dropdown-toggle,.language_wrapper.dropdown-toggle { position:relative; font:400 13px/16px var(--color-body-text); padding: 12px 15px 11px 0; float:left; width:auto; color:#ccc; margin-right: 10px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .currency_wrapper.dropdown-toggle:hover,.language_wrapper.dropdown-toggle:hover { color:#222; } .currency-selector-label,.language-selector-label{ float: left; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 5px 0; font-weight: 400; color: #333333; font-family: var(--font-stack-header); } .customer_account .header_currency .currency_wrapper.dropdown-toggle, .customer_account .header_language .language_wrapper.dropdown-toggle{ display: none; } .tbl-list > li.currency .flag-dropdown-menu::before, .tbl-list > li.language .flag-dropdown-menu::before{ display: none; } @media only screen and (min-width: 992px) { .myaccount .mdi.mdi-chevron-down,.myaccount.open .mdi.mdi-chevron-up{ display: inline-block; vertical-align:top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #tt-megamenu ul.tt_menus_ul li.tt_menu_item:hover>a::after { content: '\F143'; } .myaccount .mdi.mdi-chevron-up,.myaccount.open .mdi.mdi-chevron-down { display: none; } } @media only screen and (max-width: 1024px) { .flag-dropdown-menu { right:auto; } .tbl-list > li.currency .flag-dropdown-menu li a,.tbl-list > li.language .flag-dropdown-menu li a { font-size:13px !important; } .tbl-list > li.currency .flag-dropdown-menu li:last-child a,.tbl-list > li.language .flag-dropdown-menu li:last-child a { margin-right: 0; } } @media only screen and (max-width: 991px) { .myaccount .mdi{ display: none; } .currency_wrapper.dropdown-toggle,.language_wrapper.dropdown-toggle { padding:13px 10px; } .currency_wrapper.dropdown-toggle:hover,.language_wrapper.dropdown-toggle:hover { color:var(--color-text-hover-field); } .tbl-list>li.currency .flag-dropdown-menu{ left: -50px; } } @media only screen and (max-width: 767px) { .currency_code > i,.language_code > i { margin: 1px 5px 0 0; } .currency_wrapper.dropdown-toggle,.language_wrapper.dropdown-toggle { padding:5px 10px; font-size: 12px; line-height: 14px; } } @media only screen and (max-width: 480px) { .flag-dropdown-menu li a i { margin-right:5px; } } /*=================== Lists ==================*/ ul, ol { margin: 0 0 var(--gutter); padding: 0; } ul { list-style: none outside; } ol { list-style: decimal; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 20px; } li { margin-bottom: 0.25em; } ol, ul.square, ul.disc { margin-left: 20px; } ul.square { list-style: square outside; } ul.disc { list-style: disc outside; } ol.alpha { list-style: lower-alpha outside; } .inline-list li { display: inline-block; margin-bottom: 0; } /*====================== Tables ===============================*/ table { border: 1px solid var(--color-border); border-collapse: collapse; border-spacing: 0; width: 100%; } table p{ margin-bottom: 0; } table.full { width: 100%; margin-bottom: 1em; } th { font-weight: bold; } th, td { text-align: left; padding: 15px; border: 1px solid var(--color-border); } /*======================= Images and Iframes ==============================*/ svg:not(:root) { overflow: hidden; } img.auto, .grid-item img, .grid-item iframe { max-width: 100%; } .video-wrapper { position: relative; overflow: hidden; max-width: 100%; padding-bottom: 56.25%; height: 0; height: auto; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .site-nav li .grid-item { float:none; padding:0; } @media only screen and (max-width: 991px) { .video-wrapper{ margin:0; } } /*==================== Forms ========================*/ ::-webkit-input-placeholder { color: var(--color-body-text); opacity: 0.6; } :-moz-placeholder { /* Firefox 18- */ color: var(--color-body-text); opacity: 0.6; } ::-moz-placeholder { /* Firefox 19+ */ color: var(--color-body-text); opacity: 0.6; } :-ms-input-placeholder { color: var(--color-body-text); opacity: 0.6; } ::-ms-input-placeholder { /* Edge 12+ */ color: var(--color-body-text); opacity: 1; } form { margin: 0 0 15px; } select { font-size: 14px; } button,input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],input[type="submit"],textarea { -webkit-appearance: none; -moz-appearance: none; } input, textarea, select, fieldset { max-width: 100%; } input.input-full, textarea.input-full, select.input-full, fieldset.input-full { width: 100%; } input,select,textarea { padding: 15px; line-height: 1.42; } input { padding: 12px 10px; } fieldset { border: 1px solid var(--color-border); padding: 15px; } legend { border: 0; padding: 0; } optgroup { font-weight: bold; } input { display: inline-block; width: auto; } button, input[type="submit"] { cursor: pointer; } input[type="submit"] { background-color: var(--color-btn-primary); color: var(--color-btn-primary-text); cursor: pointer; display: inline-block; font-weight: 500; font-size: 13px; font-family: var(--font-stack-body); line-height: var(--font-line-height); letter-spacing: var(--font-letterspace); margin: 0; padding: 10px 20px; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; border:none; position:relative; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } /*================ Input width and border ================*/ input[type="text"],input[type="search"],input[type="password"],input[type="email"],input[type="file"],input[type="number"],input[type="tel"],textarea,select { color: var(--color-body-text); border: 1px solid var(--color-border); width: 100%; max-width: 100%; display: block; margin: 0 0 1em; background: #fff; border-radius: 5px; } input[type="text"].input-group,input[type="search"].input-group,input[type="password"].input-group,input[type="email"].input-group,input[type="file"].input-group,input[type="number"].input-group,input[type="tel"].input-group,textarea[disabled].input-group,select[disabled].input-group { border: 0; } input[type="text"]:focus,input[type="text"].active,input[type="search"]:focus,input[type="search"].active,input[type="password"]:focus,input[type="password"].active,input[type="email"]:focus,input[type="email"].active,input[type="file"]:focus,input[type="file"].active,input[type="number"]:focus,input[type="number"].active,input[type="tel"]:focus,input[type="tel"].active,textarea:focus,textarea.active,select:focus,select.active { background-color: #fff; } input[type="text"][disabled],input[type="text"].disabled,input[type="search"][disabled],input[type="search"].disabled,input[type="password"][disabled],input[type="password"].disabled,input[type="email"][disabled],input[type="email"].disabled, input[type="file"][disabled],input[type="file"].disabled,input[type="number"][disabled],input[type="number"].disabled,input[type="tel"][disabled],input[type="tel"].disabled,textarea[disabled],textarea.disabled,select[disabled],select.disabled { cursor: default; background-color: var(--color-btn-secondary); border-color: var(--color-btn-secondary); } input[type="text"]:active, input[type="text"]:focus, input[type="search"]:active, input[type="search"]:focus, input[type="password"]:active, input[type="password"]:focus, input[type="email"]:active, input[type="email"]:focus, input[type="file"]:active, input[type="file"]:focus, input[type="number"]:active, input[type="number"]:focus, input[type="tel"]:active, input[type="tel"]:focus, input[type="submit"]:active, input[type="submit"]:focus, textarea:focus, textarea:active { border-color: #c5c5c5; } textarea { min-height: 100px; } input[type="checkbox"],input[type="radio"] { display: inline; margin: 0; padding: 0; } .qty-section.quantity-box .qty-box-set { margin-right: 10px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: var(--selectIcon); background-repeat: no-repeat; background-position: right 15px center; background-size: 8px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; } .ie9 select, .lt-ie9 select { background-image: none; padding-right: 10px; } select::-ms-expand { display: none; } @media(max-width:575px){ .quick-view .qty-section.quantity-box .qty-box-set{ margin-bottom: 10px; } } /*================ Form labels ================*/ label, legend { display: inline-block; font-family: var(--font-stack-body); color: var(--color-body-text); vertical-align: top; margin-bottom: 2px; font-size: em(12px); font-weight: bold; } label.inline, legend.inline { display: inline; } /*================ Accessible labels ====================*/ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } /*================ Off-screen labels with placeholder ================*/ .form-label--hidden { display: inline; } .ie9 .form-label--hidden .visuallyhidden, .lt-ie9 .form-label--hidden .visuallyhidden { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*================ We don't want the same label treatment for checkboxes/radios ================*/ input[type="checkbox"] + label,input[type="radio"] + label { font-weight: 500; } label[for] { cursor: pointer; } .label-hint { color: #999; } /*================ Horizontal Form ================*/ form.form-horizontal, .form-horizontal { margin-bottom: 0; } form.form-horizontal input[type="text"], .form-horizontal input[type="text"], form.form-horizontal input[type="search"], .form-horizontal input[type="search"], form.form-horizontal input[type="password"], .form-horizontal input[type="password"], form.form-horizontal input[type="email"], .form-horizontal input[type="email"], form.form-horizontal input[type="file"], .form-horizontal input[type="file"], form.form-horizontal input[type="number"], .form-horizontal input[type="number"], form.form-horizontal input[type="tel"], .form-horizontal input[type="tel"], form.form-horizontal textarea, .form-horizontal textarea, form.form-horizontal select, .form-horizontal select, form.form-horizontal label, .form-horizontal label { display: inline-block; margin-bottom: 0; width: auto; } /*================ Error styles ================*/ input[type="text"].error, input[type="search"].error, input[type="password"].error, input[type="email"].error, input[type="file"].error, input[type="number"].error, input[type="tel"].error, textarea.error { border-color: var(--errorRed); background-color:var(--errorRedBg); color: var(--errorRed); } label.error { color: var(--errorRed); } /*================ Input Group ================*/ .input-group input::-moz-focus-inner { border: 0; padding: 0; margin-top: -1px; margin-bottom: -1px; } .input-group-field,.input-group-btn { display: table-cell; vertical-align: middle; margin: 0; } .input-group .btn,.input-group .input-group-field { height: 40px; } .input-group .input-group-field { width: 100%; margin-bottom: 0; border:none; } .input-group-btn { position: relative; white-space: nowrap; width: 0%; padding: 0; } .input-group-btn .btn { background-color: transparent; } .input-group-btn .btn .icon { color: var(--color-body-text); position: relative; font-size: 18px; line-height: 18px; } /*====================== Icons ==============================*/ .icon-fallback-text .icon { display: none; } .supports-fontface .icon-fallback-text .icon i { display: inline-block; vertical-align: middle; font-size: 22px; } @media only screen and (max-width: 991px) { .supports-fontface .icon-fallback-text .icon i{ font-size: 20px; } } @media only screen and (max-width: 480px) { .ttinput_newsletter .icon-fallback-text .icon{ display: inline-block; } } .supports-fontface .icon-fallback-text .fallback-text { clip: rect(0 0 0 0); overflow: hidden; position: absolute; height: 1px; width: 1px; } .supports-fontface li:hover .icon-fallback-text .icon { color: #fff; cursor: pointer; } .icon:before { display: none; } .supports-fontface .icon:before { display: inline; font-family: icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*================ Icon mapping ================*/ .icon-apple_pay:before { content: "\e904"; } .icon-amazon_payments:before { content: "\e905"; } .icon-american_express:before { content: "\41"; } .icon-bitcoin:before { content: "\42"; } .icon-cart:before { content: "\e600"; } .icon-chevron-down:before { content: "\e606"; } .icon-chevron-left:before { content: "\e605"; } .icon-chevron-right:before { content: "\e602"; } .icon-chevron-up:before { content: "\e608"; } .icon-cirrus:before { content: "\43"; } .icon-comment:before { content: "\e60b"; } .icon-cross:before { content: "\e60d"; } .icon-dankort:before { content: "\64"; } .icon-diners_club:before { content: "\63"; } .icon-discover:before { content: "\44"; } .icon-dogecoin:before { content: "\e908"; } .icon-dwolla:before { content: "\e900"; } .icon-facebook:before { content: "\66"; } .icon-fancy:before { content: "\46"; } .icon-forbrugsforeningen:before { content: "\e901"; } .icon-google_plus:before { content: "\e902"; } .icon-hamburger:before { content: "\e601"; } .icon-instagram:before { content: "\e903"; } .icon-interac:before { content: "\49"; } .icon-jcb:before { content: "\4a"; } .icon-litecoin:before { content: "\e907"; } .icon-maestro:before { content: "\6d"; } .icon-master:before { content: "\4d"; } .icon-minus:before { content: "\e609"; } .icon-paypal:before { content: "\50"; } .icon-pinterest:before { content: "\70"; } .icon-plus:before { content: "\e60a"; } .icon-rss:before { content: "\72"; } .icon-search:before { content: "\e60f"; } .icon-snapchat:before { content: "\e909"; } .icon-stripe:before { content: "\53"; } .icon-tag:before { content: "\e60c"; } .icon-tumblr:before { content: "\74"; } .icon-twitter:before { content: "\54"; } .icon-vimeo:before { content: "\76"; } .icon-visa:before { content: "\56"; } .icon-youtube:before { content: "\79"; } .payment-icons { cursor: default; margin: 0; height: 24px; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; } .payment-icons li { margin: 0 0 0 8px; cursor: default; color:var(--FooterBottomText); } .payment-icons li:first-child { margin: 0; } .payment-icons .icon { font-size: 24px; line-height: 28px; } .social-icons { margin: 0; } .social-icons li a { display: inline-block; margin:0 5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .social-icons li { vertical-align: middle; } .social-icons li:first-child { margin: 0; } .social-icons li .icon { font-size: 14px; line-height: 20px; } .social-icons li a, .social-icons li a span.mdi.mdi-twitter svg path { color: var(--colorFooterSocial); } .social-icons li a:hover, .social-icons li a:hover span.mdi.mdi-twitter svg path { color: var(--colorFooterSocialHover); } /*================= Pagination =========================*/ .mobile-facets__wrapper .disclosure-has-popup[open]>summary:before { height: 100vh; z-index: 3; } .disclosure-has-popup[open]>summary:before { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; display: block; cursor: default; content: " "; background: rgba(0,0,0,0.4); } .pagination { margin-bottom: 1em; } .pagination-custom > li { display: inline-flex; width: 28px; height: 28px; line-height: 28px; text-align: center; float: none; margin-right: 5px; border: 1px solid transparent; margin-bottom: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .pagination-wrap { float: left; width: 100%; margin:0 0 30px; } .pagination-wrap .infinite-scrolling { float: none; display: inline-block; vertical-align: top; width: auto; } .pagination-wrap .infinite-scrolling .btn { overflow: hidden; margin: 0 0 15px; } .pagination-wrap .showing { float: left; width: 100%; } .pagination-custom { float: left; width: 100%; margin: 0 0 15px; font-family: var(--font-stack-body); } .pagination-custom li > i.fa { float: left; width: 100%; height: 100%; color:var(--color-text-field); position: relative; line-height: 34px; } .pagination-custom li > a, .pagination-custom li > span { float: left; width: 100%; width: 28px; height: 28px; line-height: 28px; position: relative; font-weight: 600; } .pagination-custom li:first-child > a, .pagination-custom li:first-child > span { margin-left: 0; } .pagination-custom li:hover, .pagination-custom li a:hover { cursor: pointer; z-index: 2; } .pagination-custom li.disabled i { width: 28px; height: 28px; line-height: 28px; } .pagination-custom li.disabled:hover { background: none !important; border-color: var(--color-border); color:var(--color-text-field); cursor: unset; } .pagination-custom li.disabled > span, .pagination-custom li.disabled > a, .pagination-custom li.disabled > a:hover, .pagination-custom li.disabled > a:focus { color: var(--color-body-text); cursor: not-allowed; } .pagination-custom > .active > a, .pagination-custom > .active > span, .pagination-custom > .active > a:hover, .pagination-custom > .active > span:hover, .pagination-custom > .active > a:focus, .pagination-custom > .active > span:focus { color: var(--color-product-secondary-text); cursor: default; z-index: 2; } .pagination-custom-lg > li > a, .pagination-custom-lg > li > span { font-size: em(18px); padding: 10px 16px; } .pagination-custom-sm > li > a, .pagination-custom-sm > li > span { padding: 5px 10px; font-family: var(--font-stack-body); font-size: em(12px); } /*================ Section Headers ================*/ .section-header { float: left; width: 100%; position: relative; text-align: left; margin: 0 0 25px; } .section-header .form-horizontal { display: inline-block; vertical-align: middle; } .popup-toggle .sticky_header.fixed { z-index: 9 !important; } /*=================== Common Header CSS ==================*/ .icon-btn { float: left; text-align:center; position:relative; } .menu-open .page-wrapper::after, .password.overflow-hidden .page-wrapper::after, .open-nav .page-wrapper::after, .search_toggle .page-wrapper::after, .account-toggle .page-wrapper::after, .cart_toggle .page-wrapper::after, .fullnav-open .page-wrapper::after, body.currency-open .page-wrapper::after, body.language-open .page-wrapper::after, body.menu_hover .page-wrapper::after, body.search-open .page-wrapper::after { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } body .page-wrapper::after { background: rgba(0,0,0,.6); position: fixed; top: 0; bottom: 0; content: ''; left: 0; right: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; z-index: 1; } .header-logo a, .header-logo img { color: var(--color-text-field); display: inline-block; vertical-align: top; float: none; line-height: 0; } .search_full_active .myaccount.icon-btn, .search_full_active .wishlist-icon-div .wishlist-icon,.search_full_active .site-header__cart.icon-btn { z-index: 0; } .template-index .breadcrumb-block { display: none; } .Site-navigation.fixed .tt-nav-right-div .site-header__cart.icon-btn.hide { display: block !important; } .header-top-right .icon-btn{ position:relative; } body .page-wrapper::after { background: rgba(0,0,0,.6); position: fixed; top: 0; bottom: 0; content: ''; left: 0; right: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; z-index:1; } .password.overflow-hidden .page-wrapper::after,.open-nav .page-wrapper::after,.search_toggle .page-wrapper::after,.account-toggle .page-wrapper::after,.cart_toggle .page-wrapper::after,.fullnav-open .page-wrapper::after, body.currency-open .page-wrapper::after,body.language-open .page-wrapper::after,body.menu_hover .page-wrapper::after,body.search-open .page-wrapper::after{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } body.footer1-open .page-wrapper::after{ z-index:9; } body.search-open.template-404 .page-wrapper::after{ display:none; } body.template-search.search-open .page-wrapper::after{ display:none; } @media(max-width:1199px){ .section-header{ margin:0 0 20px; } } @media only screen and (max-width: 991px) { .fullscreen_header .nav-menu-wrap { float: left; width: 100%; } .open-header.page-wrapper::after{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } } @media only screen and (min-width: 992px) { .wrapper-wrap.fullscreen_header { display: none; } } .site-header .sticky_header.fixed{ transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -moz-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; -ms-transition: all 600ms ease-in-out 0s; box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow:0 2px 2px rgba(0,0,0,0.1); -ms-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -o-box-shadow: 0 2px 2px rgba(0,0,0,0.1); position: fixed; width: auto; left: 0; right: 0; top: 0; z-index: 10; } #shopify-section-TT-megamenu { vertical-align: top; } /*==================== cart =====================*/ .tt-nav-right-div .site-header__cart span.title { float: none; width: auto; font:500 14px/18px var(--font-stack-header); display:inline-block; vertical-align:top; } .wrapper-top-cart > .site-header_cart_link { float: left; width: auto; z-index: 1; position: relative; padding: 25px 0; } .site-header__cart-count .cart-products-count{ width: 18px; height: 18px; border-radius: 50px; font-size: 12px; line-height: 18px; float: left; } .no-items { float: left; width: 100%; text-align: center; } .wrapper-top-cart > .site-header_cart_link:hover svg,.wrapper-top-cart>.site-header_cart_link.active svg,.header_4 .right-link-icon .myaccount:hover svg,.header_4 .right-link-icon .myaccount.active svg ,.header_5 .right-link-icon .myaccount:hover svg,.header_5 .right-link-icon .myaccount.active svg, .header_5_wrapper .tt-megamenu .tt_menus_ul > li:hover .menu_detail .img-icon{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .site-header__cart .wrapper-top-cart:hover > .site-header_cart_link i::before,.site-header__cart .wrapper-top-cart > .site-header_cart_link.active i::before{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .site-header .dropdown-backdrop { z-index: 0; } .site-header__cart .wrapper-top-cart .site-header__cart-count { width:auto; display: inline-block; float: none; vertical-align: top; height: 100%; line-height: 45px; } span.cart-products-count { margin:0; } #slidedown-cart .has-items .actions i,.product-single .product-information-inner .checkout-btn .checkout.btn i { margin-right: 7px; font-size: 20px; line-height: 20px; vertical-align: middle; } #slidedown-cart { line-height: 1.7; position: fixed; left: auto; right: 0; text-align: center; top: 0; bottom: 0; width: 420px; z-index: 999; background: #fff; border: 1px solid var(--color-border); border-right: none; flex-direction: column; display: flex; } #slidedown-cart .mini-cart-wrap{ float: left; width: 100%; text-align:center; } .empty-carticon { display: inline-flex; align-items: flex-end; justify-content: center; width: 80px; height: 80px; position: relative; text-align: center; border-radius: 50%; background-color: #fff; overflow: hidden; } #slidedown-cart .total{ float: left; width: 100%; } #slidedown-cart .total .label{ display: inline; padding: 0; font: 700 16px/18px var(--font-stack-body); text-align: center; vertical-align: baseline; white-space: nowrap; float: left; color:var(--color-body-text); } #slidedown-cart .total .price { float: right; } #slidedown-cart .total .money{ font-size: 16px; } #slidedown-cart .has-items .item{ float: left; width: 100%; margin: 0 0 10px; position: relative; } #slidedown-cart .has-items .actions{ float: none; width: auto; text-align: center; display: inline-block; vertical-align: top; margin: 15px 0 0; } #slidedown-cart .has-items .actions .btn { margin-right: 0; background:var(--color-btn-primary); color:var(--color-btn-primary-text); padding: 10px 50px; float: left; width: 100%; line-height: 20px; border: none; } #slidedown-cart .has-items .actions .btn svg{ height: 15px; width: 15px; fill: #fff; vertical-align: text-top; margin: 0 8px 0 0; } #slidedown-cart .has-items .actions .btn.text-chackout{ background:var(--color-btn-secondary); color:var(--color-btn-secondary-text); } #slidedown-cart .has-items .actions .btn:active,#slidedown-cart .has-items .actions .btn:focus, #slidedown-cart .has-items .actions .btn:after{ background-color:var(--color-btn-secondary); color:var(--color-btn-secondary-text); } #slidedown-cart .has-items .actions .btn.text-chackout:active, #slidedown-cart .has-items .actions .btn:focus, #slidedown-cart .has-items .actions .btn.text-chackout:after{ background-color:var(--color-btn-primary); color:var(--color-btn-primary-text); } #slidedown-cart .has-items .actions .btn:hover{ color:var(--color-btn-secondary-text); } #slidedown-cart .has-items .actions .btn.text-cart{ margin-bottom: 5px; } #slidedown-cart .product-details { float: left; width: 55%; text-align: left; padding: 0 15px; } #slidedown-cart .product-image { float: left; height: auto; width: 25%; text-align: left; } #slidedown-cart .product-image img{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; padding: 3px; border: 1px solid var(--color-border); } #slidedown-cart .btn-remove{ float: right; color: #222; width: 18px; text-align: center; height: 18px; line-height: 14px; font-size: 14px; padding: 3px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } #slidedown-cart .btn-remove span.mdi-close{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; float: left; width: 100%; } #slidedown-cart .btn-remove:hover span.mdi-close { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); color: #ff0000; } .sticky_header #slidedown-cart .mini-cart-wrap::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } .sticky_header #slidedown-cart .mini-cart-wrap::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); } .sticky_header #slidedown-cart .mini-cart-wrap::-webkit-scrollbar { width: 5px; } .site-header__cart #slidedown-cart .mini-cart-wrap.ps-container { overflow: hidden; max-height: 700px; text-align: center; } .site-header__cart #slidedown-cart .mini-cart-wrap .no-items > p { margin: 0; float: left; width: 100%; line-height: 22px; } .site-header__cart #slidedown-cart .mini-cart-wrap .no-items > p a { background-color: var(--color-product-primary); color: var(--color-product-primary-text); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; padding: 10px 20px; } .site-header__cart #slidedown-cart .mini-cart-wrap .no-items > p a:hover { background-color: var(--color-product-secondary); } .site-header__cart #slidedown-cart .mini-cart-wrap .cart-collateral .price { font-size: 14px; } .site-header__cart #slidedown-cart .ps-container > .ps-scrollbar-x-rail { display: none !important; } .site-header__cart .mini-products-list .product-details .variants, .site-header__cart .mini-products-list .product-details p.product-name { margin: 0; float: left; width: 100%; font-size: 13px; line-height: 16px; } .site-header__cart .mini-products-list .product-details .variants { margin: 0 0 4px; } ul.mini-products-list { text-align: center; flex-direction: column; display: flex; float: left; width: 100%; overflow-y: auto; overflow-x: hidden; max-height: 100%; flex-grow: 1; scrollbar-width: thin; padding: 0 30px; } .mini-cart-footer { float: left; width: 100%; padding: 30px; background: #f3f4f7; z-index: 2; } ul.mini-products-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } ul.mini-products-list::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); } ul.mini-products-list::-webkit-scrollbar { width: 5px; } .price-regular .money { text-decoration: line-through; } .cart-close { position: absolute; right: 20px; z-index: 999; top: 30px; cursor: pointer; padding: 0px 5px; } #top .wrapper-top-cart > .site-header_cart_link{ padding: 17px 5px 15px 55px; } button.btn.text-cart{ float: right; } .mini-cart-wrap.ps-container > .ps-scrollbar-x-rail{ display: none !important; } .fixed-cart-wrap #slidedown-cart .mini-cart-wrap, .fixed-cart-wrap #slidedown-cart .no-items { padding: 0 30px; } .fixed-cart-wrap{ position: fixed; right: 0; top: 0; left: 0; bottom: 0; visibility: hidden; z-index:9999; } .fixed-cart-wrap.active { visibility: visible; } .cart__remove{ height:20px; width:20px; float:none; display:inline-block; vertical-align:top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color:#ff0000; &:hover a i{ color:#222; } } .fixed-cart-wrap #slidedown-cart { transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); padding: 30px 0 0; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -khtml-border-radius: 5px 0 0 5px; } .fixed-cart-wrap #slidedown-cart .cart-close i.mdi.mdi-close { float: left; width: 22px; height: 22px; font-size: 22px; line-height: 22px; color: #666; text-align: center; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .fixed-cart-wrap #slidedown-cart .cart-close:hover i.mdi.mdi-close { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); color: #222; } #slidedown-cart .mini-cart-wrap .mini-cart-title { float: left; width: 100%; font: 700 20px/22px var(--font-stack-header); color: var(--color-text); text-align: left; margin: 0 0 50px; } .fixed-cart-wrap.active #slidedown-cart { transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); } .tab-inner > ul#jquery-tab-pager-navi { display: none; } .header-top-right,.header-top-left{ float:left; } .header-top-right{ float:right; } @media only screen and (max-width: 991px) { .tt-nav-right-div .site-header__cart span.title { display:none; } .wrapper-top-cart > .site-header_cart_link:hover::before, .wrapper-top-cart > .site-header_cart_link.active::before { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .tt-nav-right-div .site-header__cart span.title { display:none; } span.cart-products-text{ display:none; } .site-header__cart #slidedown-cart .mini-cart-wrap.ps-container { max-height: 320px; } .site-header .tt-nav-right-div .site-header__cart-count span.hidden-sm-down { display: none; } .site-header .header_logo_wrap .tt-nav-right-div .site-header__cart .wrapper-top-cart { float: left; height: 50px; width: 50px; } .site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count { height: 17px; width: 17px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; float: left; margin: 0; text-align: center; position: absolute; right: 0; left: auto; top: 25px; bottom: auto; font-size: 10px; line-height: 17px; } } @media only screen and (max-width: 480px) { .wrapper-top-cart > .site-header_cart_link i { font-size: 22px; } .site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count { top: 18px; } #slidedown-cart .has-items .actions i, .product-single .product-information-inner .checkout-btn .checkout.btn i { margin-right: 3px; } #slidedown-cart{ width: 308px; } #slidedown-cart .has-items .actions .btn{ padding: 10px; } #slidedown-cart .product-details{ width: 58%; padding: 0 10px; } .cart-close{ top: 20px; } ul.mini-products-list { max-height: 220px; padding: 0px; } .fixed-cart-wrap #slidedown-cart .mini-cart-wrap, .fixed-cart-wrap #slidedown-cart .no-items { padding: 0; } .fixed-cart-wrap #slidedown-cart{ padding: 20px; } #slidedown-cart .mini-cart-wrap .mini-cart-title{ margin: 0 0 30px; } #slidedown-cart .product-image{ width: 80px; } } /*========================== search =========================*/ .search-results li.no-result { width: 100%; padding: 15px; } .site-header__search .serach_icon { cursor: pointer; float: none; font-size: 0; height: 100%; padding: 25px 0; position: relative; width:auto; display:inline-block; vertical-align: top; z-index: 1; } .full-search-wrapper .search-results li { height: auto; margin: 0 0 15px; } .full-search-wrapper .search-results li.no-result span.title { font-size: 22px; } .full-search-wrapper .search-results li > span.title a { color: #555; font-size:18px; } .full-search-wrapper .search-results li > span.title a:hover { color: #222; } .full-search-wrapper .search-results li.ac_over { background: none; } .full-search-wrapper .search-results li.no-result{ padding: 0; } .full-search-wrapper .collections-selector{ display: none; } .site-header__search .serach-title{ float: none; display:inline-block; vertical-align: top; font: italic 400 14px/20px var(--font-stack-body); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .site-header__search .serach_icon svg{ height: 20px; width: 16px; float: left; line-height: 20px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; font-weight: 400; margin-right: 8px; } .site-header__search .serach_icon:hover > svg, .site-header__search .serach_icon.active > svg { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .site-header__search.icon_btn .search_wrapper, .site-header__search.icon-btn .search_wrapper { background: var(--color-body) none repeat scroll 0 0; position: absolute; right: 0; top: 100%; width: 320px; display: none; z-index: 99; border: 1px solid var(--color-border); border-top: 3px solid; bottom: auto; } .product-wrapper .product-qty form { margin: 0; } .site-header__search.icon_btn .search_wrapper form.input-group.search-bar, .site-header__search.icon-btn .search_wrapper form.input-group.search-bar { border: none; margin: 0; } .site-header__search.icon_btn .search_wrapper form.input-group.search-bar .btn::after, .site-header__search.icon-btn .search_wrapper form.input-group.search-bar .btn::after { display: none; } .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { border: none; padding: 5px 15px; height: 42px; } .full-search-wrapper .search-results li.serach-restult { float: left; width: 100%; } .search-full-screen { position: fixed; left: 0; top: 0; right: 0; bottom: auto; z-index: 4; height: auto; background: #fff; display: none; } .search-full-screen .full-search-wrapper { min-height: 220px; } .search-result-product { float: left; width: 100%; } .template-search .tt-innerpagetitle{ width: auto; } .full-search-wrapper .product_categories,.template-search .product_categories { float: left; width: 100%; } .full-search-wrapper .product_categories h4,.template-search .product_categories h4 { float: none; display: inline-block; vertical-align: top; width: auto; margin: 0; } .full-search-wrapper .product_categories ul,.template-search .product_categories ul { float: none; display: inline-block; vertical-align: top; } .full-search-wrapper .product_categories #collection-option li,.template-search .product_categories #collection-option li { display: inline-block; float: none; width: auto; } .full-search-wrapper .product_categories #collection-option li a,.template-search .product_categories #collection-option li a { line-height: 25px; text-decoration: underline; margin: 0 5px; } .template-search .search-products .product_categories { display: none; } .search-full-screen span.close-search { color: #666; margin: 0; position: absolute; left: auto; top: 40px; bottom: auto; right: 122px; } .full-search-wrapper .search-bar { width: 100%; float: none; display: inline-block; vertical-align: top; } .full-search-wrapper .search-title { float: left; width: 100%; margin: 80px 0 0; text-align: left; font: 500 15px/18px var(--font-stack-header); color: #666; } .full-search-wrapper button.btn.search-submit.icon-fallback-text i { font-size: 30px; color: #666; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .full-search-wrapper button.btn.search-submit.icon-fallback-text:hover i { color: #222; } .full-search-wrapper .input-group-btn{ position: absolute; top: 28px; bottom: 0; left: auto; right: 3%; } .full-search-wrapper button.btn.search-submit.icon-fallback-text::before { display: none; } .search-full-screen span.close-search:hover { color: #222; } .search-full-screen span.close-search a { float: right; width: auto; } .search-full-screen .full-search-wrapper.search-overlap .search-inner{ display: block; padding: 0; overflow: inherit; } .search-bar{ float: left; border: none; } input[type="search"] { border: none; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #eee; font-family: var(--font-stack-header); font-size: 24px; height: 50px; padding: 0 15px; width: 100%; float: left; border-bottom: 1px solid #ccc; font-weight: 500; line-height: 50px; cursor: text; letter-spacing: 1px; } .full-search-wrapper input[type="search"] { font-size: 30px; color: #222; border: none; font-weight: 500; height: 80px; line-height: 80px; border-bottom: 2px solid rgba(84,84,84,0.1); padding:0px; } .full-search-wrapper input[type="search"]::-webkit-input-placeholder { color: #666; } .full-search-wrapper form.search-bar:hover i{ color: #222; } .full-search-wrapper .close-search a { float: right; width: auto; } .full-search-wrapper .close-search i { float:left; font-size: 26px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .full-search-wrapper .close-search:hover i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .full-search-wrapper .search-results, .full-search-wrapper .search-results .thumbnail, .full-search-wrapper .search-results .title { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .full-search-wrapper .search-results .title { background: none; color: #555555; } .full-search-wrapper .search-results .title:hover{ color: #222222; } .header-top-right .icon-btn.site-header__search { position: initial; } .search-inner { padding: 50px 0px; display: none; overflow: auto; height: 100%; float: left; width: 100%; } .search-inner .search-bar { float: left; border: none; max-width: 100%; margin: 0; } span.close-search { margin: 20px 0; float: right; cursor:pointer; } .fullscreen_wrapper .nav-menu-wrap { float: left; width: 100%; } @media (max-width: 1399px) and (min-width: 1200px) { .search-result-product .medium-up--one-quarter{ width: 25%; } } @media only screen and (max-width: 1400px) { .search-full-screen span.close-search { right: 112px; } } @media only screen and (max-width: 1199px) { .full-search-wrapper .input-group-btn{ right: 3%; } .search-full-screen span.close-search { right: 92px; } } @media (max-width: 1025px) { .search-inner .search-bar { margin: 0 auto; } } @media only screen and (max-width: 991px) { .site-header__search .serach_icon svg{ width:16px; margin:0px; } .site-header__search .serach-title{ display:none; } .search-full-screen .full-search-wrapper{ min-height: 160px; } .full-search-wrapper .close-search i { font-size: 24px; } .full-search-wrapper .search-title{ margin: 60px 0 0; font-size: 12px; line-height: 14px; } .full-search-wrapper .input-group-btn{ right: 5%; top: 0px; } .full-search-wrapper button.btn.search-submit.icon-fallback-text i{ font-size: 24px; } .full-search-wrapper input[type="search"] { font-size: 24px; height: 50px; line-height: 50px; } } .full-search-wrapper .search-submit { font-size: 30px; color: var(--color-text-field); height: 50px; display: none; } .template-search .main-content .container .collections-selector{ display: none; } @media only screen and (max-width: 767px) { .search-full-screen span.close-search{ right: 15px; top: 20px; } .full-search-wrapper .search-submit{ height: 40px; } .search-inner { padding: 50px 20px; } .full-search-wrapper input[type="search"] { font-size: 20px; height: 40px; line-height: 40px; } } @media only screen and (max-width: 543px) { .site-header__search.icon_btn .search_wrapper, .site-header__search.icon-btn .search_wrapper { width: 290px; } } @media only screen and (max-width: 480px) { .site-header__search.icon_btn .search_wrapper, .site-header__search.icon-btn .search_wrapper { left: -200px; right: auto; } .site-header__search.icon_btn .search_wrapper::before, .site-header__search.icon-btn .search_wrapper::before { right: 20%; } .site-header__search .serach_icon{ padding: 23px 0; } input[type="search"] { padding: 0 10px; font-size: 18px; } .search-full-screen .full-search-wrapper{ min-height: 130px; } .search-inner { padding: 30px 15px; } .full-search-wrapper .search-results .title { font-size: 14px; } .full-search-wrapper .input-group-btn{ right: 12%; } } /*============================ myaccount ==========================*/ .wrapper .header-icon .myaccount.icon-btn { position: relative; } .myaccount.icon-btn .dropdown-toggle:hover .account-img > i, .myaccount.icon-btn .dropdown-toggle.open .account-img > i { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .myaccount.icon-btn .dropdown-toggle .account-img > i { font-size: 30px; line-height: 39px; cursor: pointer; float: left; height: 100%; width: 100%; font-weight: 400; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media only screen and (max-width: 480px) { .myaccount.icon-btn .dropdown-toggle .account-img > i { font-size: 24px; } } .myaccount .dropdown-toggle { float: left; width: 100%; cursor:pointer; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .myaccount .dropdown-toggle .account-title{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .myaccount .customer_account { width: 200px; position: absolute; right: 0; left: auto; top: 100%; background: var(--color-body); border: 1px solid var(--color-border); padding: 15px; display: none; z-index: 999; text-align: left; border-top: 2px solid var(--color-btn-primary); border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px; } .myaccount .customer_account ul { margin: 0; } .myaccount .customer_account ul > li{ float: left; width: 100%; margin: 0 0 10px; } .myaccount .customer_account ul > li > a { font-size: 13px; line-height: 16px; float: left; width: 100%; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .myaccount .customer_account ul li .wishlist-icon-div { float: left; width: 100%; } .wishlist-icon-div a > i { cursor: pointer; float: right; font-size: 26px; height: 100%; line-height: 50px; margin: 0 auto; width: 100%; z-index: 1; display:none; } #compareModal .modal-content .modal-title { font-size: 18px; line-height: 20px; color: #222; } #compareModal .modal-body { font-size: 14px; } #compareModal .modal-content .modal-header .close span { float: none; display: inline-block; vertical-align: top; position: absolute; top: 5px; bottom: auto; left: auto; right: 5px; width: 28px; height: 28px; line-height: 28px; font-size: 28px; border: none; text-shadow: none; color: #666; opacity: 1; font-weight: 400; } #compareModal .modal-footer button.btn.btn-secondary { border: none; } #compareModal .modal-content{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } /*----------- topmenu ------------*/ .icons_wrap_div.menu-item-show { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; display: inline-block; } .icons_wrap_div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .toggle_left_icon { float: none; display: inline-block; width: auto; line-height: 2.5; } @media only screen and (max-width: 991px){ .open .mobile-nav__sublist-trigger .mobile-nav__sublist-expand, .nav-menu-wrap ul.site-nav__dropdown, .site-nav__dropdown, .mobile-nav__sublist-trigger .mobile-nav__sublist-contract { display: none; } .open .mobile-nav__sublist-trigger .mobile-nav__sublist-contract { display: block; } .leftmenu { display: none; } .nav_dropdown-toggle.btn{ width:30px; } span.mobile-nav__sublist-trigger { position: absolute; right: 15px; top: 5px; width: 20px; height: 20px; text-align: center; cursor: pointer; line-height: 20px; z-index: 1; } .mobile-nav__sublist-trigger.is-active .mobile-nav__sublist-contract{ display: block; } .nav-menu-wrap .nav-toggle{ float: left; width:100%; text-align: left; } .nav-menu-wrap .nav-toggle, .site-nav--has-dropdown .site-nav__dropdown-toggle, .nav_dropdown-toggle.btn, .nav_dropdown-toggle.btn--secondary, input.nav_dropdown-toggle[type="submit"], .mobile-nav__sublist-trigger{ display: block !important; } .nav-menu-wrap .header-top-right{ position:absolute; right:0; } .flex-direction-nav .flex-prev::before,.flex-direction-nav .flex-next::before{ color: #222; } } @media only screen and (max-width: 480px){ .nav-menu-wrap .menu_toggle_wrap > button { font-size: 25px; } } /*================ mobile menu bar =================*/ @media only screen and (min-width: 992px){ .nav-toggle, .site-nav--has-dropdown .site-nav__dropdown-toggle, .nav_dropdown-toggle.btn, .nav_dropdown-toggle.btn--secondary, input.nav_dropdown-toggle[type="submit"], .mobile-nav__sublist-trigger { display: none; } } /*------------------ title -------------*/ .tt-innerpagetitle { float: left; font: 700 22px/28px var(--font-stack-header); padding: 0; text-align: left; width: 100%; color: var(--color-text); margin: 0 0 20px; } @media only screen and (max-width: 767px) { .tt-innerpagetitle { font-size: 18px; line-height: 20px; } } .template-page .tt-innerpagetitle{ margin:0; } p.bottom-indent { line-height: 24px; float: left; width: 100%; } .rte .page-subheading{ color:var(--color-text); float:left; width:100%; } .tthometab-title h3{ margin:30px 0 0 ; } .template-page .page-content p { float: left; width: 100%; line-height: 24px; } .ttsub-title { font: 400 46px/48px var(--font-stack-body); float: left; width: 100%; z-index: 1; position: relative; } .section-header .subtitle { font: 400 26px/28px var(--font-stack-header); float: left; width: 100%; margin: 0 0 15px; } .tt-title { color: var(--color-text); font: 800 26px/28px var(--font-stack-header); z-index: 1; float: none; display: inline-block; vertical-align: top; position: relative; } h2.tt-pagetitle { float: left; width: 100%; margin: 0 0 10px; font-size: 16px; line-height: 20px; font-weight: 500; color: var(--color-text); } h3.tt-pagesubtitle { float: left; width: 100%; font-size: 14px; line-height: 16px; margin: 0 0 10px; } .search-products .text--left.section-header__title { font-size: 20px; line-height: 24px; font-weight: 500; float: left; width: 100%; color: var(--color-text); } .search-products .product-layouts { display: inline-block; float: left; position:relative; padding: 0; } @media(min-width: 1200px) and (max-width: 1399px){ .search-result-product .grid-item.medium-up--one-third.large-up--one-fifth:nth-child(4n+1) { clear: both; width: 25%; } .search-result-product .grid-item.medium-up--one-third.large-up--one-fifth { width: 25%; clear: none; } } @media(min-width: 992px) and (max-width: 1199px){ .search-result-product .grid-item.medium-up--one-third.large-up--one-fifth:nth-child(3n+1) { clear: both; width: 33.33%; } .search-result-product .grid-item.medium-up--one-third.large-up--one-fifth { width: 33.33%; clear: none; } } @media only screen and (max-width: 1299px) { .section-header .subtitle{ font-size: 24px; line-height: 26px; } .section-header .subtitle{ font-size: 24px; line-height: 26px; } } @media only screen and (max-width: 1199px) { .search-result-product .products-grid-view .grid-item { width: 33.33%; clear: none; } .section-header .subtitle{ margin: 0 0 12px; font-size: 22px; line-height: 24px; } .tt-title{ font-size: 22px; line-height: 24px; } .section-header .subtitle{ margin: 0 0 12px; font-size: 22px; line-height: 24px; } .section-header .desc{ margin: 0 0 20px; font-size: 13px; line-height: 15px; } } @media (min-width: 768px) and (max-width: 1199px) { .search-result-product .products-grid-view .grid-item:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 991px) { .section-header .subtitle { margin: 0 0 12px; font-size: 18px; line-height: 20px; } .section-header .subtitle { margin: 0 0 12px; font-size: 18px; line-height: 20px; } } @media only screen and (max-width: 767px) { .ttsub-title { font-size: 36px; line-height: 38px; } .search-products .text--left.section-header__title { font-size: 20px; line-height: 30px; } .tt-title { font-size: 20px; line-height: 22px; } } @media only screen and (max-width: 720px) { .search-result-product .products-grid-view .grid-item { width: 50%; } } @media only screen and (max-width: 480px) { .ttsub-title { font-size: 26px; line-height: 28px; } .ttdesc { font-size: 16px; line-height: 15px; margin: 10px 0; } .section-header .subtitle { margin: 0 0 8px; font-size: 16px; line-height: 18px; } } /*===================== Dropdowns =======================*/ .page-move--nav .nav-bar { height: 100%; } .nav-bar .grid-item { height: 100%; } .nav-bar .icon { color: var(--color-text-field); } .nav-bar .wrapper { padding: 0; } @media only screen and (min-width: 1025px) { .lt-ie9 .nav-bar { margin-top: -var(--gutter); } } /*================ Mobile Nav ================*/ .cart-toggle{ color: var(--color-text-field); display: inline-block; text-align: center; width: 100%; } .cart-toggle:active, .nav-toggle:active, .cart-toggle:hover, .nav-toggle:hover, .cart-toggle:focus, .nav-toggle:focus { color: #222; } .cart-toggle { font-size: em(18px); } .hidden-count { display: none; } .nav-mobile { position: absolute; background-color: #fff; font-family: var(--font-stack-body); height: 100%; top: 0; left: 0; height: 100%; z-index: 0; overflow: hidden; } @media only screen and (min-width: 1025px) { .cart-toggle { height: auto; margin: 0; width: auto; } .nav-mobile { display: none; } } .nav-mobile .page-move--nav { position: absolute; } .mobile-drawer--open .nav-mobile { overflow: auto; -webkit-overflow-scrolling: touch; } .page-element.activated { transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -webkit-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -moz-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -o-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -ms-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); } .cart_table input[type="number"]{ padding:0; } @media only screen and (max-width: 1024px) { .nav-search { margin: 0 0 (var(--gutter) / 2); } } /*================ Secondary nav ================*/ .nav-secondary { font-family: var(--font-stack-body); font-size: 14px; margin: 0 0 var(--gutter) / 2; } .nav-secondary a, .social-icons li a span.mdi.mdi-twitter svg path { color: var(--colorFooterContent); } .nav-secondary li a:hover, .nav-secondary li:hover i.mdi-phone, .nav-secondary li:hover i.mdi-email-outline, .social-icons li a:hover span.mdi.mdi-twitter svg path { color: var(--color-btn-primary); } .site-footer .footer-wrap .contact-us i.mdi{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; margin-right: 10px; } .nav-secondary li { margin: 0 0 0 var(--gutter) / 2; } .nav-secondary li:first-child { margin: 0; } .contact-us .contact-address, .block_newsletter .news-desc{ color: var(--colorFooterContent); } /*================ Page nav ====================*/ .article-pagination, .product-pagination { border: 1px solid var(--color-border); font-family: var(--font-stack-body); font-size: em(14px); margin: var(--gutter) 0; padding: var(--gutter) 0; } .article-pagination.last, .product-pagination.last { border-bottom: 0; padding-bottom: 0; } .article-pagination p, .product-pagination p { margin: 0; } .article-pagination .article-pagination__sep, .product-pagination .article-pagination__sep, .article-pagination .product-pagination__sep, .product-pagination .product-pagination__sep { padding: 0 var(--gutter) / 4; } @media only screen and (min-width: 1025px) { .article-pagination, .product-pagination { margin: var(--gutter) * 2 0; } } /*================== Breadcrumb ========================*/ .breadcrumb-wrapper { float:left; width: 100%; padding: 50px 0; background-color: var(--color-bg-breadcrumb); margin: 0 0 50px; text-align: center; } .breadcrumb-wrapper .breadcrumb-wrap { color: var(--color-text-breadcrumb); float: left; font-size: 13px; font-weight: 500; margin-bottom: 0; padding: 0; text-align: center; width: 100%; position: relative; z-index: 1; } .breadcrumb-wrapper.breadcrumb-img::before { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; height: 100%; width: 100%; } .breadcrumb-wrapper span.title { float: left; width: auto; font: 700 20px/22px var(--font-stack-header); } .breadcrumb-wrapper .breadcrumb { float: right; width: auto; } .breadcrumb-wrapper .breadcrumb .breadcrumb__sep { position: relative; display: inline-block; vertical-align: middle; line-height: normal; font-size: 0; } .breadcrumb-wrapper .breadcrumb .breadcrumb__sep::before { content: "\f142"; font-family: "Material Design Icons"; font-size: 16px; margin: 0px 8px; } .breadcrumb-wrapper.breadcrumb-content { padding: 18px; } .breadcrumb-wrapper.breadcrumb-content .breadcrumb-wrap { float: left; width: 100%; } .breadcrumb-wrapper.breadcrumb-img { position: relative; } .spr-header-title{ font-size:21px; } .page-header { display: none; } .breadcrumb a, .breadcrumb-wrap a, .breadcrumb-wrap *, .breadcrumb-wrapper .breadcrumb-wrap span.title, .breadcrumb-wrapper .breadcrumb-wrap .h1, .breadcrumb .breadcrumb__sep:before { color: var(--color-text-breadcrumb); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .breadcrumb-wrap a:hover,.breadcrumb-wrap a:hover i{ color:var(--color-text-hover-breadcrumb); } @media (max-width: 767px) { .breadcrumb-wrapper{ padding: 30px 0; margin: 0 0 30px; } .breadcrumb-wrapper span.title{ width:100%; margin:0 0 10px; } .breadcrumb-wrapper .breadcrumb { float: left; width: 100%; } } @media (max-width: 480px) { .breadcrumb-wrapper .breadcrumb-wrap{ font-size: 11px; } .breadcrumb-wrapper span.title{ font-size: 16px; line-height: 22px; } .breadcrumb-wrap a i { font-size: 14px; } } /*=================== Custom Section ===========================*/ .isotop_filter_wrap { float: left; width: 100%; position: relative; } .tt-product-items.animatedcontainer{ transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; } .tt-product-filters ul li { list-style: none; display: inline; margin-right: 5px; } .ttproduct-categories-wrap{ float: left; width: 100%; } .list-collection-products .pickgradient-products > a.grid-link { float: left; width: 100%; position: relative; } /*---------------- CountDown CSS ----------------------------*/ .countdownHolder{ width:184px; margin:0 auto; text-align:center; letter-spacing:-3px; } .position{ display: inline-block; height: 1.6em; overflow: hidden; position: relative; width: 1.05em; } .digit { position: absolute; display: block; width: 1em; background-color: #444; border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; -khtml-border-radius: 0.2em; text-align: center; color: #fff; letter-spacing: -1px; } .digit.static { box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); -webkit-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35) one; -moz-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); -ms-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); -o-box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444)); } /*********You can use these classes to hide parts of the countdown that you don't need.*********/ .countDays{}.countDiv0{}.countHours{}.countDiv1{}.countMinutes{}.countDiv2{}.countSeconds{}.countDiv{ display:inline-block; width:16px; height:1.6em; position:relative; } .countDiv:before,.countDiv:after{ position:absolute; width:5px; height:5px; background-color:#444; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; left:50%; margin-left:-3px; top:0.5em; box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5); -webkit-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5); -moz-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5); -ms-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5); -o-box-shadow:1px 1px 1px rgba(4, 4, 4, 0.5); content:''; } .countDiv:after{ top:0.9em; } #note{ color: #666666; font-size: 12px; margin: 0 auto; padding: 4px; text-align: center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flip-countdown-text { margin-top: -7px; font-size: 20px; color: #24ceff; } .flip-countdown { width: 100%; float: left; } .fixed-content .product-single__header .flip-countdown{ position: relative; } @media only screen and (max-width: 991px) { .fixed-content .product-single__header .flip-countdown{ margin:0 0 15px; } .flip-countdown { -ms-flex-direction: column; flex-direction: column; } .flip-countdown > *:not(:first-child) { margin-top: 15px; } } .flip-countdown .time { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; display: inline-block; text-align: center; position: relative; height: 44px; width: 48px; margin-right: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .flip-countdown .count { background: #222; color: #fff; display: block; font-size: 23px; line-height: 44px; font-weight: 500; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; overflow: hidden; position: absolute; text-align: center; top: 0; width: 100%; transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0); -ms-transform: translateZ(0); } .flip-countdown .count.top { border-bottom: 1px solid rgba(255, 255, 255, 0.3); height: 50%; transform-origin: 50% 100%; } .flip-countdown .count.bottom { background: #222; line-height: 0; height: 50%; top: 50%; transform-origin: 50% 0; } .flip-countdown .count.curr.top { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); z-index: 3; } .flip-countdown .count.next.bottom { transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); z-index: 2; } .flip-countdown .label { font-size: 14px; position: absolute; top: 50px; left: 0; width: 100%; color: #222; padding: 0; font-weight: 500; } .flip-countdown .flip .count.curr.top { transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); } .flip-countdown .flip .count.next.bottom { transition: all 250ms ease-in-out 250ms; -webkit-transition: all 250ms ease-in-out 250ms; -moz-transition: all 250ms ease-in-out 250ms; -o-transition: all 250ms ease-in-out 250ms; -ms-transition: all 250ms ease-in-out 250ms; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); } .flip-countdown.simple-countdown .countdown-container span { height: auto; font-size: 13px; width: 34px; line-height: 40px; float: none; display: inline-block; vertical-align:top; margin: 0 8px 0 0; position: relative; text-align: center; font-weight: 600; color: #222; } .flip-countdown.simple-countdown .countdown-container span::after { color: #222; content: ":"; font-size: 16px; position: absolute; right: -10px; font-weight: 400; top: -2px; font-weight: 600; } .flip-countdown.simple-countdown .countdown-container span.second::after{ display: none; } .flip-countdown.simple-countdown .countdown-container span::last-child::after{ display: none; } .flip-countdown.simple-countdown .countdown-container span:last-child::after { display: none; } .flip-countdown.simple-countdown .countdown-container span.second { color: #bc2127; } .flip-countdown.simple-countdown .countdown-container span:last-child { margin: 0; } .flip-countdown.simple-countdown .countdown-container span.left-txt { display: none; } .large-up--one-half .flip-countdown.simple-countdown .countdown-container.countdown-block { left: 25%; right: 25%; } .flip-countdown.simple-countdown .countdown-container.countdown-block { background: #f5f1e9; position: absolute; left: 10px; right: 10px; text-align: center; top: 0; bottom: 0; float: none; width: auto; display: inline-block; vertical-align: top; height: 40px; border: none; padding: 0 0 0 30px; margin: auto; z-index: 1; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1); -moz-box-shadow:0 0 3px rgba(0, 0 ,0 , 0.1); -ms-box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1); -o-box-shadow: 0 0 3px rgba(0, 0 ,0 , 0.1); } .product-list .flip-countdown.simple-countdown .countdown-container.countdown-block, .product-short-list .flip-countdown.simple-countdown .countdown-container.countdown-block{ display:none } .flip-countdown.simple-countdown .countdown-container.countdown-block::after { content: "\f150"; position: absolute; font-family: 'Material Design Icons'; left: 25px; right: auto; font-size: 18px; color: #222; top: 0; line-height: 38px; width: 40px; height: 40px; } .left-txt,.time-txt{ display: none; } .large--one-fifth .flip-countdown.simple-countdown .countdown-container > span::after{ right:-8px; } .large--one-fifth .flip-countdown.simple-countdown .countdown-container span{ margin:0 10px 0 0; } .large--one-sixth .flip-countdown.simple-countdown .countdown-container span{ width:20px; padding:0; font-size:14px; } .flip-countdown.simple-countdown .countdown-container span.left-txt, .flip-countdown.simple-countdown .countdown-container span.time-txt { display: none; } @media(max-width: 1499px){ .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 8px; } } @media(max-width: 1399px){ .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 38px; } .flip-countdown.simple-countdown .countdown-container span{ font-size: 12px; width: 28px; } } @media only screen and (max-width: 1199px) { .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 40px; } .products-grid-view .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 0; } } @media only screen and (max-width: 991px) { .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; bottom: 8px; } .flip-countdown.simple-countdown .countdown-container span{ width: 30px; } .flip-countdown.simple-countdown .countdown-container span::after{ right: -8px; } .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 5px; } } @media only screen and (max-width: 750px) { .flip-countdown.simple-countdown .countdown-container span{ width: 22px; } } @media only screen and (max-width: 650px) { .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 0; } } @media only screen and (max-width: 480px) { .flip-countdown.simple-countdown .countdown-container.countdown-block { display: none !important; } } /*----------------------header common css---------------------------*/ .top-header .social-block .social-icon{ float: none; display: inline-block; vertical-align: top; width: auto; margin: 0 0 0 10px; } .top-header .social-block .social-icon:first-child { margin: 0; } .top-header .social-block .social-icon a { height: 15px; width: 15px; padding: 5px; } .top-header .social-block .social-icon svg { height: 15px; width: 15px; line-height: 15px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .top-header .social-block{ margin: 0; } .offer-content svg{ height: 15px; width: 12px; float: none; display: inline-block; vertical-align: text-bottom; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .offer-content:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .top-header .social-block .social-icon a svg{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .top-header .social-block .social-icon:hover a svg{ transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } @media (max-width: 991px) { .top-header .social-block .social-icon svg, .top-header .social-block .social-icon a{ height: 18px; width: 12px; line-height: 12px; } } /*----------------------header-1---------------------------*/ @media (min-width: 992px) { .site-header.page-element.header_1 { min-height: 152px; } .header_1_wrapper{ -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5; -moz-box-shadow: 1px 2px 3px 0 #e5e5e5; -ms-box-shadow: 1px 2px 3px 0 #e5e5e5; -o-box-shadow: 1px 2px 3px 0 #e5e5e5; box-shadow: 1px 2px 3px 0 #e5e5e5; } .header_1 .right-link-icon .myaccount svg { display: none; } .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding: 34px 0; } .header_1 .sticky_header.fixed #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding: 24px 0; } .header_1 .fullscreen_header_toggle .leftmenu { margin: 44px 0; } .header_1 .sticky_header.fixed .fullscreen_header_toggle .leftmenu { margin: 34px 0; } .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories,.header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item.single>a { padding: 12px 10px 12px 24px; } } @media (min-width: 1025px){ .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item > a{ padding: 12px 30px 12px 24px; } .header_1 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after { right: 8px; } } @media (min-width: 992px) and (max-width: 1025px){ .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item.single>a { padding: 8px 10px 8px 24px; } } .header_1 .top_header_1{ float: left; width: 100%; padding: 0 50px; } .header_1_wrapper #shopify-section-TT-megamenu { vertical-align: top; float: none; text-align: center; display: inline-block; } .header_1_wrapper { position: relative; z-index: 3; float: left; width: 100%; } .header_1 .offer-content{ float: none; display: inline-block; vertical-align: top; } .header_1 .offer-content{ padding: 11px 18px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; background: rgba(0,0,0,0.06); } .header_1 .offer-title { float: none; display: inline-block; vertical-align: top; width: auto; font: 400 14px/20px var(--font-stack-body); } .header_1 .top-header { text-align: center; padding: 12px 0; float: none; display: inline-block; vertical-align: top; } .top_header_1_link { float: right; text-align: right; padding: 0; } .header_1 .header-service .header-email,.header_1 .header-service .header-contect{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_1 .header-service .header-contect:hover svg, .header_1 .header-service .header-email:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_1 .header-service .header-email, .header_1 .header-service .header-email .email, .header_1 .header-service .header-contect, .header_1 .header-service .header-contect .contect-number{ float: none; display:inline-block; vertical-align:top; font: 400 13px/20px var(--font-stack-body); position: relative; } .header_1 a.language_wrapper.dropdown-toggle::after{ content: ""; border-right: 1px solid rgba(255,255,255,0.2); position: absolute; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; height: 20px; width: 1px; } .header_1 .header-service .header-contect { padding-right: 8px; margin-right: 5px; } .header_1 .header-service .header-contect::after { content: ""; border-right: 1px solid rgba(255,255,255,0.2); position: absolute; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; height: 20px; width: 1px; } .header_1 .header-service { text-align: left; padding: 11px 15px; float: left; } .header_1 .site-header__search .serach_icon{ padding: 45px 0; } .header_1 .sticky_header.fixed .site-header__search .serach_icon { padding: 35px 0; } .header_1_wrapper .header_logo_wrap{ float: left; width:auto; margin: 25px 0; } .header_1_wrapper .sticky_header.fixed .header_logo_wrap{ margin: 15px 0; } .header_1_wrapper .header_logo_wrap .header-logo { float: left; width: 100%; margin: 0; line-height: 0; } .header_1_wrapper .main-header { float: left; width: 100%; padding: 0 50px; text-align: center; } .header_1_wrapper .main-header .right-link-icon{ float: right; width: auto; } .header_1 .right-link-icon .site-header__search.icon-btn { float: none; display: inline-block; vertical-align: top; margin-right: 30px; } .header_1 .right-link-icon .myaccount{ float: none; display: inline-block; vertical-align: top; margin-right: 30px; font: 400 14px/16px var(--font-stack-body); } .header_1 .right-link-icon .myaccount .dropdown-toggle{ padding: 46px 0; } .header_1 .sticky_header.fixed .right-link-icon .myaccount .dropdown-toggle { padding: 36px 0; } .header_1 .right-link-icon .myaccount .dropdown-toggle .account-title, .header_1 .right-link-icon .myaccount:hover .mdi.mdi-chevron-down{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_1 .wrapper-top-cart>.site-header_cart_link{ padding: 45px 0; } .header_1 .sticky_header.fixed .wrapper-top-cart>.site-header_cart_link { padding: 35px 0; } .header_1 .wrapper-top-cart > .site-header_cart_link svg { width: 20px; height: 20px; float: none; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media (max-width: 1199px) { .header_1 .top_header_1, .header_1_wrapper .main-header{ padding: 0 30px; } .header_1 .right-link-icon .site-header__search.icon-btn, .header_1 .right-link-icon .myaccount{ margin-right: 15px; } .header_1 .offer-content{ padding: 11px 10px; } .top_header_1_link{ padding: 0; } .header_1 .header-service{ padding: 11px 8px; } .header_1_wrapper .header_logo_wrap{ margin: 15px 0; } .header_1 .site-header__search .serach_icon, .header_1 .wrapper-top-cart>.site-header_cart_link{ padding: 40px 0; } .header_1 .right-link-icon .myaccount .dropdown-toggle { padding: 41px 0; } .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item { padding: 30px 0; } .site-header__cart.icon-btn { margin: 0 5px 0 0; } } @media (max-width: 991px) { .header_1_wrapper .menu_toggle_wrap{ float: left; width: auto; padding: 35px 0px; } .header_1 #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding:0; } .header_1_wrapper .main-header{ text-align:center; } .header_1 .site-header__search .serach_icon { padding: 35px 0; } .header_1 .offer-content .offer-title { float: none; display: inline-block; vertical-align: top; } .header_1 .wrapper-top-cart>.site-header_cart_link { padding: 35px 0; } .header_1 .right-link-icon .myaccount svg{ width: 18px; height:20px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_1 .right-link-icon .myaccount:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_1 .account-title { display: none; } .header_1 .right-link-icon .myaccount .dropdown-toggle { padding: 33px 0; } .header_1_wrapper .menu_toggle_wrap i{ font-size: 24px; color: #222; width: 20px; height: 20px; line-height: 20px; float: none; display: inline-block; vertical-align: top; text-align: center; } .header_1_wrapper .header_logo_wrap{ margin: 15px 0; float: none; width: auto; display: inline-block; vertical-align: top; } .header_1 .header-service{ width: auto; float: none; text-align: center; padding: 0 15px; display: inline-block; vertical-align: top; } .header_1 .top-header{ width: auto; float: left; } .header_1_wrapper .main-header{ padding: 0 15px; } .header_1 .top_header_1, .header_1_wrapper .main-header { padding: 0 15px; } .header_1 .offer-content { padding: 0; background: none; } } @media (max-width: 767px) { .header_1 .top-header{ padding: 8px 0; } } @media (max-width: 480px) { .header_1 .site-header__search .serach_icon { padding: 27px 0; } .header_1 .offer-title{ font-size: 11px; } .header_1 .header-service .header-email, .header_1 .header-service .header-email .email, .header_1 .header-service .header-contect, .header_1 .header-service .header-contect .contect-number{ font-size:11px; } .header_1 .top_header_1 .destination{ font-size:9px; } .header-logo a, .header-logo img{ max-width: 140px; width: auto; height: auto; } .header_1_wrapper .header_logo_wrap{ margin: 10px 0; } .top-header .social-block .social-icon{ margin: 0 0 0 8px; } .header_1 .wrapper-top-cart>.site-header_cart_link { padding: 27px 0; } .header_1 .right-link-icon .myaccount .dropdown-toggle { padding: 25px 0; } .header_1_wrapper .menu_toggle_wrap{ padding: 27px 0; } } @media (min-width: 992px) and (max-width: 1199px ){ .site-header.page-element.header_1 { min-height: 140px; } .header_1 .fullscreen_header_toggle .leftmenu { margin: 39px 0; } } /*---------------- Header-2 ------------------*/ @media (min-width: 992px) { .header_2 .tt-megamenu1{ left: auto; right: 0; } .header_2 .tt-megamenu1 .tt-mega_menu1 span.menu-close i{ right: 15px; left: auto; } .site-header.page-element.header_2 { min-height: 170px; } .header_2 .fullscreen_header_toggle { float: right; cursor: pointer; margin-right: 0px; } .header_2.site-header #tt-megamenu .tt-mega_menu .tt_menus_ul>li>a::before, .header_2.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{ display: none; } .header_2 .currency_wrapper.dropdown-toggle, .header_2 .language_wrapper.dropdown-toggle{ padding: 21px 15px 20px 0; margin: 0; } .header_2 #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding: 11px 0; } } .header_2 .top-header:hover i{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_2 .top-header i{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; float: none; display: inline-block; vertical-align: top; } .header_2 #shopify-section-TT-megamenu{ float: none; display: inline-block; vertical-align: top; } .header_2 .top_header_2{ float: left; width: 100%; padding: 0 50px; text-align: center; } .header_2_wrapper { position: relative; z-index: 3; float: left; width: 100%; } .header_2 .offer-content{ float: none; display: inline-block; vertical-align: top; padding: 20px 15px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; background: var(--color-btn-primary); } .header_2 .offer-title { float: none; display: inline-block; vertical-align: top; width: auto; font: 400 14px/20px var(--font-stack-body); } .header_2 .top-header { float: left; width: auto; text-align: left; padding: 45px 0; } .header_2 .header-service .header-email{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_2 .header-service .header-email, .header_2 .header-service .header-email .email, .header_2 .header-service .header-contect, .header_2 .header-service .header-contect .contect-number{ float: none; display:inline-block; vertical-align:top; font: 400 14px/20px var(--font-stack-body); position: relative; } .header_2 a.currency_wrapper.dropdown-toggle::after, .header_2 a.language_wrapper.dropdown-toggle::after{ content: ""; border-right: 1px solid rgba(255,255,255,0.2); position: absolute; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; height: 20px; width: 1px; } .header_2 .header-service .header-contect { padding-right: 13px; margin-right: 10px; border-right: 1px solid rgb(0,0,0,0.2); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_2 .header-service .header-contect svg, .header_2 .header-service .header-email svg{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_2 .header-service .header-contect:hover svg, .header_2 .header-service .header-email:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_2 .header-service { float: right; text-align: right; padding: 45px 0; width: auto; } .header_2_wrapper .header_logo_wrap{ float: none; display: inline-block; vertical-align: top; margin: 25px 0; } .header_2_wrapper .header_logo_wrap .header-logo { float: left; width: 100%; margin: 0; line-height: 0; } .header_2_wrapper .main-header { float: left; width: 100%; padding: 0 50px; text-align: center; } .header_2_wrapper .main-header .right-link-icon{ float: right; width: auto; } .header_2_wrapper .top_header_2_link { float: left; width: auto; } .header_2 .right-link-icon .site-header__search.icon-btn { float: none; display: inline-block; vertical-align: top; margin-right: 30px; } .header_2 .right-link-icon .myaccount{ float: none; display: inline-block; vertical-align: top; margin-right: 20px; font: 400 14px/16px var(--font-stack-body); } .header_2 .right-link-icon .myaccount .dropdown-toggle{ padding: 21px 0; } .header_2 .wrapper-top-cart>.site-header_cart_link,.header_2 .site-header__search .serach_icon{ padding: 20px 0; } .header_2 .fullscreen_header_toggle .leftmenu{ margin: 19px 0; } .header_2 .header_language::after { position: absolute; content: ''; top: 0; left: auto; bottom: 0; right: 8px; margin: auto; height: 20px; width: 1px; background: rgba(0,0,0,0.2); } .header_2 .wrapper-top-cart > .site-header_cart_link svg { width: 20px; height: 20px; float: none; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_2 .right-link-icon .myaccount i{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media (max-width: 1299px) { .header_2 .fullscreen_header_toggle{ margin-left: 15px; } .header_2 .right-link-icon .myaccount, .header_2 .right-link-icon .site-header__search.icon-btn{ margin-right: 15px; } .header_2_wrapper .main-header, .header_2 .top_header_2{ padding: 0 30px; } } @media (min-width: 1200px) { .header_2 .right-link-icon .myaccount svg { display: none; } } @media (max-width: 1199px) { .header_2 .site-header__search .serach-title{ display:none; } .header_2 .right-link-icon .myaccount svg{ width: 18px; height:20px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_2 .site-header__search .serach_icon svg{ margin-right: 0; } .header_2 .right-link-icon .myaccount span.account-title, .header_2 .right-link-icon .myaccount .mdi.mdi-chevron-down, .header_2 .right-link-icon .myaccount.open .mdi.mdi-chevron-up{ display: none; } .header_2 .right-link-icon .myaccount .dropdown-toggle { padding: 16px 0; } .header_2 .fullscreen_header_toggle{ margin-left: 10px; } .header_2 .top_header_2, .header_2_wrapper .main-header { padding: 0 20px; } .header_2 .offer-content{ padding: 18px 15px; } .header_2 .wrapper-top-cart>.site-header_cart_link,.header_2 .site-header__search .serach_icon{ padding: 17px 0; } .header_2 .fullscreen_header_toggle .leftmenu{ margin: 17px 0; } .header_2_wrapper .header_logo_wrap{ margin: 15px 0; } .header_2 .top-header,.header_2 .header-service{ padding: 35px 0; } } @media (min-width: 992px) and (max-width: 1199px) { .header_2 #tt-megamenu .tt-mega_menu li.tt_menu_item { padding: 12px 0; } .header_2 .currency_wrapper.dropdown-toggle, .header_2 .language_wrapper.dropdown-toggle{ padding: 19px 15px 18px 0; } .site-header.page-element.header_2 { min-height: 146px; } } @media (max-width: 991px) { .fullscreen_header_toggle{ display:none; } .header_2 .right-link-icon .myaccount:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_2_wrapper .menu_toggle_wrap{ float: left; width: auto; padding: 24px 0px; } .header_2_wrapper .main-header{ text-align:center; } .header_2 .offer-content { padding: 6px; } .header_2_wrapper .top_header_2_link { width: auto; float: right; } .header_2 .offer-content .offer-title { float: none; display: inline-block; vertical-align: top; } .header_2 .account-title { display: none; } .header_2_wrapper .menu_toggle_wrap i{ font-size: 20px; color: #222; width: 20px; height: 20px; line-height: 20px; float: none; display: inline-block; vertical-align: top; text-align: center; } .header_2 .header-service{ width: 100%; float: left; text-align:center; padding: 0px 15px; margin: 10px 0 0; } .header_2 .top-header{ padding: 11px 0; } .header_2 .offer-content{ padding : 10px; } .header_2_wrapper .main-header{ padding: 0 15px; } .header_2.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{ right: -5px; top: 28px; } .header_2.site-header .wrapper-top-cart>.site-header_cart_link, .header_2.site-header .site-header__search .serach_icon, .header_2_wrapper .menu_toggle_wrap{ padding: 35px 0; } .header_2 .right-link-icon .myaccount .dropdown-toggle { padding: 33px 0; } .header_2 .top_header_2, .header_2_wrapper .main-header{ padding: 0 15px; } } @media (max-width: 767px) { .header_2 .right-link-icon .myaccount .dropdown-toggle{ padding: 25px 0 } .header_2.site-header .site-header__search .serach_icon, .header_2.site-header .wrapper-top-cart>.site-header_cart_link, .header_2_wrapper .menu_toggle_wrap { padding: 27px 0; } .header_2.site-header .header-logo a,.header_2.site-header .header-logo img{ max-width: 145px; max-height: 45px; } } @media (max-width: 480px) { .header_2.site-header .wrapper-top-cart>.site-header_cart_link, .header_2.site-header .site-header__search .serach_icon, .header_2_wrapper .menu_toggle_wrap{ padding: 27px 0; } .header_2 .offer-title{ font-size: 11px; } .header_2 .top-header{ padding: 8px 0; } .header_2 .header-service .header-email, .header_2 .header-service .header-email .email, .header_2 .header-service .header-contect, .header_2 .header-service .header-contect .contect-number{ font-size:11px; } .header_2 .top_header_2 .destination{ font-size:9px; } .header_2_wrapper .menu_toggle_wrap{ padding: 27px 0px; } .header_2 .right-link-icon .myaccount .dropdown-toggle{ padding: 25px 0; } .header_2.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{ top: 18px; } } /*--------------------- header-3 --------------------*/ .header-service svg { height: 15px; width: 12px; margin-right: 3px; float: none; display: inline-block; vertical-align: middle; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media (min-width: 992px) { .site-header.page-element.header_3 { min-height: 212px; } .header_3 #tt-megamenu { float: none; display: inline-block; vertical-align: top; } .header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding: 28px 0; } .header_3_wrapper .main-header .fullscreen_header_toggle::after { position: absolute; content: '\f140'; top: 0; bottom: 0; left: auto; right: 20px; margin: auto; font-family: 'Material Design Icons'; font-size: 18px; display: flex; align-items: center; } .header_3_wrapper .tt-mega_menu1{ padding: 0; } .header_3_wrapper .tt-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1{ padding: 10px 0; } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item { padding: 0; } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a { font-size: 14px; line-height: 22px; font-weight: 400; padding: 12px 20px; float: left; width: 100%; font-family: var(--font-stack-body); color: var(--color-text-field); margin: 0; } .header_3.site-header .wrapper-top-cart>.site-header_cart_link{ padding: 35px 0; } .header_3.site-header .fullscreen_header_toggle .leftmenu{ margin: 0; } .header_3 .fullscreen_header_toggle .leftmenu { width: auto; } .header_3 .right-link-icon .myaccount .dropdown-toggle{ padding: 36px 0; } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap:not(.disable){ position: absolute; left: 100%; right: auto; top: 0; bottom: auto; background: #fff; display: block; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; border: 1px solid var(--color-border); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:hover .tt_sub_menu_wrap{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist li>a { padding: 2px 15px; } } .header_3 .vertical-menu { float: left; width: auto; position: relative; } .header_3_wrapper .main-header .fullscreen_header_toggle { float: left; width: auto; position: relative; margin-left: 0; padding: 14px 140px 14px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_3_wrapper .main-header.fixed .bottom_header { display: none; } .header_3_wrapper .main-header #tt-megamenu1{ position: absolute; top: 100%; bottom: auto; left: 0; right: auto; width: 290px; height: auto; opacity: 1; visibility: visible; padding: 0; display: none; border: 1px solid var(--color-border); border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } .header_3.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{ background: rgba(0,0,0,.1); position: absolute; left: 0; right: 0; width: 90%; height: 1px; content: ""; bottom: 0; margin: 0 auto; } .header_3.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:last-child>a::before{ display: none; } .header_3 #tt-megamenu1 .tt_menu_item span.icon { height: 22px; width: 22px; line-height: 22px; float: left; margin: 0 8px 0 0; transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; background: #222; } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger { display: none; } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub span.categories::after, .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub>a::after { position: absolute; content: "\f140"; height: 20px; width: 20px; font-size: 18px; line-height: 20px; font-family: "Material Design Icons"; right: 15px; left: auto; top: 0; bottom: 0; margin: auto; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover span.categories::after, .header_3 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover>a::after{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .header_3 #shopify-section-TT-megamenu{ float: none; width: auto; display: inline-block; vertical-align: top; } .header_3 .top-header:hover i{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_3_wrapper .fixed .header_logo_wrap{ float: left; width:auto; } .header_3 .fullscreen_header_toggle .leftmenu span.toggle_text { margin-left: 10px; line-height: 22px; } .header_3 .site-header__search.icon-btn { float: none; display: inline-block; vertical-align: top; } .header_3 .site-header__search .serach_icon{ display: none; } .header_3 .site-header__search.icon-btn .search_wrapper form.input-group.search-bar{ float: left; width: 100%; display: flex; align-items: center; } .header_3 .site-header__search.icon-btn .search_wrapper,.header_3 .site-header__search.icon_btn .search_wrapper{ display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; width: 100%; float: left; height: 50px; border: 1px solid #e5e5e5; position: static; } .header_3 .collections-selector { float: left; width: auto; position: relative; flex-grow: 0; } .header_3 select#collection-option { border: none; padding: 10px 36px 10px 15px; height: 50px; margin: 0; background-color: transparent; } .header_3 .site-header__search.icon-btn .search_wrapper .collections-selector::after { content: ''; position: absolute; background: #dedede; width: 1px; height: 23px; top: 0; bottom: 0; right: auto; left: 100%; margin: auto 0; } .header_3.site-header button.btn.search-submit.icon-fallback-text { background: #222; color: var(--color-btn-primary-text); padding: 0 20px; height: 50px; border: none; position: absolute; top: 0; bottom: 0; left: auto; right: 0; margin: auto; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_3.site-header button.btn.search-submit.icon-fallback-text:hover{ background: var(--color-btn-primary); } .header_3.site-header .search_wrapper .icon-fallback-text .fallback-text { position: static; float: none; width: auto; height: auto; display: inline-block; vertical-align: top; line-height: 25px; font-size: 14px; } .header_3 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { padding: 5px 115px 5px 15px; height: 50px; width: auto; float: none; display: inline-block; vertical-align: top; font-size: 14px; color: #222; flex-grow: 1; } .header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type=search]:focus{ background: #f5f5f5; } .header_3 .top_header_3{ float: left; width: 100%; } .header_3_wrapper { position: relative; z-index: 3; float: left; width: 100%; } .header_3_wrapper .main-header .menu-bar { float: left; width: 100%; } .header_3_wrapper .main-header .bottom_header{ float: left; width: 100%; text-align: center; padding: 0 0 30px; } .header_3 .offer-content{ padding: 11px 18px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; float: none; display: inline-block; vertical-align: top; background: rgba(0,0,0,0.04); } .header_3 .offer-title { float: none; display: inline-block; vertical-align: top; width: auto; font: 400 14px/20px var(--font-stack-body); } .header_3 .top-header { text-align: left; padding: 11px 0; float: left; width: auto; } .header_3 .top-header .social-block { float: none; display: inline-block; vertical-align: top; width: auto; } .header_3 .top_header_3_link { float: right; text-align: right; } .header_3 .header-email{ margin-left: 10px; padding-left: 10px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_3 .header-email::after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: auto; height: 100%; width: 1px; background: rgba(255,255,255,0.2); } .header_3 .header-email, .header_3 .header-email .email, .header_3 .header-service .header-contect, .header_3 .header-service .header-contect .contect-number{ float: none; display:inline-block; vertical-align:top; font: 400 14px/16px var(--font-stack-body); position: relative; } .header_3 a.language_wrapper.dropdown-toggle::after{ content: ""; border-right: 1px solid rgba(255,255,255,0.2); position: absolute; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; height: 20px; width: 1px; } .header_3 .header-email svg{ width: 14px; height: 15px; margin-right: 5px; float: none; display:inline-block; vertical-align:top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_3 .header-email:hover svg, .header_3 .header-service .header-contect:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_3 .header-service .header-contect, .header_3 .header-service .header-contect svg{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_3 .header-service { float: right; width: auto; text-align: center; padding: 15px 28px; background: var(--color-btn-primary); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .header_3_wrapper .header_logo_wrap{ float: left; width: auto; margin: 15px 0; } .header_3_wrapper .header_logo_wrap .header-logo { float: left; width: 100%; margin: 0; line-height: 0; } .header_3_wrapper .main-header { float: left; width: 100%; text-align: center; } .header_3_wrapper .main-header .right-link-icon{ float: right; width: auto; } .header_3 .right-link-icon .myaccount{ float: none; display: inline-block; vertical-align: top; margin-right: 20px; font: 400 14px/16px var(--font-stack-body); } .header_3 .fixed .right-link-icon .site-header__search.icon-btn{ float: none; display: inline-block; vertical-align: top; margin-right: 30px; } .header_3 .wrapper-top-cart > .site-header_cart_link svg { width: 20px; height: 20px; float: none; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media (min-width: 992px) { .header_3 .right-link-icon .myaccount svg { display: none; } } @media (min-width: 1025px) { .header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item>a { padding: 10px 30px 10px 24px; } .header_3 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{ right: 8px; } } @media(max-width: 1860px){ .header_3_wrapper .main-header .fullscreen_header_toggle{ padding: 14px 130px 14px 15px; } } @media(max-width: 1599px){ .header_3 .header-service{ padding: 15px 26px; } } @media(max-width: 1499px){ .header_3_wrapper .main-header .fullscreen_header_toggle { padding: 14px 100px 14px 15px; } .header_3 .header-service { padding: 15px 22px; } } @media(max-width: 1399px){ .header_3_wrapper .main-header .fullscreen_header_toggle { padding: 14px 80px 14px 15px; } .header_3 .header-service { padding: 15px 18px; } } @media(max-width: 1299px){ .header_3_wrapper .main-header .fullscreen_header_toggle { padding: 14px 50px 14px 15px; } .header_3 .header-service { padding: 15px; } } @media(max-width: 1199px){ .header_3 .fullscreen_header_toggle .leftmenu span.toggle_text, .header_3_wrapper .main-header .fullscreen_header_toggle::after{ display: none; } .header_3_wrapper .main-header .fullscreen_header_toggle { padding: 14px 15px; } .header_3_wrapper .main-header .bottom_header{ padding: 0 0 15px; } .header_3_wrapper .header-logo a,.header_3_wrapper .header-logo img{ max-width: 150px; max-height: 50px; } .header_3_wrapper .header_logo_wrap{ margin: 12px 0; } } @media(min-width: 992px) and (max-width: 1199px){ .site-header.page-element.header_3 { min-height: 182px; } .header_3 #tt-megamenu .tt-mega_menu li.tt_menu_item { padding: 20px 0; } .header_3 .right-link-icon .myaccount .dropdown-toggle { padding: 27px 0; } .header_3.site-header .wrapper-top-cart>.site-header_cart_link { padding: 26px 0; } } @media (max-width: 991px) { .header_3 .right-link-icon .myaccount:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_3_wrapper .menu_toggle_wrap{ float: left; width: auto; padding: 25px 0px; } .header_3_wrapper .main-header{ text-align:center; padding: 0 15px; } .header_3_wrapper .main-header .container{ padding: 0; } .header_3 .offer-content{ padding: 7px 15px 0 0; background: none; } .header_3 .offer-content .offer-title { float: none; display: inline-block; vertical-align: top; } .header_3 a.currency_wrapper.dropdown-toggle::after{ display: none; } .header_3 .right-link-icon .myaccount svg{ width: 18px; height:20px; } .header_3 .account-title { display: none; } .header_3 .right-link-icon .myaccount .dropdown-toggle { padding: 23px 0; } .header_3 .right-link-icon .myaccount{ margin-right: 15px; } .header_3 .site-header__search.icon-btn{ float: left; width: 100%; } .header_3_wrapper .menu_toggle_wrap i{ font-size: 20px; color: #222; width: 20px; height: 20px; line-height: 20px; float: none; display: inline-block; vertical-align: top; text-align: center; } .header_3_wrapper .header_logo_wrap { float: none; display: inline-block; vertical-align: top; } .header_3 .header-service{ padding: 7px 0px 0 0; background: no-repeat; float: none; display: inline-block; vertical-align: top; } .header_3 .header-email { margin-left: 0; padding: 7px 15px 0 0; } .header_3.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{ top: 15px; } } @media (max-width: 767px) { .header_3.site-header .search_wrapper .icon-fallback-text .fallback-text{ display: none; } .header_3.site-header button.btn.search-submit.icon-fallback-text{ padding: 0 15px; } .header_3 select#collection-option, .header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type=search], .header_3 .site-header__search.icon-btn .search_wrapper{ height: 40px; } .header_3.site-header button.btn.search-submit.icon-fallback-text { padding: 0 12px; height: 40px; } .header_3 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { padding: 5px 55px 5px 15px; } } @media (max-width: 480px) { .header_3 .site-header__search .serach_icon{ padding: 21px 0; } .header_3 .offer-title{ font-size: 11px; } .header_3 .header-email, .header_3 .header-email .email, .header_3 .header-service .header-contect, .header_3 .header-service .header-contect .contect-number{ font-size:11px; } .header_3 .top_header_3 .destination{ font-size:9px; } .header_3 .top-header{ padding: 10px 0; } .header_3 .top-header .social-block .social-icon a, .header_3 .top-header .social-block .social-icon svg{ height: 12px; width: 12px; line-height: 12px; } .header_3_wrapper .header-logo a, .header_3_wrapper .header-logo img { max-width: 140px; max-height: 40px; } .header_3_wrapper .header_logo_wrap { margin: 15px 0; } .header_3 .site-header__search.icon-btn{ padding: 0; } .header_3 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_3 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { padding: 5px 50px 5px 15px; } } @media (min-width: 992px) and (max-width: 1130px) { .currency_code, .language_code,.header_1 .offer-title,.header_2 .offer-title,.header_3 .offer-title,,.header_4 .offer-title,.header_5 .offer-title, .header_1 .header-service .header-contect, .header_1 .header-service .header-contect .contect-number, .header_1 .header-service .header-email, .header_1 .header-service .header-email .email, .header_2 .header-service .header-contect, .header_2 .header-service .header-contect .contect-number, .header_2 .header-service .header-email, .header_2 .header-service .header-email .email, .header_3 .header-service .header-contect, .header_4 .header-service .header-contect, .header_5 .header-service .header-contect, .header_3 .header-service .header-contect .contect-number, .header_3 .header-email, .header_3 .header-email .email .header_4 .header-service .header-contect .contect-number, .header_4 .header-email, .header_4 .header-email .email, .header_5 .header-service .header-contect .contect-number, .header_5 .header-email, .header_4 .header-email .email{ font-size: 12px; } } /*--------------------- header-4 --------------------*/ .header-service svg { height: 15px; width: 12px; margin-right: 3px; float: none; display: inline-block; vertical-align: middle; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_4 .offer{ position:relative; } .header_4 .tbl-list > li.currency .flag-dropdown-menu,.header_4 .header_language .disclosure #lang-list { position: static; display: block !important; border: none; } .header_4 .right-link-icon .myaccount .dropdown-toggle span.language_code,.header_4 .right-link-icon .header_currency .dropdown-toggle span.currency_code,.header_4 .header_currency ul li .currency_wrapper .mdi.mdi-chevron-down{ display:none; } .header_4 .right-link-icon .myaccount a.language_wrapper.dropdown-toggle.disclosure__toggle ,.header_4 .customer_account .header_currency .currency_wrapper.dropdown-toggle{ padding: 0; } .header_4 .header_currency .tbl-list>li.currency .flag-dropdown-menu>li{ width:100%; padding:3px 0; } .header_4 .header_language .disclosure #lang-list { padding:10px 0 0 !important; } .header_4 span.title { font-size: 14px; font-weight: 500; line-height: 18px; border-bottom: 1px solid var(--color-border); padding: 10px 0; float: left; width: 100%; } .header_4 .sticky_header.fixed #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding: 23px 0; } .header_4 .sticky_header.fixed #shopify-section-TT-megamenu{ float:none; } .header_4 .offer_sub{ background:var(--color-btn-primary); font-size: 12px; line-height: 16px; margin: 0; color:#fff; padding: 2px 10px; position: absolute; right: 30px; top: -12px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } .header_4 .site-header__cart .wrapper-top-cart .site-header__cart-count{ display:block; } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:last-child a { border-bottom: none; } @media (min-width: 992px) { .site-header.page-element.header_4 { min-height: 188px; } .header_4 #tt-megamenu { float: none; display: inline-block; vertical-align: top; } .header_4 #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding: 4px 0 20px; } .header_4_wrapper .main-header .fullscreen_header_toggle::after { position: absolute; content: '\f140'; top: 0; bottom: 0; left: auto; right: 20px; margin: auto; font-family: 'Material Design Icons'; font-size: 18px; display: flex; align-items: center; } .header_4_wrapper .tt-mega_menu1{ padding: 0; } .header_4_wrapper .tt-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1{ padding: 10px 0; } .header_4_wrapper #tt-megamenu .tt-mega_menu li.tt_menu_item > a{ font: 600 16px/18px var(--font-stack-header); } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item { padding: 0; } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a { font-size: 14px; line-height: 22px; font-weight: 400; padding: 12px 20px; float: left; width: 100%; font-family: var(--font-stack-body); color: var(--color-text-field); margin: 0; border-bottom:1px solid var(--color-border); } .header_4.site-header .wrapper-top-cart>.site-header_cart_link{ padding: 19px 0; display: flex; align-items: center; margin:0; } .header_4 .site-header__cart-count .cart-products-count{ position: absolute; top: 0; bottom: 0; margin: auto; right: 60px; left: auto; } .header_4.site-header .fullscreen_header_toggle .leftmenu{ margin: 0; } .header_4 .fullscreen_header_toggle .leftmenu { width: auto; } .header_4 .right-link-icon .myaccount .dropdown-toggle{ padding: 20px 0; display: flex; align-items: center; } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap:not(.disable){ position: absolute; left: 100%; right: auto; top: 0; bottom: auto; background: #fff; display: block; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; border: 1px solid var(--color-border); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:hover .tt_sub_menu_wrap{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist li>a { padding: 2px 15px; } } .header_4 .vertical-menu { float: left; width: auto; position: relative; } .header_4_wrapper .main-header .fullscreen_header_toggle { float: left; width: auto; position: relative; margin: 0 15px 0 0; padding: 14px 117px 14px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } .header_4_wrapper .main-header.fixed .bottom_header { display: none; } .header_4_wrapper .main-header #tt-megamenu1{ position: absolute; top: 63px; bottom: auto; left: 0; right: auto; width: 290px; height: auto; opacity: 1; visibility: visible; padding: 0; display: none; border: 2px solid #233a95; border-radius: 0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; } .header_4.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{ background: rgba(0,0,0,.1); position: absolute; left: 0; right: 0; width: 90%; height: 1px; content: ""; bottom: 0; margin: 0 auto; } .header_4.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:last-child>a::before{ display: none; } .header_4 #tt-megamenu1 .tt_menu_item span.icon { height: 22px; width: 22px; line-height: 22px; float: left; margin: 0 8px 0 0; transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; background: #222; } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger { display: none; } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub span.categories::after, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub>a::after { position: absolute; content: "\f140"; height: 20px; width: 20px; font-size: 18px; line-height: 20px; font-family: "Material Design Icons"; right: 15px; left: auto; top: 0; bottom: 0; margin: auto; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover span.categories::after, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover>a::after{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .header_4 #shopify-section-TT-megamenu{ float: left; width: auto; } .header_4 .order_shipping{ padding: 12px 0; } .header_4 .top-header:hover i{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_4_wrapper .fixed .header_logo_wrap{ float: left; width:auto; } .header_4 .fullscreen_header_toggle .leftmenu span.toggle_text { margin-left: 10px; line-height: 22px; font:700 15px/22px var(--font-stack-header); } .header_4 .site-header__search.icon-btn { float: none; display: inline-block; vertical-align: top; padding: 16px 0; } .header_4 .sticky_header.fixed .site-header__search.icon-btn{ display: none; } .header_4 .site-header__search .serach_icon{ display: none; } .header_4 .site-header__search.icon-btn .search_wrapper form.input-group.search-bar{ float: left; width: 100%; display: flex; align-items: center; } .header_4 .site-header__search.icon-btn .search_wrapper,.header_4 .site-header__search.icon_btn .search_wrapper{ display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; width: 100%; float: left; height: 45px; border: none; position: static; } .header_4 .collections-selector { float: left; width: auto; position: relative; flex-grow: 0; } .header_4 select#collection-option { border: none; padding: 10px 36px 10px 15px; height: 45px; margin: 0; background-color: transparent; } .header_4 .site-header__search.icon-btn .search_wrapper .collections-selector::after { content: ''; position: absolute; background: #dedede; width: 1px; height: 23px; top: 0; bottom: 0; right: auto; left: 100%; margin: auto 0; } .header_4.site-header button.btn.search-submit.icon-fallback-text { background: #222; color: var(--color-btn-primary-text); padding: 0 20px; height: 40px; border: none; position: absolute; top: 0; bottom: 0; left: auto; right: 4px; margin: auto; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_4.site-header button.btn.search-submit.icon-fallback-text i.mdi{ font-size: 18px; line-height:27px; } .header_4.site-header button.btn.search-submit.icon-fallback-text:hover{ background: var(--color-btn-primary); } .header_4.site-header .search_wrapper .icon-fallback-text .fallback-text { position: static; float: none; width: auto; height: auto; display: inline-block; vertical-align: top; line-height: 28px; font-size: 14px; font-weight: 500; } .header_4 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { padding: 5px 115px 5px 15px; height: 45px; width: auto; float: none; display: inline-block; vertical-align: top; font-size: 14px; color: #222; flex-grow: 1; } .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type=search]:focus{ background: #f5f5f5; } .header_4 .top_header_4{ float: left; width: 100%; } .header_4_wrapper { position: relative; z-index: 3; float: left; width: 100%; } .header_4_wrapper .main-header .menu-bar { float: left; width: 100%; } .header_4_wrapper .main-header .bottom_header{ float: left; width: 100%; text-align: center; } .header_4 .offer-content{ padding: 15px 28px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; float: right; width:auto; background:var(--color-btn-secondary); } .header_4 .offer-title { float: none; display: inline-block; vertical-align: top; width: auto; font: 400 14px/18px var(--font-stack-body); } .header_4 .top-header { text-align: center; padding: 12px 0; float: left; } .header_4 .top-header .social-block { float: none; display: inline-block; vertical-align: top; width: auto; } .header_4 .top_header_4_link { float: right; text-align: right; display:none; } .header_4 .header-email{ margin-left: 16px; padding-left: 16px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_4 .header-email::after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: auto; height: 100%; width: 1px; background: rgba(255,255,255,0.2); } .header_4 .header-email, .header_4 .header-email .email, .header_4 .header-service .header-contect, .header_4 .header-service .header-contect .contect-number{ float: none; display:inline-block; vertical-align:top; font: 400 14px/16px var(--font-stack-body); position: relative; } .header_4 a.language_wrapper.dropdown-toggle::after{ content: ""; border-right: 1px solid rgba(255,255,255,0.2); position: absolute; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; height: 20px; width: 1px; } .header_4 .header-email svg{ width: 14px; height: 15px; margin-right: 5px; float: none; display:inline-block; vertical-align:top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_4 .header-email:hover svg, .header_4 .header-service .header-contect:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_4 .header-service .header-contect, .header_4 .header-service .header-contect svg{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_4 .header-service { float: left; width: auto; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .header_4 .info{ float: right; width: auto; padding: 12px 0; } .header_4_wrapper .header_logo_wrap{ float: left; width: auto; margin: 12px 0; } .header_4_wrapper .header_logo_wrap .header-logo { float: left; width: 100%; margin: 0; line-height: 0; } .header_4_wrapper .main-header { float: left; width: 100%; text-align: center; border-bottom: 1px solid #e5e5e5; } .home-slider .slides li a.slider-img{ overflow: hidden; float: left; width: 100%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border:5px solid #fff; } .header_4_wrapper .main-header .right-link-icon{ float: right; width: auto; } .header_4 .right-link-icon .myaccount,.header_4 .wrapper-top-cart > .site-header_cart_link{ float: none; display: inline-block; vertical-align: top; margin-right: 20px; font: 500 14px/16px var(--font-stack-body); } .header_4 .fixed .right-link-icon .site-header__search.icon-btn{ float: none; display: inline-block; vertical-align: top; margin-right: 30px; } .header_4 .wrapper-top-cart > .site-header_cart_link svg,.header_4 .right-link-icon .myaccount svg { width: 20px; height: 20px; float: none; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .homeslider .slides ul.slick-dots { position: absolute; bottom: 20px; right: 0; left: 0; width: auto; text-align: center; margin: 0; padding: 0; list-style: none; z-index: 1; } .homeslider .slides ul.slick-dots li { margin: 0 6px; display: inline-block; zoom: 1; vertical-align: middle; cursor: pointer; padding:0; } .homeslider .slides ul.slick-dots li button { width: 10px; height: 11px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; display: block; background:#fff; text-indent: -9999px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: none; cursor: pointer; } .homeslider .slides ul.slick-dots li.slick-active button { width: 30px; } .homeslider .slides ul.slick-dots li.slick-active button { cursor: default; font-size: 30px; font-weight: 700; color: #0d4782; } .homeslider .slides ul.slick-dots li.slick-active button { background: var(--color-btn-secondary); } @media (min-width: 992px) { .header_4 .myaccount .mdi.mdi-chevron-down,.header_4 .myaccount.open .mdi.mdi-chevron-up{ display:none; } .header_4 .right-link-icon .myaccount .user_icon, .header_4 .right-link-icon .site-header_cart_link .cart_icon { float: none; width: auto; display: inline-block; background: #f7f4ef; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; margin: 0 10px 0 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_4 .right-link-icon .site-header_cart_link .cart_icon { margin:0 20px 0 0; } } @media (min-width: 1025px) { .header_4 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_4 #tt-megamenu .tt-mega_menu li.tt_menu_item>a { padding: 10px 30px 10px 24px; } .header_4 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{ right: 8px; } } @media(max-width: 1399px){ .header_4_wrapper .main-header .fullscreen_header_toggle { padding: 14px 100px 14px 20px; } } @media(max-width: 1199px){ .header_4_wrapper .main-header .fullscreen_header_toggle { padding: 11px 69px 11px 15px; margin: 0 0px 0 0; } .header_4 .offer-content{ padding: 12px 28px; } .header_4_wrapper .header-logo a,.header_4_wrapper .header-logo img{ max-width: 150px; max-height: 50px; } .header_4_wrapper .header_logo_wrap{ margin: 12px 0; } .header_4 .header-email{ font-size: 12px; line-height:14px; margin-left: 9px; padding-left: 9px; } .header_4 .order_shipping { font-size: 12px; line-height:14px; } } @media(min-width: 992px) and (max-width: 1199px){ .site-header.page-element.header_4 { min-height: 179px; } .header_4 .right-link-icon .myaccount .dropdown-toggle { padding: 15px 0; } .header_4.site-header .wrapper-top-cart>.site-header_cart_link { padding: 15px 0; } } @media (max-width: 991px) { .header_4 .right-link-icon .myaccount:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_4 .offer_sub{ display:none; } .header_4 .header-service .header-contect svg,.header_4 .header-email svg{ fill:#777777; } .header_4_wrapper .menu_toggle_wrap{ float: left; width: auto; padding: 25px 0px; } .header_4_wrapper .main-header{ text-align:center; padding: 0 15px; } .header_4_wrapper .main-header .container{ padding: 0; } .header_4 .offer-content,.header_4 .info{ float: none; width: auto; display: inline-block; padding:10px 9px; } .header_4 .top-header{ width:100%; padding:0; } .header_4 .offer-content .offer-title { float: none; display: inline-block; vertical-align: top; } .header_4 a.currency_wrapper.dropdown-toggle::after{ display: none; } .header_4 .right-link-icon .myaccount svg{ width: 18px; height:20px; } .header_4 .account-title,.header_4 .order_shipping,.header_4 .top_header_4 { display: none; } .header_4 .right-link-icon .myaccount .dropdown-toggle { padding: 25px 0; } .header_4 .right-link-icon .myaccount{ margin-right: 15px; } .header_4 .site-header__search.icon-btn{ float: left; width: 100%; padding: 0 0 19px; } .header_4_wrapper .menu_toggle_wrap i{ font-size: 20px; color: #222; width: 20px; height: 20px; line-height: 20px; float: none; display: inline-block; vertical-align: top; text-align: center; } .header_4 .site-header__search.icon-btn .search_wrapper, .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"],.header_4 select#collection-option{ height:40px; } .header_4.site-header button.btn.search-submit.icon-fallback-text{ height:35px; } .header_4 .wrapper-top-cart > .site-header_cart_link{ margin:0; } .header_4_wrapper .header_logo_wrap { float: none; display: inline-block; vertical-align: top; margin: 10px 0; } .header_4 .header-service{ background: no-repeat; float: none; display: inline-block; vertical-align: top; } .header_4.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count { right: -10px; } } @media (max-width: 767px) { .header_4.site-header .search_wrapper .icon-fallback-text .fallback-text{ display: none; } .header_4.site-header button.btn.search-submit.icon-fallback-text{ padding: 0 15px; } .header_4 select#collection-option, .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type=search], .header_4 .site-header__search.icon-btn .search_wrapper{ height: 40px; } .header_4.site-header button.btn.search-submit.icon-fallback-text { padding: 0 12px; height: 40px; } .header_4 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { padding: 5px 55px 5px 15px; } } @media(max-width:575px){ .homeslider .slides ul.slick-dots{ bottom:5px; } .homeslider .slides ul.slick-dots li button{ width: 11px; height: 12px; } .homeslider .slides ul.slick-dots li.slick-active button { width: 25px; } } @media (max-width: 480px) { .header_4 .site-header__search .serach_icon{ padding: 21px 0; } .header_4_wrapper .header-logo a, .header_4_wrapper .header-logo img { max-width: 140px; max-height: 40px; } .header_4_wrapper .header_logo_wrap { margin: 15px 0; } .header_4 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_4 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { padding: 5px 50px 5px 15px; }.header_4.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count { right: -5px; } .homeslider .slides ul.slick-dots { bottom: 5px; position: static; top: 0; margin: 10px 0 0; } .homeslider .slides ul.slick-dots li button{ background:#666; } .tt-homeslider .home-slider .homeslider .slider-content-wrap { bottom: 10%; } } /*--------------------- header-5 --------------------*/ .header-service svg { height: 15px; width: 12px; margin-right: 3px; float: none; display: inline-block; vertical-align: middle; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_5 .site-header__cart .wrapper-top-cart .site-header__cart-count{ line-height: 18px; } .header_5 .site-header__cart-count span { font-weight: 500; color: #fff; float: none; width: auto; display: inline-block; vertical-align: top; } .header_5.site-header .wrapper-top-cart>.site-header_cart_link{ float: left; position: relative; margin: 26px 0 ; cursor: pointer; background: var(--color-btn-secondary); border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; padding: 18px ; display: flex; align-items: center; justify-content: center; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item > a{ font: 500 16px/18px var(--font-stack-body); } .header_5 .site-header__search .serach_icon svg{ margin:0; } .header_5 .site-header__search .serach_icon{ margin: 0 15px 0 0; } @media (min-width: 992px) { .site-header.page-element.header_5 { min-height: 165px; } .header_5 #tt-megamenu { float: none; display: inline-block; vertical-align: top; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding: 28px 0; } .header_5_wrapper .menu_detail { display: flex; align-items: center; } .header_5_wrapper .tt-megamenu .tt_menus_ul > li .menu_detail .img-icon{ height: 32px; width: 32px; cursor: pointer; margin: 0 10px 0 0 ; float: none; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_5 .top_header_5_link { float: right; width: auto; } .header_5_wrapper .main-header .fullscreen_header_toggle::after { position: absolute; content: '\f140'; top: 0; bottom: 0; left: auto; right: 20px; margin: auto; font-family: 'Material Design Icons'; font-size: 18px; display: flex; align-items: center; } .header_5_wrapper .tt-mega_menu1{ padding: 0; } .header_5_wrapper .tt-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1{ padding: 10px 0; } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item { padding: 0; } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a { font-size: 14px; line-height: 22px; font-weight: 400; padding: 12px 20px; float: left; width: 100%; font-family: var(--font-stack-body); color: var(--color-text-field); margin: 0; } .header_5 .site-header__cart-count .cart-products-count{ width:auto; font-size:14px; font-weight:600; } .header_5.site-header .fullscreen_header_toggle .leftmenu{ margin: 0; } .header_5 .fullscreen_header_toggle .leftmenu { width: auto; } .header_5 .right-link-icon .myaccount .dropdown-toggle,.header_5 .site-header__search .serach_icon{ padding: 44px 0; } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap:not(.disable){ position: absolute; left: 100%; right: auto; top: 0; bottom: auto; background: #fff; display: block; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; border: 1px solid var(--color-border); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius: 0 5px 5px 0; } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:hover .tt_sub_menu_wrap{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist li>a { padding: 2px 15px; } } .header_5 .vertical-menu { float: left; width: auto; position: relative; } .header_5_wrapper .main-header .fullscreen_header_toggle { float: left; width: auto; position: relative; margin-left: 0; padding: 14px 140px 14px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_5_wrapper .main-header.fixed .bottom_header { display: none; } .header_5_wrapper .main-header #tt-megamenu1{ position: absolute; top: 100%; bottom: auto; left: 0; right: auto; width: 290px; height: auto; opacity: 1; visibility: visible; padding: 0; display: none; border: 1px solid var(--color-border); border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } .header_5.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{ background: rgba(0,0,0,.1); position: absolute; left: 0; right: 0; width: 90%; height: 1px; content: ""; bottom: 0; margin: 0 auto; } .header_5.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:last-child>a::before{ display: none; } .header_5 #tt-megamenu1 .tt_menu_item span.icon { height: 22px; width: 22px; line-height: 22px; float: left; margin: 0 8px 0 0; transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; background: #222; } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger { display: none; } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub span.categories::after, .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub>a::after { position: absolute; content: "\f140"; height: 20px; width: 20px; font-size: 18px; line-height: 20px; font-family: "Material Design Icons"; right: 15px; left: auto; top: 0; bottom: 0; margin: auto; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } .header_5 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover span.categories::after, .header_4 #tt-megamenu1 .tt-mega_menu1 li.tt_mm_hassub:hover>a::after{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .header_5 #shopify-section-TT-megamenu{ float: left; width: auto; display: inline-block; vertical-align: top; } .header_5 .top-header:hover i{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_5_wrapper .fixed .header_logo_wrap{ float: left; width:auto; } .header_5 .fullscreen_header_toggle .leftmenu span.toggle_text { margin-left: 10px; line-height: 22px; } .header_5 .site-header__search.icon-btn { float: none; display: inline-block; vertical-align: top; } .header_5 .site-header__search .serach-title{ display: none; } .header_5 .site-header__search.icon-btn .search_wrapper form.input-group.search-bar{ float: left; width: 100%; display: flex; align-items: center; } .header_5 .site-header__search.icon-btn .search_wrapper,.header_5 .site-header__search.icon_btn .search_wrapper{ display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; background: #f5f5f5 none repeat scroll 0 0; width: 100%; float: left; height: 50px; border: 1px solid #e5e5e5; position: static; } .header_5 .collections-selector { float: left; width: auto; position: relative; flex-grow: 0; } .header_5 select#collection-option { border: none; padding: 10px 36px 10px 15px; height: 50px; margin: 0; background-color: transparent; } .header_5 .site-header__search.icon-btn .search_wrapper .collections-selector::after { content: ''; position: absolute; background: #dedede; width: 1px; height: 23px; top: 0; bottom: 0; right: auto; left: 100%; margin: auto 0; } .header_5site-header button.btn.search-submit.icon-fallback-text { background: #222; color: var(--color-btn-primary-text); padding: 0 20px; height: 50px; border: none; position: absolute; top: 0; bottom: 0; left: auto; right: 0; margin: auto; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_5.site-header button.btn.search-submit.icon-fallback-text:hover{ background: var(--color-btn-primary); } .header_5.site-header .search_wrapper .icon-fallback-text .fallback-text { position: static; float: none; width: auto; height: auto; display: inline-block; vertical-align: top; line-height: 25px; font-size: 14px; } .header_5 .site-header__search.icon_btn .search_wrapper .input-group input[type="search"], .header_5 .site-header__search.icon-btn .search_wrapper .input-group input[type="search"] { padding: 5px 115px 5px 15px; height: 50px; width: auto; float: none; display: inline-block; vertical-align: top; font-size: 14px; color: #222; flex-grow: 1; } .header_5 .site-header__search.icon-btn .search_wrapper .input-group input[type=search]:focus{ background: #f5f5f5; } .header_5 .top_header_3{ float: left; width: 100%; } .header_5_wrapper { position: relative; z-index: 3; float: left; width: 100%; } .header_5_wrapper .main-header .menu-bar { float: left; width: 100%; } .header_5_wrapper .main-header .bottom_header{ float: left; width: 100%; text-align: center; padding: 0 0 30px; } .header_5 .offer-content{ padding: 16px 18px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; float: none; display: inline-block; vertical-align: top; background: rgba(0,0,0,0.1); } .header_5 .top_header_5 .container.menu{ border-bottom: 4px double #c92e46; padding:0; } .header_5 .offer-title { float: none; display: inline-block; vertical-align: top; width: auto; font: 400 14px/20px var(--font-stack-body); } .header_5 .header_currency span.title,.header_5 .header_language span.title{ display:none; } .header_5 .top-header { text-align: left; padding: 17px 0; float: left; width: auto; } .header_5 .top-header .social-block { float: none; display: inline-block; vertical-align: top; width: auto; } .header_5 .top_header_3_link { float: right; text-align: right; } .header_5 .header-email{ margin-left: 10px; padding-left: 10px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_5 .header-email::after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: auto; height: 100%; width: 1px; background: rgba(255,255,255,0.2); } .header_5 .header-email, .header_5 .header-email .email, .header_5 .header-service .header-contect, .header_5 .header-service .header-contect .contect-number{ float: none; display:inline-block; vertical-align:top; font: 400 14px/16px var(--font-stack-body); position: relative; } .header_5 .header-service .header-contect .contect-number{ font: 400 26px/30px var(--font-stack-header); } .header_5 .header-service .header-contect svg { display:none; } .header_5 .header-service .header-contect{ text-align:left; } .header_5 .header-service .header-contect .contact-info{ font: 500 16px/18px var(--font-stack-body); margin:0 0 5px; } .header_5 a.language_wrapper.dropdown-toggle::after{ content: ""; border-right: 1px solid rgba(255,255,255,0.2); position: absolute; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; height: 20px; width: 1px; } .header_5 .header-email svg{ width: 14px; height: 15px; margin-right: 5px; float: none; display:inline-block; vertical-align:top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_5 .header-email:hover svg, .header_5 .header-service .header-contect:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_5 .header-service .header-contect, .header_5 .header-service .header-contect svg{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .header_5 .header-service { float: left; width: auto; text-align: center; padding: 27px 25px 28px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .header_5_wrapper .header_logo_wrap{ float: left; width: auto; margin: 22px 25px 23px 0; } .header_5_wrapper .header_logo_wrap .header-logo { float: left; width: 100%; margin: 0; line-height: 0; } .header_5_wrapper .main-header { float: left; width: 100%; text-align: center; } .header_5_wrapper .main-header .right-link-icon{ float: right; width: auto; } .header_5 .right-link-icon .myaccount{ float: none; display: inline-block; vertical-align: top; margin-right: 10px; font: 400 14px/16px var(--font-stack-body); } .header_5 .fixed .right-link-icon .site-header__search.icon-btn{ float: none; display: inline-block; vertical-align: top; margin-right: 10px; } .header_5 .wrapper-top-cart > .site-header_cart_link svg,.header_5 .right-link-icon .myaccount svg { width: 20px; height: 20px; margin: 0 5px 0 0; float: none; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media (min-width: 992px) { .header_5 .myaccount .dropdown-toggle .account-title,.header_5 .myaccount .mdi.mdi-chevron-down,.header_5 .myaccount.open .mdi.mdi-chevron-up{ display: none; } .header_5_wrapper .main-header .menu{ padding:0; } } @media (min-width: 1025px) { .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a { padding: 10px 30px 10px 24px; } .header_5 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{ right: 8px; } } @media(max-width:1499px){ .header_5 .header-service .header-contect .contect-number{ font-size:22px; line-height:26px; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a { padding: 10px 26px 10px 20px; } } @media(max-width: 1399px){ .header_5_wrapper .main-header .fullscreen_header_toggle { padding: 14px 80px 14px 15px; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a { padding: 10px 26px 10px 10px; } .header_5 .header-service .header-contect .contect-number{ font-size:20px; line-height:24px; } .header_5 .header-service .header-contect .contact-info,.header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item > a{ font-size:14px; line-height:16px; } .header_5.site-header .wrapper-top-cart>.site-header_cart_link{ padding:18px 14px; } .header_5 .header-service{ padding: 31px 25px 31px 0; } } @media(max-width: 1299px){ .header_5_wrapper .main-header .fullscreen_header_toggle { padding: 14px 50px 14px 15px; } .header_5 .header-service { display:none; } } @media(max-width: 1199px){ .header_5 .fullscreen_header_toggle .leftmenu span.toggle_text, .header_5_wrapper .main-header .fullscreen_header_toggle::after{ display: none; } .header_5_wrapper .main-header .fullscreen_header_toggle { padding: 14px 15px; } .header_5_wrapper .main-header .bottom_header{ padding: 0 0 15px; } .header_5_wrapper .header-logo a,.header_5_wrapper .header-logo img{ max-width: 130px; max-height: 50px; } .header_5_wrapper .header_logo_wrap{ margin: 17px 0; } .header_5 #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item>a::after{ right:0; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a { padding: 10px 19px 10px 10px; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item { padding: 16px 0; } .header_5 .right-link-icon .myaccount .dropdown-toggle, .header_5 .site-header__search .serach_icon { padding: 32px 0; } .header_5.site-header .wrapper-top-cart>.site-header_cart_link { padding: 14px 11px; margin: 18px 0; } } @media(min-width: 992px) and (max-width: 1199px){ .site-header.page-element.header_5 { min-height: 140px; } } @media (max-width: 991px) { .header_5 .right-link-icon .myaccount:hover svg{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .header_5_wrapper .menu_toggle_wrap{ float: left; width: auto; padding: 32px 0px; } .header_5_wrapper .main-header{ text-align:center; padding: 0 15px; } .header_5_wrapper .main-header .container{ padding: 0; } .header_5 .offer-content{ padding: 10px; background: none; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item{ padding:0; margin:0; } .header_5 #tt-megamenu .tt-mega_menu li.tt_menu_item>a{ padding: 5px 20px 5px 10px; } .header_5 .top-header{ width:100%; text-align:center; padding:0; } .header_5 .offer-content .offer-title { float: none; display: inline-block; vertical-align: top; } .header_5 a.currency_wrapper.dropdown-toggle::after,.header_5.site-header .wrapper-top-cart .site-header__cart-count span.cart-products-count{ display: none; } .header_5 .right-link-icon .myaccount svg{ width: 18px; height:20px; } .header_5 .account-title { display: none; } .header_5 .right-link-icon .myaccount{ margin-right: 15px; } .header_5.site-header .wrapper-top-cart>.site-header_cart_link{ padding:14px; } .header_5_wrapper .menu_toggle_wrap i{ font-size: 20px; color: #fff; width: 20px; height: 20px; line-height: 20px; float: none; display: inline-block; vertical-align: top; text-align: center; } .header_5 .wrapper-top-cart > .site-header_cart_link svg{ margin:0; } .header_5 .top_header_5 .container.menu{ border-bottom:none; } .header_5_wrapper .header_logo_wrap { float: none; display: inline-block; vertical-align: top; } .header_5 .header-email { margin-left: 0; padding: 10px; } .header_5_wrapper .header_logo_wrap { margin: 17px 0; } } @media (max-width: 767px) { .header_5.site-header .search_wrapper .icon-fallback-text .fallback-text{ display: none; } .header_5.site-header button.btn.search-submit.icon-fallback-text{ padding: 0 15px; } } @media (max-width: 480px) { .header_5_wrapper .header_logo_wrap { margin: 15px 0; } .header_5 .site-header__search.icon-btn{ padding: 0; } .header_5 .site-header__search .serach_icon { margin: 0 10px 0 0; } .header_5 .right-link-icon .myaccount { margin-right: 5px; } .header_5.site-header .wrapper-top-cart>.site-header_cart_link { padding: 12px; margin: 20px 0; } } /*---------------- Footer 1 ------------------*/ #shopify-section-footer-model-1 form#contact_form { float: left; width: 100%; margin: 0; } #shopify-section-footer-model-1 .footer-wrapper{ float: left; width: 100%; background-color: var(--colorFooterbg); } #shopify-section-footer-model-1 .block_newsletter .news-desc { font: 400 14px/20px var(--font-stack-body); margin-bottom: 15px; display: block; float: left; width: 100%; } #shopify-section-footer-model-1 .follow-us-outer.text-center ul li { float: none; width: auto; display: inline-block; vertical-align: top; } div#shopify-section-footer-model-1 .Newsletter-wrapper{ padding:75px 0; } .template-index #shopify-section-footer-model-1{ margin-bottom:0; } #shopify-section-footer-model-1 { float: left; width: 100%; } #shopify-section-footer-model-1 .site-footer .footer-wrap{ float: left; width: 100%; } #shopify-section-footer-model-1 .social-icons li a{ height:24px; width:24px; line-height:24px; font-size: 16px; } #shopify-section-footer-model-1 .footer-column.block_newsletter .form-vertical .errors li { margin: 0; } #shopify-section-footer-model-1 .footer-bottom { float: left; width: 100%; margin: 16px 0; } #shopify-section-footer-model-1 .text-center.copyright { float: left; width: auto; padding: 0; color:var(--FooterBottomText); } #shopify-section-footer-model-1 .site-footer .text-center.copyright a{ color:var(--FooterBottomText); } #shopify-section-footer-model-1 .text-center.copyright small { font-size: 14px; } #shopify-section-footer-model-1 .follow-us-outer.text-center { float: left; width: auto; margin: 10px 0 0; } #shopify-section-footer-model-1 .footer-bottom-wrap { float: left; width: 100%; background: var(--colorFooterBottombg); } #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column > ul.inline-list li{ float: left; width: 100%; text-align: left; position: relative; margin: 0 0 5px; } #shopify-section-footer-model-1 .grid { float: left; width: 100%; padding:65px 0; border-bottom: 1px solid rgba(255,255,255,0.1); } #shopify-section-footer-model-1 .footer-desc { float: left; width: 100%; padding: 20px 0 0; text-align:left; line-height: 24px; } #shopify-section-footer-model-1 .footer-column.block_newsletter form input[type="email"] { color: var(--colorFooterContent); font-size: 14px; border: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .site-footer .footer-wrap .contact-us i.mdi{ color: var(--colorFooterContent); } #shopify-section-footer-model-1 .footer-section .footer-cms.footer-column { float: right; } #shopify-section-footer-model-1 h5.widget-title{ margin:0 0 25px; float: left; width: 100%; color: var(--colorFooterTitle); font: 700 18px/20px var(--font-stack-header); } #shopify-section-footer-model-1 .widget-title.contact-title{ font-size: 18px; line-height: 28px; color: var(--colorFooterTitle); margin: 0; } .contact-us .phone{ float: left; width: 100%; margin: 0 0 20px; } #shopify-section-footer-model-1 .site-footer .phone a{ font: 400 20px/22px var(--font-stack-body); } #shopify-section-footer-model-1 .site-footer a{ font: 400 14px/22px var(--font-stack-body); } #shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .phone { font: 400 14px/20px var(--font-stack-body); } #shopify-section-footer-model-1 .contact-us .contact-address{ margin: 0 0 10px; } #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li { float: left; width: 100%; } #shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us i.mdi { float: left; font-size: 18px; margin-right: 10px; width: 20px; line-height: 20px; text-align: center; } #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{ background: #fff; } #shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us .phone-bg i.mdi.mdi-phone{ width: 40px; line-height: 40px; height: 40px; color: var(--color-btn-primary); } .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact .contact-text { display: flex; align-items: center; margin: 0 0 15px; } #shopify-section-footer-model-1 .site-footer input#Email::-webkit-input-placeholder { color: #777; font-style:italic; } #shopify-section-footer-model-1 .block_newsletter .input-group.newsletter-input .btn::after { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; } #shopify-section-footer-model-1 .footer-column .newsletter-bottom-cotent { display: block; padding: 0; } #shopify-section-footer-model-1 .block_newsletter .news-desc{ padding: 0; } #shopify-section-footer-model-1 .block_newsletter.footer-column{ float: right; } #shopify-section-footer-model-1 .footer-section { padding: 0; } #shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{ padding: 0 25px; height: 50px; } @media (max-width: 1500px) { #shopify-section-footer-model-1 .block_newsletter.footer-column form .input-group .input-group-btn .btn{ padding: 0 20px; } #shopify-section-footer-model-1 .block_newsletter form input[type=email]{ padding: 10px 125px 10px 15px; } } @media (max-width: 1300px) { #shopify-section-footer-model-1 .grid{ padding: 60px 0; } } @media (max-width: 1299px) { #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact{ margin: 0 0 15px; } #shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us .phone-bg i.mdi.mdi-phone{ width: 35px; line-height: 35px; height: 35px; font-size: 16px; } #shopify-section-footer-model-1 .widget-title.contact-title{ font-size: 16px; line-height: 26px; } #shopify-section-footer-model-1 .site-footer .phone a{ font-size: 18px; line-height: 20px; } #shopify-section-footer-model-1 .block_newsletter.footer-column form .input-group .input-group-btn .btn { padding: 0 15px; } #shopify-section-footer-model-1 .site-footer a{ font-size: 12px; } .widget-title.contact-title{ font-size: 16px; line-height: 26px; } #shopify-section-footer-model-1 .block_newsletter form input[type=email] { padding: 10px 110px 10px 15px; } } @media (max-width: 1200px) { #shopify-section-footer-model-1 .widget-title{ font-size: 18px; line-height: 20px; margin: 0 0 20px; } #shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{ padding: 0 22px; height: 44px; } #shopify-section-footer-model-1 .block_newsletter form input[type=email]{ height: 44px; } } @media (max-width: 1199px) { #shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us i.mdi{ margin-right:5px; } #shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .phone, #shopify-section-footer-model-1 .site-footer a{ font-size: 12px; } #shopify-section-footer-model-1 .block_newsletter .news-desc{ font-size: 12px; margin-bottom: 10px; } #shopify-section-footer-model-1 .site-footer .phone a { font-size: 14px; line-height: 16px; } #shopify-section-footer-model-1 .widget-title.contact-title { font-size: 13px; line-height: 22px; } #shopify-section-footer-model-1 .site-footer .footer-wrap .contact-us .phone-bg i.mdi.mdi-phone { width: 30px; line-height: 30px; height: 30px; font-size: 14px; margin-right: 10px; } #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact .contact-text, #shopify-section-footer-model-1 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li.contact{ margin: 0 0 10px; } #shopify-section-footer-model-1 h5.widget-title { font-size: 16px; line-height: 18px; margin: 0 0 15px; } #shopify-section-footer-model-1 .block_newsletter .ttinput_newsletter button span.icon{ display: block; } #shopify-section-footer-model-1 .block_newsletter form .input-group span.subscribe { display: none; } #shopify-section-footer-model-1 .block_newsletter.footer-column form .input-group .input-group-btn .btn { padding: 0px 10px; } #shopify-section-footer-model-1 .contact-us .contact-address, #shopify-section-footer-model-1 .contact-us .email-address a{ font-size: 10px; } #shopify-section-footer-model-1 .footer-column.contactus { padding: 0 10px; } #shopify-section-footer-model-1 .contact-us .contact-address p{ margin: 0; } #shopify-section-footer-model-1 .grid { padding: 50px 0; } #shopify-section-footer-model-1 .block_newsletter form input[type=email] { padding: 10px 52px 10px 15px; } } @media (max-width: 991px) { #shopify-section-footer-model-1 .block_newsletter .widget-title{ display:block; text-align: center; } #shopify-section-footer-model-1 .block_newsletter.footer-column { float: left; text-align: center; } #shopify-section-footer-model-1 .grid { padding:30px 0; } #shopify-section-footer-model-1 .footer-column.contactus { padding: 0 15px; } #shopify-section-footer-model-1 .widget-title.toggle{ padding: 10px; margin: 0; } #shopify-section-footer-model-1 .footer-section { float: left; width: 100%; padding: 0; margin: 10px 0 0; } #shopify-section-footer-model-1 .widget-title{ text-align:left; padding:10px 0; font-size: 16px; width: 100%; margin:0; } #shopify-section-footer-model-1 .footer-section .footer-cms.footer-column .newsletter-bottom-cotent { padding: 0 15px; } #shopify-section-footer-model-1 .footer-bottom-wrap .site-footer__payment-icons{ padding:5px 0 0; float: left; width: 100%; } #shopify-section-footer-model-1 .footer-wrapper{ padding: 0; } #shopify-section-footer-model-1 .follow-us-outer.text-center{ width: 100%; margin: 0; } #shopify-section-footer-model-1 h5.widget-title{ margin: 0; } #shopify-section-footer-model-1 .widget-title.contact-title{ display: block; } .contact-us .phone{ margin: 0 0 5px; } #shopify-section-footer-model-1 .input-group.newsletter-input { float: none; width: 60%; display: inline-flex; vertical-align: top; } } @media (max-width: 767px) { #shopify-section-footer-model-1 .text-center.copyright{ width: 100%; margin: 0 0 10px; } } @media (max-width: 480px) { #shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{ padding:0 10px; } #shopify-section-footer-model-1 .grid{ padding: 20px 0; } #shopify-section-footer-model-1 .widget-title{ font-size: 14px; } .block_newsletter form .input-group .input-group-btn .btn{ padding: 0 10px; height: 40px; } #shopify-section-footer-model-1 .footer-column.block_newsletter form input[type="email"] { height: 40px; padding: 10px 55px 10px 10px; } #shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{ height: 40px; } #shopify-section-footer-model-1 h5.widget-title{ font-size: 14px; line-height: 16px; } #shopify-section-footer-model-1 .block_newsletter form .input-group .input-group-btn .btn{ height: 40px; } #shopify-section-footer-model-1 .block_newsletter form input[type=email]{ height: 40px; } #shopify-section-footer-model-1 .input-group.newsletter-input{ width: 100%; } } /*---------------- Footer 2 ------------------*/ #shopify-section-footer-model-2 { margin: 30px 0 0; float: left; width: 100%; } #shopify-section-footer-model-2 .site-footer .footer-wrap { padding: 70px 0; float: left; width: 100%; position: relative; } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap { background: var(--colorFooterBottombg); float: left; width: 100%; } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom { float: left; width: 100%; padding: 13px 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title { color: var(--colorFooterTitle); margin: 0 0 25px; font: 700 18px/20px var(--font-stack-header); float: left; width: 100%; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .widget-title.contact-title{ font-size: 16px; line-height: 24px; margin: 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.inline-list li { float: left; width: 100%; display: inline-block; text-align: left; position: relative; margin: 0 0 5px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.inline-list li a { font: 400 14px/22px var(--font-stack-body); -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #shopify-section-footer-model-2 .footer-column.logo_content ul{ margin: 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .nav-secondary li { margin: 0; float: left; width: 100%; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us { float: left; width: 100%; position: relative; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-detail .contact-address p { color: var(--colorFooterContent); font: 400 14px/20px var(--font-stack-body); } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.social-icons li { float: left; width: auto; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc { float: left; width: 90%; font: 400 14px/22px var(--font-stack-body); } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us span a { font: 400 14px/20px var(--font-stack-body); -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #shopify-section-footer-model-2 .site-footer .footer-wrap .contact-us i.mdi { float: left; font-size: 18px; margin-right: 10px; width: 20px; line-height: 20px; text-align: center; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{ width: 40px; line-height: 40px; font-size: 16px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus span.phone a { font: 400 20px/22px var(--font-stack-body); } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us.nav-secondary li:hover i.mdi-email-outline{ color:var(--color-btn-primary); } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright { float: left; width: auto; } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright a { font: 500 13px/24px var(--font-stack-body); color: var(--FooterBottomText); -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright small { font: 400 13px/18px var(--font-stack-body); color: var(--FooterBottomText); } #shopify-section-footer-model-2 .follow-us-outer.text-center { float: left; width: 100%; margin: 15px 0 0; border-top: 1px solid rgba(0,0,0,0.1); padding: 15px 0 0; } #shopify-section-footer-model-2 .site-footer .follow-us-outer ul.social-icons li a { font-size: 18px; line-height: 20px; margin: 0 0 0 25px; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #shopify-section-footer-model-2 .site-footer .follow-us-outer ul.social-icons li:first-child a{ margin: 0; } #shopify-section-footer-model-2 .site-footer .footer-top{ float: left; width: 100%; } #shopify-section-footer-model-2 .footer-logo-content { margin: 0 0 30px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter { float: left; width: 100%; padding: 26px 110px; } @media (min-width: 768px) { #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter{ display: flex; align-items: center; } } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title { float: left; width: 100%; font: 800 30px/32px var(--font-stack-header); } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-desc { float: left; width: 90%; font: 400 13px/24px var(--font-stack-subheading); } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before { position: absolute; content: '\f5ef'; font-family: 'Material Design Icons'; height: 46px; width: 46px; left: 0; font-size: 46px; right: auto; line-height: 46px; text-align: center; top: 0; bottom: 0; margin: auto; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content { position: relative; padding: 0 0 0 65px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter form input[type="email"] { border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } #shopify-section-footer-model-2 .block_newsletter form input[type=email]{ height: 45px; text-align:left; } #shopify-section-footer-model-2 .block_newsletter form .input-group .input-group-btn .btn{ height: 39px; padding:0 24px; top: 3px; right: 3px; } @media (min-width: 992px) { #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus h5.widget-title { display: none; } } @media (max-width: 1399px) { #shopify-section-footer-model-2 .site-footer .footer-wrap{ padding: 60px 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{ width: 100%; } } @media (max-width: 1299px) { #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title{ font-size: 28px; line-height: 30px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-desc{ font-size: 12px; line-height: 22px; width: 100%; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{ font-size: 12px; line-height: 20px; } #shopify-section-footer-model-2 .contact-us .phone{ margin: 0 0 10px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{ margin: 0 0 20px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{ width: 35px; line-height: 35px; height: 35px; } } @media (max-width: 1199px) { #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-detail .contact-address p{ font-size: 12px; line-height: 18px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column ul.social-icons li a{ font-size: 16px; line-height: 18px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{ font-size: 18px; line-height: 20px; margin: 0 0 20px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content{ padding: 0 0 0 45px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before{ height: 35px; width: 35px; line-height: 35px; font-size: 35px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{ width: 30px; line-height: 30px; height: 30px; font-size: 14px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter{ padding: 30px; } #shopify-section-footer-model-2 .footer-column.logo_content { float: left; width: 100%; text-align: center; margin: 0 0 15px; } #shopify-section-footer-model-2 .footer-section { float: left; width: 100%; } #shopify-section-footer-model-2 .footer-logo-content { margin: 0 0 20px; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .social-icons { padding: 0; text-align: center; float: none; display: inline-block !important; vertical-align: top; width: auto; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{ padding: 0; margin: 0 0 10px; } #shopify-section-footer-model-2 .site-footer .footer-wrap { padding: 40px 0; } #shopify-section-footer-model-2 .contact-us .contact-address, #shopify-section-footer-model-2 span.email-address{ float: left; width: auto; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus span.phone a{ font-size: 18px; line-height: 20px; } } @media (max-width: 991px) { #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{ padding:10px; margin: 0px; } #shopify-section-footer-model-2 .site-footer .footer-wrap{ padding: 40px 0; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter{ padding: 20px 0px; text-align: center; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title{ font-size: 24px; line-height: 26px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-desc{ font-size: 11px; line-height: 20px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .block_content { padding: 0; text-align: center; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content { float: none; display: inline-block; vertical-align: top; text-align:left; } #shopify-section-footer-model-2 .block_newsletter .block_content form .input-group span.subscribe { font-size: 13px; line-height: 16px; } #shopify-section-footer-model-2 .site-footer .footer-column.active h5.toggle{ background: rgba(0,0,0,.05) none repeat scroll 0 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column.contactus span.phone a{ font-size: 16px; line-height: 18px; } #shopify-section-footer-model-2 .follow-us-outer.text-center{ margin: 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .widget-title.contact-title{ display: block; } } @media (max-width: 767px) { #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title { font-size: 16px; line-height: 18px; } #shopify-section-footer-model-2 .block_newsletter form input[type=email] { height: 40px; } #shopify-section-footer-model-2 .block_newsletter form .input-group .input-group-btn .btn{ height:35px; } #shopify-section-footer-model-2 .input-group.newsletter-input { float: none; width: 60%; display: inline-flex; vertical-align: top; } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright { float: left; width: 100%; text-align: center; margin: 0 0 10px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content{ margin:0 0 10px; } } @media(max-width:575px){ #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before { height: 30px; width: 30px; line-height: 30px; font-size: 30px; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .news-title { font-size: 22px; line-height: 23px; } } @media (max-width: 480px) { #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content { float: left; width: 100%; padding: 30px 0 0; text-align: center; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter .tt-content::before{ left: 0; right: 0; margin: 0 auto; } #shopify-section-footer-model-2 .site-footer .footer-wrap{ padding: 20px 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column h5.widget-title{ font-size: 16px; line-height: 18px; } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright small, #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom .copyright a{ font-size: 12px; line-height: 16px; } #shopify-section-footer-model-2 .site-footer .footer-bottom-wrap .footer-bottom{ padding: 10px 0; } #shopify-section-footer-model-2 .site-footer .footer-top .block_newsletter { padding: 15px 0; } #shopify-section-footer-model-2 .block_newsletter form .input-group .input-group-btn .btn { padding: 0 12px; } #shopify-section-footer-model-2 .input-group.newsletter-input{ width: 100%; } #shopify-section-footer-model-2 .site-footer .footer-column{ padding: 0; } #shopify-section-footer-model-2 .site-footer .footer-wrap .footer-column .footer-desc{ padding:0 10px; } } /*--------------------- footer 3---------------------------*/ #shopify-section-footer-model-3 { float: left; width: 100%; margin:30px 0 0; } #shopify-section-footer-model-3 .site-footer .footer-wrap { padding: 70px 0 60px; float: left; width: 100%; position: relative; } #shopify-section-footer-model-3 .site-footer .footer-top{ float: left; width: 100%; text-align:center; position: relative; overflow: hidden; } #shopify-section-footer-model-3 .site-footer .footer-bottom-wrap { background: var(--colorFooterBottombg); float: left; width: 100%; } #shopify-section-footer-model-3 .site-footer .footer-bottom-wrap .footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding: 22px 0; float: left; width: 100%; } #shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title { color: var(--colorFooterTitle); font: 700 18px/20px var(--font-stack-header); float: left; width: 100%; margin: 0 0 20px; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{ background: #fff; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{ color: var(--color-btn-primary); } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul li { float: left; width: 100%; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .footer-desc { float: left; width: 100%; font: 400 13px/22px var(--font-stack-body); } #shopify-section-footer-model-3 .widget-title.contact-title{ font-size: 16px; line-height: 26px; color: var(--colorFooterTitle); margin: 0; } #shopify-section-footer-model-3 .site-footer .footer-wrap ul.social-icons li { padding: 0; float: none; display: inline-block; vertical-align: top; width: auto; } #shopify-section-footer-model-3 .site-footer .footer-wrap .follow-us-outer { float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.1); padding: 6px 0 0; margin: 30px 0 0; display: block; } #shopify-section-footer-model-3 .site-footer .footer-bottom .copyright small { font: 400 13px/18px var(--font-stack-body); color: var(--FooterBottomText); } #shopify-section-footer-model-3 .site-footer .footer-bottom .copyright a { font: 400 13px/18px var(--font-stack-body); -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; color: var(--FooterBottomText); } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul li:last-child::after, #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li::after, #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .contact-us ul li::after{ display:none; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .social-icons { text-align: left; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li a { width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin: 0; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.inline-list li a { font: 400 13px/24px var(--font-stack-body); -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #shopify-section-footer-model-3 .site-footer .footer-bottom .copyright { float: left; width: auto; } #shopify-section-footer-model-3 .site-footer .footer-bottom .follow-us-outer { float: right; width: auto; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-address { float: none; display: inline-block; vertical-align: top; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us.nav-secondary li:hover i.mdi-email-outline{ color:var(--color-btn-primary); } #shopify-section-footer-model-3 .site-footer .footer-bottom .follow-us-outer ul.social-icons li a { font-size: 16px; line-height: 20px; margin: 0 10px; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter { float: left; width: 100%; padding: 120px 0; text-align: left; } #shopify-section-footer-model-3 .site-footer.bg_img2 { float: left; width: 100%; position: relative; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before{ top: auto; bottom: -65px; left: 35%; right: auto; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before{ top: 50px; bottom: auto; left: -60px; right: auto; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after{ top: 50px; bottom: auto; left: auto; right: -40px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title { float: left; width: 100%; position: relative; margin: 0 0 20px; font: 800 36px/38px var(--font-stack-header); } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc { font: italic 400 14px/24px var(--font-stack-body); float: none; display: inline-block; vertical-align: top; width: 75%; margin: 0 0 15px; color: #666; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter { float: none; display: inline-block; vertical-align: top; width: 63%; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter form input[type="email"] { border: none; padding: 10px 15px; margin: 0 0 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05); -webkit-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05); -moz-box-shadow:0 0 10px rgba(0, 0 ,0 , 0.05); -ms-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05); -o-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.05); } #shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn{ float: left; width: 100%; } #shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn .btn{ position: relative; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content::before { position: absolute; content: '\f5ef'; font-family: 'Material Design Icons'; font-size: 46px; height: 60px; width: 60px; line-height: 60px; left: 0; right: 0; top: 0; bottom: auto; margin: auto; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content { padding: 70px 0 0; float: none; display: inline-block; vertical-align: top; text-align: center; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .block_content { float: none; display: inline-block; vertical-align: top; text-align: center; } @media (max-width: 1399px) { #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc{ width: 90%; } } @media (max-width: 1299px) { #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column.contactus .contact-us .contact-detail .contact-address p{ font-size:12px; line-height:22px; } #shopify-section-footer-model-3 .site-footer .footer-wrap{ padding: 60px 0; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{ font-size: 32px; line-height: 34px; } #shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn .btn{ padding: 0 26px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter{ padding: 100px 0; } } @media (max-width: 1199px) { #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc{ width: 100%; font-size: 13px; line-height: 22px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{ font-size: 28px; line-height: 30px; margin: 0 0 15px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content{ padding: 55px 0 0; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content::before{ font-size: 36px; height: 50px; width: 50px; line-height: 50px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter{ width: 75%; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter form .input-group .input-group-btn .btn{ height: 40px; } #shopify-section-footer-model-3 .site-footer .footer-wrap{ padding: 50px 0; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li a{ width: 30px; height: 30px; line-height: 30px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter{ padding: 80px 0; } } @media (max-width: 991px) { #shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title{ padding:0px; margin: 0 0 10px; font-size: 16px; line-height: 18px; cursor: pointer; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .social-icons{ display: block !important; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column ul.social-icons li{ float: none; width: auto; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content::before{ font-size: 30px; height: 40px; width: 40px; line-height: 40px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{ font-size: 24px; line-height: 26px; margin: 0 0 12px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc{ font-size: 12px; line-height: 20px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter{ width: 80%; } #shopify-section-footer-model-3 .site-footer .footer-wrap{ padding: 40px 0; } #shopify-section-footer-model-3 .site-footer .footer-wrap .list-unstyled { float: left; width: 100%; margin: 10px 0; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .tt-content{ padding: 40px 0 0; } #shopify-section-footer-model-3 .site-footer .footer-bottom .copyright small, #shopify-section-footer-model-3 .site-footer .footer-bottom .copyright a{ font-size: 12px; line-height:14px; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after{ width: 80px; height: 116px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before{ width: 160px; height: 129px; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before{ width: 140px; height: 184px; } #shopify-section-footer-model-3 .footer-center-column { float: left; width: 100%; padding: 0; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column h5.widget-title { padding: 10px; margin: 0; } #shopify-section-footer-model-3 .site-footer .footer-column.active h5.toggle { background: rgba(255,255,255,.05) none repeat scroll 0 0; } #shopify-section-footer-model-3 .site-footer .footer-wrap .follow-us-outer{ border-top: none; padding: 0; margin: 20px 0 0; } #shopify-section-footer-model-3 .site-footer .footer-bottom-wrap .footer-bottom{ padding: 12px 0; } } @media (max-width: 767px) { #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter { padding: 70px 0; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .block_content { float: left; width: 100%; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter { width: 65%; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after { width: 70px; height: 96px; top: 20px; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before { width: 130px; height: 164px; top: 20px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before { width: 140px; height: 109px; } #shopify-section-footer-model-3 .site-footer .footer-wrap{ padding: 30px 0; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter form input[type=email]{ margin: 0 0 10px; } #shopify-section-footer-model-3 .site-footer .footer-bottom .copyright { float: left; width: 100%; text-align: center; margin: 0 0 10px; } } @media (max-width: 480px) { #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-title{ font-size: 20px; line-height: 22px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .ttinput_newsletter{ width: 100%; } #shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title{ font-size: 16px; line-height: 18px; } #shopify-section-footer-model-3 .site-footer .footer-wrap .footer-column .footer-desc{ font-size:12px; line-height:20px; } #shopify-section-footer-model-3 .block_newsletter form .input-group .input-group-btn .btn { padding: 0 10px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter { padding: 30px 0; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter.bg_img2::before { width: 120px; height: 99px; left: 55%; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::before { width: 100px; height: 124px; top: 10px; } #shopify-section-footer-model-3 .site-footer .footer-top.bg_img1::after { width: 60px; height: 86px; top: 10px; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter .news-desc { font-size: 11px; line-height: 18px; } #shopify-section-footer-model-3 .block_newsletter .ttinput_newsletter button span.icon{ display: none; } #shopify-section-footer-model-3 .block_newsletter .block_content form .input-group span.subscribe{ display: block; } #shopify-section-footer-model-3 .site-footer .footer-top .block_newsletter form .input-group .input-group-btn .btn { height: 32px; } #shopify-section-footer-model-3 .site-footer .footer-wrap h5.widget-title { font-size: 14px; line-height: 16px; } #shopify-section-footer-model-3 .site-footer .footer-wrap { padding: 15px 0; } #shopify-section-footer-model-3{ margin: 15px 0 0; } } /*---------------------------- category feature ----------------------*/ #tt-collection-slider-wrap .tt-titletab { float: left; width: 100%; text-align: center; margin: 0 0 10px; } #tt-collection-slider-wrap .category_feature { width: 100%; } #tt-collection-slider-wrap .category_feature .owl-dots{ margin: 15px 0 0; } #tt-collection-slider-wrap .category_feature .owl-nav{ right:10px; } #tt-collection-slider-wrap .category_feature .collection_img .cat_img.cat-icon{ float: none; display: inline-block; vertical-align: top; height: 80px; width: 80px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #tt-collection-slider-wrap .category_feature .cat_content :hover .collection_img .cat_img.cat-icon{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #tt-collection-slider-wrap .cat_content { float: none; display: inline-block; vertical-align: top; width: 90%; max-width: 280px; min-height: 210px; display: flex; text-align: center; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; margin: auto; } #tt-collection-slider-wrap .content { margin: auto; padding: 38px 33px; cursor: pointer; } #tt-collection-slider-wrap .collection_img a { display: block; overflow: hidden; } #tt-collection-slider-wrap .collection_img{ display: flex; align-items: center; justify-content: center; cursor: pointer; } #tt-collection-slider-wrap .collection_img .cat-bg{ float: left; text-align: center; text-align: center; border-radius: 50%; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; height: 192px; width: 180px; } #tt-collection-slider-wrap .owl-item .cat_content:hover img { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: sscale(1); -ms-transform: scale(1); } #tt-collection-slider-wrap .ttcat-content { float: left; width: 100%; text-align: center; } #tt-collection-slider-wrap .ttcat-content .collection_title{ font: 700 18px/20px var(--font-stack-header); float: left; width: 100%; margin: 8px 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } #tt-collection-slider-wrap .ttcat-content .cat-item a{ float: left; width: 100%; font: 400 14px/16px var(--font-stack-body); } @media(max-width: 991px){ #tt-collection-slider-wrap .ttcat-content .collection_title{ font-size: 16px; line-height: 20px; } #tt-collection-slider-wrap .category_feature .owl-dots{ margin: 10px 0 0; } } @media(max-width: 767px){ #tt-collection-slider-wrap .tt-titletab { margin: 0; } } @media(max-width: 480px){ } @media(max-width:380px){ #tt-collection-slider-wrap .cat_content{ width: 90%; max-width: 200px; min-height: 170px; } } /*------------------ category----------------*/ .tt-category .tt-collection-slider-wrap { float: left; width: 100%; margin: 0 0 50px; } .tt-collection-slider-wrap .collection_title { float: left; width: 100%; margin: 10px 0 0; font: 700 14px/16px var(--font-stack-header); } .tt-category .tt-collection-slider-wrap .section-header .title{ text-align: left; padding: 0 15px; margin: 0 0 10px; font: 700 24px/26px var(--font-stack-header); } .tt-category .tt-collection-slider-wrap .owl-dots{ margin: 10px 0 0; } .tt-collection-slider-wrap .collection_item{ float: left; width: 100%; margin: 5px 0 0; } .tt-category .tt-collection-slider-wrap .category_content .collection_img a img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .tt-category .tt-collection-slider-wrap .category_content .collection_img { overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .tt-category .tt-collection-slider-wrap .category_content:hover .collection_img a img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } @media (max-width: 991px) { .tt-category .tt-collection-slider-wrap{ margin: 0 0 30px; } } @media (max-width: 600px) { .tt-collection-slider-wrap .collection_title { font-size: 12px; line-height: 14px; } .tt-category .tt-collection-slider-wrap { margin: 0 0 20px; } } /*-----------------cms-banner------------------------*/ .cms-banner .banner a { float: left; width: 100%; position: relative; display: block; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .cms-banner .banner .banner-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; align-items: center; text-align:center; width:47%; } .cms-banner .banner .banner-content.left { left: 4%; right: auto; text-align: left; } .cms-banner .banner .banner-content .banner-inner{ float: left; width: 100%; } .cms-banner .banner .banner-content.right { right: 4%; left: auto; text-align: right; } .cms-banner .banner .banner-content .title { float: left; width: 100%; font: 700 28px/34px var(--font-stack-header); margin: 0 0 15px; } .cms-banner .banner .banner-content .subtitle{ font: 400 16px/18px var(--font-stack-body); margin: 0 0 10px; } .cms-banner .banner .banner-content .btn { padding: 11px 20px; } @media (max-width: 1399px) { .cms-banner .banner .banner-content .title{ font-size:26px; line-height:30px; } .cms-banner .banner .banner-content .btn { padding: 9px 16px; } } @media (max-width: 1299px) { .cms-banner .banner .banner-content .title{ font-size: 22px; line-height: 26px; } .cms-banner .banner .banner-content .subtitle{ font-size: 14px; line-height: 16px; } .cms-banner .banner .banner-content .btn{ font-size: 13px; line-height: 16px; } } @media (max-width: 1199px) { .cms-banner .banner .banner-content .title { margin: 0 0 10px; font-size: 18px; line-height: 22px; } .cms-banner .banner .banner-content .subtitle{ margin: 0 0 5px; font-size: 14px; line-height: 16px; } .cms-banner .banner .banner-content{ width:46%; } .cms-banner .banner .banner-content .btn{ font-size: 12px; line-height: 14px; } } @media (max-width: 991px) { .cms-banner .banner .banner-content .title { font-size: 16px; line-height: 18px; margin: 0 0 8px; } .cms-banner .banner .banner-content .subtitle { font-size: 12px; line-height: 14px; } .cms-banner .banner .banner-content .btn { padding: 8px 14px; } .cms-banner .banner .banner-content.right{ right:4%; } .cms-banner .banner .banner-content{ width:60%; } } @media (max-width: 690px) { .cms-banner .banner.banner1, .cms-banner .banner.banner2{ width: 100%; text-align: center; } .cms-banner .banner3,.cms-banner .banner2{ margin: 20px 0 0; } .cms-banner .banner .banner-content { width: 42%; } } @media(max-width:480px){ .cms-banner .banner .banner-content { width: 50%; } } @media (max-width: 450px) { .cms-banner .banner .banner-content .subtitle { font-size: 13px; line-height: 16px; } .cms-banner .banner .banner-content .desc { font-size: 11px; line-height: 12px; } .cms-banner .banner .banner-content .btn { padding: 6px 12px; font-size: 11px; line-height: 13px; } } @media (max-width: 380px) { .cms-banner .banner .banner-content .subtitle { margin: 0 0 2px;} .cms-banner .banner .banner-content { width: 70%; } .cms-banner .banner .banner-content .title { font-size: 14px; line-height: 16px; margin:0 0 5px; } } .cms-banner .banner a:before{ background: rgba(255,255,255,.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .cms-banner .banner a:hover::before{ left: 0; right: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } .cms-banner .banner a:after{ background: rgba(255,255,255,.6); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .cms-banner .banner a:hover::after { top: 0; bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } /*---------------------cms-subbanner----------------------*/ .cmssubbanner { float: left; width: 100%; } .cmssubbanner .subbanner { position: relative; } .cmssubbanner .subbanner a { display: block; position: relative; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .cmssubbanner .subbanner a img{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .cmssubbanner .subbanner a::before{ background: rgba(255,255,255,.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .cmssubbanner .subbanner a:hover::before{ left: 0; right: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } .cmssubbanner .subbanner a::after{ background: rgba(255,255,255,.6); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .cmssubbanner .subbanner a:hover::after{ top: 0; bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } .cmssubbanner .subbanner.subbanner2 .banner1{ margin: 0 0 30px; padding: 0; } .cmssubbanner .subbanner.subbanner2 .banner2{ padding: 0; } .cmssubbanner .subbanner .subbanner-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; } .cmssubbanner .subbanner .subbanner-content .banner-inner { float: left; width: 100%; } .cmssubbanner .subbanner .subbanner-content .title{ font: 800 30px/34px var(--font-stack-header); margin: 0 0 15px; } .cmssubbanner .subbanner .subbanner-content .subtitle{ font: 400 16px/18px var(--font-stack-body); margin: 0 0 10px; } .cmssubbanner .subbanner .subbanner-content .ttbanner-btn{ padding: 11px 20px; } .subbanner.subbanner1 .subbanner-content, .subbanner.subbanner3 .subbanner-content{ top: 40px; bottom: auto; width: 58%; } .subbanner.subbanner1 .subbanner-content.left, .subbanner.subbanner3 .subbanner-content.left{ left: 60px ; right: auto; text-align: left; } .subbanner.subbanner1 .subbanner-content.right, .subbanner.subbanner3 .subbanner-content.right{ right: 60px ; left: auto; text-align: left; width: 54%; } .subbanner.subbanner2 .subbanner-content{ display: flex; align-items: center; vertical-align: top; width: 44%; } .subbanner.subbanner2 .subbanner-content.left{ left: 40px ; right: auto; text-align: left } .subbanner.subbanner2 .subbanner-content.top-banner.right { right: 40px; left: auto; text-align: left; width: 30%; } .subbanner.subbanner2 .subbanner-content.bottom-banner.right { right: 40px; left: auto; text-align: left; } @media(max-width: 1640px){ .subbanner.subbanner2 .subbanner-content.top-banner.right{ width: 34%; } } @media(max-width: 1610px){ .cmssubbanner .subbanner .subbanner-content .title{ font-size: 28px; line-height: 32px; } } @media(max-width: 1520px){ .cmssubbanner .subbanner .subbanner-content .title{ font-size: 26px; line-height: 30px; } } @media(max-width: 1499px){ .cmssubbanner .subbanner .subbanner-content .title{ font-size: 24px; line-height: 28px; } } @media(max-width: 1420px){ .subbanner.subbanner2 .subbanner-content.top-banner.right{ right: 30px; } .subbanner.subbanner2 .subbanner-content.left{ left: 30px; } } @media(max-width: 1300px){ .cmssubbanner .subbanner .subbanner-content .title{ font-size: 21px; line-height: 26px; } .cmssubbanner .subbanner .subbanner-content .subtitle{ font-size: 14px; line-height: 16px; } } @media(max-width: 1299px){ .subbanner.subbanner1 .subbanner-content.left, .subbanner.subbanner3 .subbanner-content.left{ left: 40px; } .cmssubbanner .subbanner .subbanner-content .ttbanner-btn { padding: 8px 16px; } } @media(max-width: 1199px){ .cmssubbanner .subbanner .subbanner-content .ttbanner-btn { padding: 6px 12px; } .cmssubbanner .subbanner .subbanner-content .title { font-size: 16px; line-height: 20px; margin: 0 0 10px; } .cmssubbanner .subbanner .subbanner-content .subtitle { font-size: 12px; line-height: 14px; margin: 0 0 5px; } } @media(max-width: 991px){ .cmssubbanner .subbanner{ padding: 0 10px; } .subbanner.subbanner1 .subbanner-content, .subbanner.subbanner3 .subbanner-content{ width: 64%; } .subbanner.subbanner2 .subbanner-content.top-banner.right { width: 44%; right: 10px; } .subbanner.subbanner2 .subbanner-content.left { left: 20px; width: 52%; } .cmssubbanner .subbanner .subbanner-content .title { font-size: 14px; line-height: 18px; } .cmssubbanner .subbanner .subbanner-content .subtitle { font-size: 11px; line-height: 13px; } .cmssubbanner .subbanner.subbanner2 .banner1 { margin: 0 0 15px; } .cmssubbanner .subbanner .subbanner-content .ttbanner-btn { padding: 6px 10px; font-size: 11px; line-height: 13px; } .subbanner.subbanner1 .subbanner-content, .subbanner.subbanner3 .subbanner-content{ top: 20px; } .subbanner.subbanner2 .subbanner-content.bottom-banner.right{ width: 50%; } } @media(max-width: 767px){ .cmssubbanner .subbanner { float: none; display: inline-block; vertical-align: top; margin: 0 0 10px; } .cmssubbanner .subbanner:last-child{ margin: 0; } .cmssubbanner{ text-align: center; } .cmssubbanner .subbanner a{ float: none; display: inline-block; vertical-align: top; width: auto; } .subbanner.subbanner2 .subbanner-content.top-banner.right{ width: 30%; } .cmssubbanner .subbanner.subbanner2 .banner1 { margin: 0 0 10px; } } /*------------------bottom banner CSS ----------------*/ @media(min-width: 1400px){ .bottom-banner .container{ max-width: 1260px; } } .bottom-banner { float: left; width: 100%; position: relative; } .bottom-banner .bottombanner-img { float: left; width: 100%; position: relative; } .bottom-banner .bottombanner-img > a { display: block; position: relative; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .bottom-banner .bottombanner-img > a::before{ background: rgba(255,255,255,.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .bottom-banner .bottombanner-img > a:hover::before{ left: 0; right: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } .bottom-banner .bottombanner-img > a::after{ background: rgba(255,255,255,.6); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .bottom-banner .bottombanner-img > a:hover::after{ top: 0; bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } .bottom-banner .bottombanner-img .bottombanner-content { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; align-items: center; text-align: center; height: 50%; width: 45%; } .bottom-banner .bottombanner-img .bottombanner-content.left{ left: 7%; right: auto; } .bottom-banner .bottombanner-img .bottombanner-content.right{ right: 7%; left: auto; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent { float: left; width: 100%; position: relative; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{ float: left; width: 100%; font: 800 46px/48px var(--font-stack-header); margin: 0 0 20px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font: 400 26px/28px var(--font-stack-subheading); margin: 0 0 15px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{ padding: 11px 20px; } @media (max-width: 1299px){ .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{ font-size: 42px; line-height: 44px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle{ font-size: 24px; line-height: 26px; } } @media (max-width: 1199px){ .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{ font-size: 36px; line-height: 38px; margin: 0 0 15px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font-size: 20px; line-height: 22px; margin: 0 0 10px; } .bottom-banner .bottombanner-img .bottombanner-content { height: 60%; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{ padding: 10px 18px; } } @media (max-width: 991px){ .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{ font-size: 28px; line-height: 30px; margin: 0 0 12px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font-size: 16px; line-height: 18px; } .bottom-banner .bottombanner-img .bottombanner-content { height: 50%; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{ padding: 8px 16px; font-size: 11px; line-height: 13px; } } @media (max-width: 700px){ .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title{ font-size: 16px; line-height: 18px; margin: 0 0 10px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle { font-size: 10px; line-height: 12px; margin: 0 0 5px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{ padding: 6px 12px; } } @media (max-width: 460px){ .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-btn{ padding: 5px 10px; font-size: 10px; line-height: 12px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-title { font-size: 13px; line-height: 16px; margin: 0 0 5px; } .bottom-banner .bottombanner-img .bottombanner-content .bottomcontent .bottombanner-subtitle{ display: none; } .bottom-banner .bottombanner-img .bottombanner-content{ width: 55%; } .bottom-banner .bottombanner-img .bottombanner-content.right{ right: 9%; } .bottom-banner .bottombanner-img .bottombanner-content.left{ left: 9%; } } /*------------------ ttcmsparallax CSS ----------------*/ @media(min-width: 1400px){ .ttparallax .parallex .container{ max-width: 1260px; } } .template-index .main-content .shopify-section.ttcmsparallax{ margin: 0; } .ttparallax { float: left; width: 100%; position: relative; overflow: hidden; } .ttparallax .parallax-img{ height: 700px; } .ttparallax .parallex { position: relative; overflow: hidden; float: left; width: 100%; background-attachment: fixed; background-size: cover; } .ttparallax .parallax-img .parallax-detail { float: right; text-align: center; padding: 0; } .ttparallax .parallax-img .parallax-detail .subtitle{ float: left; width: 100%; position: relative; font: 400 26px/28px var(--font-stack-subheading); margin: 0 0 15px; } .ttparallax .parallax-img .parallax-detail .tt-title{ float: left; width: 100%; position: relative; margin: 0 0 25px; padding: 0 0 35px; font: 800 46px/48px var(--font-stack-header); } .ttparallax .parallax-img .parallax-detail .description { float: none; display: inline-block; vertical-align: top; width: 70%; font: 400 14px/24px var(--font-stack-body); margin: 0 0 35px; } .ttparallax .parallax-img .parallax-detail .parallax-button { float: left; width: 100%; } .ttparallax .parallax-img .parallax-detail .parallax-button a{ padding: 13px 24px; } .ttparallax.bg_img1::after { top: 60px; right: -20px; } .ttparallax.bg_img1::before { bottom: -65px; right: 10%; } .ttparallax .parallex.bg_img2::before{ top: 60px; left: 0; } @media (min-width: 768px){ .ttparallax .parallax-img{ display: flex; align-items: center; } } @media(max-width: 1800px){ .ttparallax.bg_img1::before{ right: 8%; } } @media(max-width: 1600px){ .ttparallax.bg_img1::before{ right: 3%; bottom: -45px; } } @media(max-width: 1400px){ .ttparallax .parallax-img{ height: 600px; } } @media(max-width: 1299px){ .ttparallax .parallax-img{ height: 500px; } .ttparallax .parallex.bg_img2::before, .ttparallax.bg_img1::after{ top: 40px; } .ttparallax .parallex .parallax-detail .subtitle{ font-size: 22px; line-height: 24px; } .ttparallax .parallex .parallax-detail .tt-title{ font-size: 42px; line-height: 44px; } .ttparallax .parallex .parallax-detail .description{ font-size: 13px; line-height: 22px; margin: 0 0 20px; } .ttparallax .parallex .parallax-detail .tt-title{ margin: 0 0 15px; padding: 0 0 30px; } } @media(max-width: 1199px){ .ttparallax .parallex .parallax-detail .parallax-button a{ padding: 12px 20px; } .ttparallax .parallex .parallax-detail .subtitle { font-size: 18px; line-height: 20px; margin: 0 0 10px; } .ttparallax .parallex .parallax-detail .tt-title { font-size: 38px; line-height: 40px; } .ttparallax .parallex .parallax-detail .description{ width: 85%; } .ttparallax .parallex .parallax-detail .parallax-button a { padding: 10px 16px; } } @media(max-width: 991px){ .ttparallax .parallax-img{ height: 450px; } .ttparallax .parallex .parallax-detail .parallax-button a{ font-size: 12px; line-height: 16px; padding: 10px 22px; } .ttparallax .parallex .parallax-detail .tt-title { font-size: 34px; line-height: 36px; } .ttparallax .parallex .parallax-detail .description { margin: 0 0 14px; } } @media(min-width: 768px) and (max-width: 991px){ .ttparallax .parallex .parallax-detail .description { width: 100%; } } @media(max-width: 767px){ .ttparallax .parallax-img{ height: 370px; } .ttparallax .parallex .parallax-detail{ padding: 30px 0; float: none; display: inline-block; vertical-align: top; width: 80%; margin: 30px 0 0; background: rgba(255,255,255,0.8); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .ttparallax .parallex .parallax-detail .subtitle{ font-size: 16px; line-height: 18px; } .ttparallax .parallex .parallax-detail .title{ font-size: 32px; line-height: 42px; } .ttparallax .parallex .parallax-detail .parallax-button a{ padding: 8px 18px; } .ttparallax .parallex .parallax-detail .description { width: 50%; } .ttparallax .parallex{ text-align: center; } } @media(max-width: 700px){ .ttparallax .parallex .parallax-detail .description { width: 55%; } } @media(max-width: 600px){ .ttparallax .parallex .parallax-detail .description { width: 80%; } } @media(max-width: 480px){ .ttparallax .parallex .parallax-detail .subtitle{ font-size: 12px; line-height: 14px; } .ttparallax .parallex .parallax-detail .tt-title{ font-size: 22px; line-height: 24px; margin: 0 0 10px; } .ttparallax .parallex .parallax-detail .description { width: 100%; font-size: 10px; line-height: 18px; padding: 0 10px; margin: 0 0 10px; } .ttparallax .parallex .parallax-detail .parallax-button a { padding: 8px 14px; font-size: 10px; line-height: 12px; } .ttparallax .parallax-img { height: 320px; } .ttparallax .parallex .parallax-detail { padding: 15px 0; } .ttparallax .parallex.bg_img2::before, .ttparallax.bg_img1::after { top: 15px; } .ttparallax .parallex.bg_img2::before{ width: 90px; height: 80px; } .ttparallax.bg_img1::before{ width: 110px; height: 134px; } .ttparallax.bg_img1::after{ width: 70px; height: 96px; } } /*------------------ video parallax CSS ----------------*/ @media(min-width: 1400px){ .videoparallax .video-img .container{ max-width: 1260px; } } .template-index .main-content .shopify-section.ttcmsparallax{ margin: 0; } .videoparallax { float: left; width: 100%; position: relative; overflow: hidden; } .videoparallax .video-img{ height: 550px; } .videoparallax .video-img { position: relative; overflow: hidden; float: left; width: 100%; background-attachment: fixed; background-size: cover; } .videoparallax .video-img .video-detail { float: left; text-align: center; padding: 0; width: 100%; } .videoparallax .video-img .video-detail .subtitle{ float: left; width: 100%; position: relative; font: 400 26px/28px var(--font-stack-subheading); margin: 0 0 15px; } .videoparallax .video-img .video-detail .title{ float: left; width: 100%; position: relative; margin: 0 0 25px; font: 800 38px/40px var(--font-stack-header); } .videoparallax .video-img .video-detail .seperator { float: left; width: 100%; margin: 0 0 30px; } .videoparallax .video-img{ display: flex; align-items: center; } .videoparallax .video-featured #popup_toggle { float: none; display: inline-block; vertical-align: top; height: 80px; width: 80px; } @media(max-width: 1299px){ .videoparallax .video-img{ height: 500px; } .videoparallax .video-img .video-detail .subtitle{ font-size: 22px; line-height: 24px; } .videoparallax .video-img .video-detail .title{ font-size: 36px; line-height: 38px; margin: 0 0 20px; } .videoparallax .video-featured #popup_toggle .play-icone i{ font-size: 40px; height: 60px; width: 60px; line-height: 60px; } .videoparallax .video-img .video-detail .seperator{ margin: 0 0 30px; } } @media(max-width: 1199px){ .videoparallax .video-img .video-detail .subtitle { font-size: 18px; line-height: 20px; margin: 0 0 10px; } .videoparallax .video-img .video-detail .title { font-size: 32px; line-height: 34px; margin: 0 0 15px; } .videoparallax .video-img { height: 400px; } .videoparallax .video-img .video-detail .seperator{ margin: 0 0 20px; } } @media(max-width: 991px){ .videoparallax .video-img{ height: 350px; } } @media(max-width: 767px){ .videoparallax .video-img .video-detail .subtitle{ font-size: 16px; line-height: 18px; } .videoparallax .video-img .video-detail .title{ font-size: 28px; line-height: 30px; margin: 0 0 10px; } .videoparallax .video-img .video-detail .seperator { margin: 0 0 15px; } } @media(max-width: 480px){ .videoparallax .video-img .video-detail .subtitle{ font-size: 12px; line-height: 14px; } .videoparallax .video-img .video-detail .title{ font-size: 22px; line-height: 24px; margin: 0 0 10px; } .videoparallax .video-img { height: 250px; } .videoparallax .video-img .video-detail { padding: 15px 0; } .videoparallax .video-featured #popup_toggle .play-icone i { font-size: 30px; height: 50px; width: 50px; line-height: 50px; } .videoparallax .video-img .video-detail .seperator { margin: 0 0 10px; } } /*---------------------cms-countdown----------------------*/ .ttcms-countdown { float: left; width: 100%; position: relative; overflow: hidden; } .ttcms-countdown .parallex { height: 550px; display: flex; align-items: center; float: left; width: 100%; text-align: center; background-attachment: fixed; background-size: cover; } .ttcms-countdown .parallex .banner-inner { float: none; display: inline-block; vertical-align: top; width: 60%; text-align: center; } .ttcms-countdown .banner-inner .subtitle{ font: 400 26px/28px var(--font-stack-subheading); margin: 0 0 10px; } .ttcms-countdown .banner-inner .title{ font: 800 38px/44px var(--font-stack-header); margin: 0 0 20px; } .ttcms-countdown .banner-inner .seperator { float: left; width: 100%; margin: 0 0 40px; } .ttcms-countdown .banner-inner .btn{ padding: 11px 28px; } .ttcms-countdown .banner-inner .main-countdown{ float: none; width: auto; display: inline-block; vertical-align: top; margin: 0 0 30px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer { position: relative; padding-right: 25px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num { float: none; display: inline-block; vertical-align: top; width: 85px; font: 400 50px/52px var(--font-stack-subheading); } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text { float: left; width: 100%; margin: 5px 0 0; font: 700 16px/18px var(--font-stack-header); } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after { content: ':'; position: absolute; right: 0; top: 5px; bottom: auto; left: auto; margin: auto; font-size: 40px; line-height: 42px; } .ttcms-countdown.bg_img1::after {; top: -50px; bottom: auto; left: auto; right: 32%; } .ttcms-countdown.bg_img1::before { top: auto; bottom: -65px; left: 25%; right: auto; } .ttcms-countdown .parallex.bg_img2::before{ top: auto; bottom: -55px; left: auto; right: 30%; } @media(max-width: 1299px){ .ttcms-countdown .parallex{ height: 500px; } .ttcms-countdown .banner-inner .title{ font-size: 32px; line-height: 40px; } .ttcms-countdown .banner-inner .subtitle{ font-size: 22px; line-height: 24px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num{ font-size: 40px; line-height: 42px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after{ top: 0; } .ttcms-countdown .parallex.bg_img2::before{ right: 26%; } .ttcms-countdown .banner-inner .seperator{ margin: 0 0 30px; } } @media(max-width: 1199px){ .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text{ font-size:13px; line-height: 16px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num { font-size: 30px; line-height: 32px; width: 75px; } .ttcms-countdown .banner-inner .title { font-size: 26px; line-height: 34px; margin: 0 0 15px; } .ttcms-countdown .banner-inner .subtitle { font-size: 18px; line-height: 20px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer{ padding-right: 15px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after{ font-size: 30px; line-height: 32px; } .ttcms-countdown .banner-inner .seperator{ margin: 0 0 20px; } .ttcms-countdown .parallex { height: 450px; } } @media(max-width: 991px){ .ttcms-countdown .banner-inner .title { font-size: 22px; line-height: 28px; margin: 0 0 15px; } .ttcms-countdown .banner-inner .subtitle { font-size: 16px; line-height: 18px; margin: 0 0 8px; } .ttcms-countdown .banner-inner .main-countdown{ margin: 0 0 20px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num { width: 55px; font-size: 22px; line-height: 24px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text { font-size: 11px; line-height: 13px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after { font-size: 24px; line-height: 26px; } .ttcms-countdown .banner-inner .btn { padding: 10px 16px; font-size: 12px; line-height: 14px; } .ttcms-countdown .parallex { height: 400px; } .ttcms-countdown.bg_img1::before{ width: 130px; height: 164px; } .ttcms-countdown .parallex.bg_img2::before{ width: 150px; height: 129px; } .ttcms-countdown.bg_img1::after{ right: 28%; width: 80px; height: 106px; } } @media(max-width: 767px){ .ttcms-countdown .parallex { height: 300px; } .ttcms-countdown .banner-inner .title { font-size: 18px; line-height: 24px; margin:0 0 10px; } .ttcms-countdown .banner-inner .subtitle { font-size: 14px; line-height: 16px; margin: 0 0 5px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num { width: 40px; font-size: 20px; line-height: 22px; } .ttcms-countdown .banner-inner .btn { padding: 8px 16px; font-size: 11px; line-height: 13px; } .ttcms-countdown.bg_img1::before{ left: 15%; } .ttcms-countdown .parallex.bg_img2::before { right: 15%; } .ttcms-countdown .parallex .banner-inner{ width: 45%; } } @media(max-width: 600px){ .ttcms-countdown .parallex .banner-inner{ width: 50%; } .ttcms-countdown .parallex { height: 300px; } .ttcms-countdown .parallex.bg_img2::before { width: 120px; height: 99px; bottom: -45px; } .ttcms-countdown.bg_img1::before { width: 100px; height: 134px; } .ttcms-countdown.bg_img1::after { right: 15%; width: 70px; height: 90px; } } @media(max-width: 550px){ .ttcms-countdown .parallex{ background-size: 130%; background-repeat: no-repeat; } .ttcms-countdown .parallex { height: 260px; } } @media(max-width: 480px){ .ttcms-countdown .banner-inner .title{ font-size: 14px; line-height: 18px; } .ttcms-countdown .banner-inner .main-countdown { margin: 0 0 10px; } .ttcms-countdown .parallex .banner-inner { width: 70%; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .text{ font-size: 9px; line-height: 12px; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer .countdown-num { width: 30px; font-size: 16px; line-height: 18px; } .ttcms-countdown .banner-inner .subtitle { font-size: 12px; line-height: 14px; } .ttcms-countdown.bg_img1::before { left: 8%; } .ttcms-countdown .parallex.bg_img2::before { right: 8%; } .ttcms-countdown .banner-inner .main-countdown .countdown-display .countdown-timer:not(:last-child):after { font-size: 18px; line-height: 20px; } .ttcms-countdown .parallex { height: 220px; } .ttcms-countdown .banner-inner .seperator { margin: 0 0 10px; } } @media(max-width: 450px){ .ttcms-countdown .parallex .banner-inner { width: 70%; } .ttcms-countdown .parallex { height: 200px; } .ttcms-countdown.bg_img1::before { width: 90px; height: 114px; left: 0%; } .ttcms-countdown .parallex.bg_img2::before { width: 70px; height: 80px; } .ttcms-countdown.bg_img1::after { right: 8%; width: 60px; height: 80px; } .ttcms-countdown .banner-inner .title { font-size: 12px; line-height: 16px; } } /*----------------------------cms block banner---------*/ .cmsblockbanner .banner a { float: left; width: 100%; position: relative; display: block; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .cmsblockbanner .banner .banner-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; align-items: center; text-align:left; width:52%; z-index:2; } .cmsblockbanner .banner .banner-content.left { left: 7%; right: auto; text-align: left; } .cmsblockbanner .banner .banner-content .banner-inner{ float: left; width: 100%; } .cmsblockbanner .banner .banner-content.right { right: 7%; left: auto; } .cmsblockbanner .banner .banner-content .subtitle { font: 400 16px/18px var(--font-stack-body); float: left; width: 100%; margin: 0 0 8px; } .cmsblockbanner .banner .banner-content .title { float: left; width: 100%; font: 700 28px/32px var(--font-stack-header); margin: 0 0 16px; } .cmsblockbanner .banner .banner-content .btn { padding: 11px 24px; } .cmsblockbanner .banner a:before{ background: rgba(255,255,255,.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .cmsblockbanner .banner a:hover::before { left: 0; right: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } .cmsblockbanner .banner a:after{ background: rgba(255,255,255,.6); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .cmsblockbanner .banner a:hover::after { top: 0; bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } @media(max-width:1399px){ .cmsblockbanner .banner .banner-content .btn { padding: 9px 20px; } .cmsblockbanner .banner .banner-content .title{ font-size: 24px; line-height: 26px; } .cmsblockbanner .banner .banner-content .subtitle{ font-size: 14px; line-height: 16px; margin: 0 0 8px; } } @media (max-width: 1299px) { .cmsblockbanner .banner .banner-content{ width: 50%; } .cmsblockbanner .banner .banner-content .title{ margin: 0 0 10px; font-size: 22px; line-height: 24px; } .cmsblockbanner .banner .banner-content .btn{ padding: 8px 18px; } } @media (min-width: 992px) and (max-width: 1199px) { .cmsblockbanner .banner .banner-content { width: 59%; } } @media (max-width: 1199px) { .cmsblockbanner .banner .banner-content .title { font-size: 20px; line-height: 22px; } .cmsblockbanner .banner .banner-content .subtitle { font-size: 13px; line-height: 16px; margin: 0px 0 5px; } .cmsblockbanner .banner .banner-content .btn { font-size: 13px; line-height: 18px; } } @media (max-width: 991px) { .cmsblockbanner .banner .banner-content .title{ font-size: 18px; line-height: 20px; } .cmsblockbanner .banner .banner-content.right { width: 40%; } .cmsblockbanner .banner .banner-content { width: 44%; } .cmsblockbanner .owl-dots{ margin: 10px 0 0; } } @media (max-width: 700px) { .cmsblockbanner .banner .banner-content .title { font-size: 16px; line-height: 18px; } .cmsblockbanner .banner .banner-content .btn { padding: 8px 14px; font-size: 12px; line-height: 14px; } } @media(max-width:575px){ .cmsblockbanner .banner .banner-content{ width:55%; } } @media (max-width: 480px) { .cmsblockbanner .banner a img { width: 100%; } .cmsblockbanner .banner .banner-content.left{ left: 5%; } .cmsblockbanner .banner .banner-content.right { right: 5%; } .cmsblockbanner .banner .banner-content { width: 39%; } } /* ----------------------------cms bottom banner-------------------- */ #ttcmsbottombanner .banner a:before{ background: rgba(255,255,255,.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } #ttcmsbottombanner .banner a:hover::before{ left: 0; right: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } #ttcmsbottombanner .banner a:after{ background: rgba(255,255,255,.6); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } #ttcmsbottombanner .banner a:hover::after { top: 0; bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } #ttcmsbottombanner .ttbottombanner a{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow: hidden; position: relative; display: inline-block; vertical-align: top; } #ttcmsbottombanner .ttbottombanner { position:relative; } #ttcmsbottombanner .bottombanner-content .bottombanner-text{ display: flex; align-items: center; text-align: center; justify-content: space-around; position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 40px; z-index:2; } #ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{ font: 700 30px/32px var(--font-stack-header); text-align: right; } #ttcmsbottombanner .bottombanner-content .bottombanner-right{ text-align: left; } #ttcmsbottombanner .bottombanner-content .bottombanner-center{ font: 700 18px/20px var(--font-stack-header); display: flex; align-items: center; justify-content: center; } #ttcmsbottombanner .bottombanner-content .bottombanner-center .fresh,#ttcmsbottombanner .bottombanner-content .bottombanner-center .testy { position: relative; margin: 0 20px 0 0; padding: 0px 20px 0 0; } #ttcmsbottombanner .bottombanner-content .bottombanner-center .fresh::after,#ttcmsbottombanner .bottombanner-content .bottombanner-center .testy::after { content: ""; width: 2px; height: 15px; background:var(--color-body-text); position: absolute; top: 0; left: auto; right: 0; bottom: 0; margin: auto; } @media(max-width:1299px){ #ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{ font-size: 24px; line-height: 26px; } #ttcmsbottombanner .bottombanner-content .bottombanner-center{ font-size: 16px; line-height: 18px; } } @media(max-width:1199px){ #ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{ font-size: 20px; line-height: 22px; } #ttcmsbottombanner .bottombanner-content .bottombanner-center{ font-size: 14px; line-height: 16px; } } @media(max-width:991px){ #ttcmsbottombanner .bottombanner-content .bottombanner-left,#ttcmsbottombanner .bottombanner-content .bottombanner-right{ font-size: 16px; line-height: 18px; } #ttcmsbottombanner .bottombanner-content .bottombanner-center{ font-size: 12px; line-height: 14px; } #ttcmsbottombanner .bottombanner-content .bottombanner-center .fresh, #ttcmsbottombanner .bottombanner-content .bottombanner-center .testy { position: relative; margin: 0 15px 0 0; padding: 0px 15px 0 0; } } @media(max-width:700px){ #ttcmsbottombanner .bottombanner-content .bottombanner-left, #ttcmsbottombanner .bottombanner-content .bottombanner-right { font-size: 12px; line-height: 14px; } } @media(max-width:575px){ #ttcmsbottombanner .bottombanner-content .bottombanner-center { display:none; } } @media(max-width:480px){ #ttcmsbottombanner .bottombanner-content .bottombanner-right { display:none; } } /*----------------------------cms-services----------------------*/ @media (min-width:1400px) { .template-index .main-content .shopify-section.ttservices .container { max-width: 1260px; } } .template-index .main-content .shopify-section.ttservices{ margin: 0 0 80px; } .template-index .main-content .shopify-section.ttservices .block_content { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } #ttcmsservices { float: left; width: 100%; position: relative; z-index: 1; } #ttcmsservices .block_content .ttcontent { float: left; width: 100%; position: relative; text-align: center; margin: 50px 0; } #ttcmsservices .block_content .ttcontent .service { float: none; width: auto; cursor: pointer; } #ttcmsservices .block_content .ttcontent .service .ttshipping_img.service-icon { float: none; display:inline-block; vertical-align: top; width: 50px; height: 50px; line-height: 50px; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } #ttcmsservices .block_content .ttcontent:hover .service .ttshipping_img.service-icon{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); } #ttcmsservices .block_content .ttcontent .service .content { float: none; width: auto; display: inline-block; vertical-align: top; padding: 0 0 0 10px; } #ttcmsservices .ttcontent .service-title{ font: 600 18px/20px var(--font-stack-header); -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; margin: 0 0 10px; } #ttcmsservices .ttcontent .service-desc{ font:italic 400 14px/16px var(--font-stack-body); text-align: left; } #ttcmsservices .block_content .owl-item { position: relative; } @media(max-width: 1299px){ .template-index .main-content .shopify-section.ttservices{ margin: 0 0 80px; } } @media(max-width: 1199px){ #ttcmsservices .block_content .ttcontent { margin: 35px 0; } #ttcmsservices .block_content .ttcontent .service .content{ padding: 8px 0 0 10px; } #ttcmsservices .ttcontent .service-title{ margin: 0 0 5px; font-size: 16px; line-height: 18px; } #ttcmsservices .ttcontent .service-desc{ font-size: 12px; line-height: 14px; } .template-index .main-content .shopify-section.ttservices { margin: 0 0 50px; } } @media(max-width: 991px){ #ttcmsservices .block_content .ttcontent { margin: 25px 0; } } @media(max-width: 767px){ #ttcmsservices .ttcontent .service-title{ font-size: 14px; line-height: 16px; } #ttcmsservices .ttcontent .service-desc{ font-size: 11px; line-height: 13px; } .template-index .main-content .shopify-section.ttservices { margin: 0 0 30px; } } @media(max-width: 480px){ #ttcmsservices .block_content .ttcontent .service .content { padding: 10px 0 0; } #ttcmsservices .block_content .ttcontent { margin: 15px 0; } .template-index .main-content .shopify-section.ttservices{ margin: 0 0 15px; } } /*==================== Blog Design1 CSS=====================*/ .design_1 #blog_slider .tt-blog-content { float: left; width: 100%; position: relative; } .design_1 #blog_slider .article__date{ float: none; display: inline-block; vertical-align: top; width: auto; padding: 7px 5px; position: absolute; top: auto; bottom: 10px; left: auto; right: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .design_1 #blog_slider .tt-blog-content .blog-content-wrap { padding: 15px 0 0; } .design_1 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more{ float: none; width: auto; display: inline-block; vertical-align: top; } #blog_slider .tt-blog-content,#brands_list_slider,.tab-pane .style3 .product-wrapper{ background:var(--color-section); } @media (max-width: 991px) { #blog_slider .tt-blog-content{ margin: 0 0 10px; } .design_1 #blog_slider .article__date{ padding: 5px; } } /*==================== Blog Design2 CSS=====================*/ .design_2 #blog_slider .tt-blog-content .blog-content-wrap { padding: 15px 0 0; } .design_2 #blog_slider .article__date { float: none; width: auto; display: inline-block; vertical-align: top; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding: 8px 6px; } .feature-blog .design_2 #blog_slider .owl-item.active { padding: 0 15px; } .design_2 #blog_slider .tt-blog-content { float: left; width: 100%; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .design_2 #blog_slider .blog-detail { float: none; display: inline-block; vertical-align: top; width: 80%; margin-left: 12px; } @media(max-width:1199px){ .design_2 #blog_slider .article__date{ padding:4px; } } @media (max-width: 991px) { .design_2 #blog_slider .tt-blog-content .article__title{ font-size: 14px; line-height: 20px; margin: 0 0 8px; } .design_2 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt{ font-size: 12px; line-height: 20px; margin: 0 0 10px; } .design_2 #blog_slider .article__date{ padding: 6px 4px; } } @media (max-width: 767px) { .design_2 #blog_slider .article__date span{ font-size: 11px; } .design_2 #blog_slider .article__date{ padding: 4px; } } @media (max-width: 670px) { .design_2 #blog_slider .blog-detail{ width: 74%; margin-left: 8px; } .design_2 #blog_slider .tt-blog-content .article__title { font-size: 14px; line-height: 16px; margin: 0 0 8px; } } @media (max-width: 480px) { .design_2 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt { font-size: 11px; line-height: 18px; } .design_2 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more{ font-size:12px; } } /*==================== Blog Design3 CSS=====================*/ .design_3 #blog_slider .tt-blog-content { padding: 0; } .design_3 #blog_slider .article__date { float: left; width: auto; margin: 0 0 20px; border-radius: 10px; -moz-border-radius:10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding: 9px 5px; text-align: center; } .design_3 #blog_slider .tt-blog-content .article__title{ font-size: 18px; } @media (min-width: 992px) { .design_3 #blog_slider .ttblog_image_holder.blog_image_holder { width: 50%; padding: 0 10px; } .design_3 #blog_slider .tt-blog-content .blog-content-wrap { width: 50%; padding: 0 10px; } } .design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt { margin: 0 0 20px; font-style: italic; } .design_3 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more { padding: 0 0 0 30px; } @media (max-width: 1299px) { .design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt{ margin: 0 0 14px; } .design_3 #blog_slider .article__date{ margin: 0 0 14px; } } @media (max-width: 1199px) { .design_3 #blog_slider .article__date{ margin: 0 0 8px; padding: 6px 4px; } .design_3 #blog_slider .tt-blog-content .article__title { font-size: 16px; margin: 0 0 5px; } .design_3 #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt{ margin: 0 0 8px; font-size: 12px; line-height: 20px; } .design_3 #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more { padding: 0 0 0 24px; font-size: 12px; } .design_3 #blog_slider .article__date span{ font-size: 11px; line-height: 14px; } } @media (max-width: 991px) { .design_3 #blog_slider .tt-blog-content .blog-content-wrap{ padding: 15px 15px 0 15px; } } /*----------------gallery---------------------*/ .template-index .main-content .shopify-section.cms-gallery { margin: 0 0 50px; } .template-index .main-content .shopify-section.cms-gallery .row { margin-right: -5px; margin-left: -5px; } .gallery { float: left; width: 100%; text-align: center; } .gallery .image-content .gallery-img { float: left; width: 100%; padding: 0 5px; } .gallery .image-content .gallery-img img{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .gallery .image-content .gallery-img > a::before { background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; height: 100%; width: 100%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .gallery .image-content .gallery-img:hover > a::before { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .gallery .image-content .gallery-img span.bloglinks { bottom: 0; height: 42px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 44px; z-index: 1; } .gallery .image-content .gallery-img span.bloglinks a { border: 2px solid #fff; float: left; width: 40px; padding: 9px 10px; height: 40px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .gallery .image-content .gallery-img a { float: none; width: auto; overflow: hidden; position: relative; display: inline-block; vertical-align: top; } .gallery .image-content .gallery-img span.bloglinks a i { float: left; font-size: 18px; line-height: 20px; font-weight: normal; color: #fff; } .gallery .image-content .gallery-img span.bloglinks a:hover { background: var(--color-btn-primary); color: var(--color-btn-secondary-text); border-color: var(--color-btn-primary); } .gallery .image-content .gallery-img:hover span.bloglinks a { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } #cmsgallery .image-content { margin: 15px 0 0; text-align: center; padding: 0 10px; } #cmsgallery .image-content .owl-stage { display: flex; align-items: center; } #cmsgallery > i{ float: left; width: 100%; text-align: center; font-size: 35px; line-height: 35px; margin: 0 0 5px; } #cmsgallery .tt-title { float: none; width: auto; position: relative; display: inline-block; vertical-align: top; } #cmsgallery .tt-title::before { position: absolute; content: "\f327"; font-family: 'Material Design Icons'; top: -16px; bottom: 0; left: auto; right: -25px; font-size: 20px; margin-left: 10px; color: #777; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #cmsgallery .tt-title:hover::before{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } @media (max-width: 1199px) { #cmsgallery .image-content { margin: 5px 0 0; } } @media (max-width: 991px) { .template-index .main-content .shopify-section.cms-gallery{ margin: 0 0 20px; } .gallery .image-content .gallery-img span.bloglinks a { transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .gallery .image-content .gallery-img > a::before { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; } #cmsgallery > i{ font-size: 32px; line-height: 32px; } #cmsgallery .tt-title::before{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } } @media (max-width: 767px) { .template-index .main-content .shopify-section.cms-gallery { margin: 0; } } @media (max-width: 380px) { #cmsgallery > i { font-size: 30px; line-height: 30px; } } /*========================== testimonial CSS =====================*/ .grid__item.testimonials_wrap { float: left; width: 100%; text-align: center; } .tt-testimonial-wrap{ position: relative; overflow: hidden; } .tt-testimonial-wrap .parallex { padding: 110px 0; position: relative; background-size: cover; background-attachment: fixed; } .testimonials_wrap .grid__item.small-grid__item { float: left; width: 100%; } .testimonials_wrap .testimonial-block .testimonial-detail { float: none; width: auto; display: inline-block; vertical-align: top; background: rgba(255,255,255,0.9); padding: 75px 15px 52px 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1); -moz-box-shadow:0 0 10px rgba(0, 0 ,0 , 0.1); -ms-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1); -o-box-shadow: 0 0 10px rgba(0, 0 ,0 , 0.1); } .testimonials_wrap .testimonial-block .testimonial-detail .grid__item { float: left; width: 100%; } .testimonials_wrap .grid__item.small-grid__item .testimonial-block { margin: 0 0 20px; } .testimonials_wrap .testimonial-block .testimonial-image::before { position: absolute; content: '\f27e'; font-family: 'Material Design Icons'; top: auto; bottom: 0; left: auto; right: -15px; margin: auto; font-size: 26px; height: 55px; width: 55px; line-height: 45px; color: #fff; background: var(--color-btn-primary); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border: 5px solid #f6f3ec; } .testimonials_wrap .testimonial-block .testimonial-desc{ font:italic 400 14px/26px var(--font-stack-body); margin: 0 0 25px; float: none; display: inline-block; vertical-align: top; width: 90%; } .testimonials_wrap .testimonial-block .authorimg.testimonial-image { float: none; width: auto; display: inline-block; vertical-align: top; margin: 0 0 -40px; z-index: 1; position: relative; } .testimonials_wrap .testimonial-block .authorimg.testimonial-image img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border: 5px solid #f6f3ec; } .testimonials_wrap .testimonial-block .testimonial-user-title{ float: none; width: auto; display: inline-block; vertical-align: top; font: 700 18px/20px var(--font-stack-header); } .testimonials_wrap .testimonial-block .testimonial-user-desc { float: none; width: auto; display: inline-block; vertical-align: top; font:400 12px/20px var(--font-stack-body); } .owl-dots { float: left; width: 100%; text-align: center; } .owl-dot { height: 8px; width: 8px; background: #d7d7d7; border-radius: 50%; margin: 0 5px; display: inline-block; vertical-align: middle; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .owl-dot.active{ height: 8px; width: 26px; background: var(--color-btn-secondary); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .owl-dot:hover, .owl-dot:focus, .owl-dot:active{ background: var(--color-btn-secondary); } .tt-testimonial-wrap.bg_img1::after { top: -10px; right: 50px; } .tt-testimonial-wrap.bg_img1::before { bottom: -70px; right: 30%; } .tt-testimonial-wrap .parallex.bg_img2::before{ top: -10%; left: 25%; } @media(max-width: 1499px){ .testimonials_wrap .testimonial-block .testimonial-desc{ font-size: 13px; line-height: 26px; margin: 0 0 20px; } } @media(max-width: 1399px){ .testimonials_wrap .testimonial-block .testimonial-detail{ padding: 45px 15px 50px; } .testimonials_wrap .testimonial-block .testimonial-desc{ font-size: 12px; line-height: 24px; } } @media(max-width: 1299px){ .tt-testimonial-wrap.bg_img1::before{ width: 140px; height: 174px; } .tt-testimonial-wrap .parallex.bg_img2::before{ width: 160px; height: 129px; } .tt-testimonial-wrap.bg_img1::after{ width: 90px; height: 116px; } .tt-testimonial-wrap .parallex { padding: 80px 0; } .testimonials_wrap .testimonial-block .testimonial-desc { font-size: 11px; margin: 0 0 15px; } .testimonials_wrap .testimonial-block .testimonial-detail { padding: 60px 15px 45px; } .testimonials_wrap .testimonial-block .testimonial-user-title{ font-size: 16px; line-height: 18px; } .testimonials_wrap .testimonial-block .testimonial-user-desc{ font-size: 11px; line-height: 18px; } } @media(max-width: 1199px){ .tt-testimonial-wrap.bg_img1::before{ bottom: -80px; } .tt-testimonial-wrap .parallex.bg_img2::before{ top: -15%; } .tt-testimonial-wrap.bg_img1::after{ top: -20px; } .tt-testimonial-wrap .parallex { padding: 60px 0; } .tt-testimonial-wrap .parallex.bg_img2::before { width: 140px; height: 120px; } .tt-testimonial-wrap.bg_img1::before { height: 154px; } } @media(max-width: 991px){ .tt-testimonial-wrap .parallex { padding: 40px 0; } .testimonials_wrap .testimonial-block .testimonial-desc{ width: 100%; } .testimonials_wrap .testimonial-block .testimonial-detail { padding: 55px 15px 25px; } .testimonials_wrap .testimonial-block .testimonial-user-title { font-size: 14px; line-height: 16px; } } @media(max-width: 767px){ .testimonials_wrap .testimonial-block { width: 100%; } .tt-testimonial-wrap .parallex { padding: 30px 0; } } @media(max-width: 543px){ .tt-testimonial-wrap.bg_img1::after{ right: 20px; } .tt-testimonial-wrap .parallex.bg_img2::before{ left: 15%; } .tt-testimonial-wrap.bg_img1::before{ right: 20%; } .tt-testimonial-wrap .parallex{ background-size: 120%; } } @media(max-width: 480px){ .tt-testimonial-wrap .parallex.bg_img2::before { left: 4%; width: 120px; height: 100px; } .tt-testimonial-wrap.bg_img1::before { height: 144px; width: 110px; } .tt-testimonial-wrap.bg_img1::after { width: 70px; height: 96px; right: 10px; } .testimonials_wrap .testimonial-block .testimonial-detail { padding: 58px 15px 25px; } } /*---------------- cmstab banner css ------------------*/ .template-index .main-content .shopify-section.cmstabbanner { margin: 0; } @media(min-width: 1300px){ .cmstabbanner .container{ max-width: 1250px; } } .cmstabbanner { float: left; width: 100%; position: relative; z-index: 1; overflow: hidden; } .cmstabbanner .tababnnerblock { float: left; width: 100%; padding: 80px 30px; } .block_image.nav.nav-tabs { margin: 0; } .cmstabbanner .tababnnerblock .block_image .tabicon { display: flex; align-items: center; justify-content: center; width: 150px; height: 160px; margin: 0 0 30px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; cursor: pointer; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10); -webkit-box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10); -moz-box-shadow:0 0 20px rgba(0, 0 ,0 , 0.10); -ms-box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10); -o-box-shadow: 0 0 20px rgba(0, 0 ,0 , 0.10); } .cmstabbanner .tababnnerblock .block_image:last-child .tabicon{ margin: 0; } .cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon{ height: 65px; width: 65px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .cmstabbanner .tababnnerblock .block_image { float: left; width: auto; display: block !important; } .cmstabbanner .block_image .tabicon:hover .banner-icon{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .cmstabbanner .tababnnerblock .tababnnerblock{ float: left; text-align: right; position: relative; } .cmstabbanner .tababnnerblock .left_bannerblock a { display: block; overflow: hidden; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; float: none; display: inline-block; vertical-align: top; } .cmstabbanner .tababnnerblock .right_bannerblock { display: flex; align-items: center; } .cmstabbanner .tababnnerblock .right_bannerblock .block_content { margin-left: 30px; } .cmstabbanner .tababnnerblock .right_bannerblock .subtitle{ font: 400 24px/26px var(--font-stack-subheading); margin: 0 0 15px; float: left; width: 100%; } .cmstabbanner .tababnnerblock .right_bannerblock .title{ font: 700 40px/44px var(--font-stack-header); margin: 0 0 15px; float: left; width: 100%; } .cmstabbanner .tababnnerblock .right_bannerblock .description{ font: 400 14px/22px var(--font-stack-body); margin: 0 0 25px; float: left; width: 100%; } .cmstabbanner .tababnnerblock .right_bannerblock .banner-button .btn{ padding: 14px 24px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block { float: left; width: 100%; margin: 0 0 40px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter { float: none; display: inline-block; vertical-align: top; width: auto; padding-right: 25px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number { font: 400 46px/48px var(--font-stack-subheading); float: left; width: 100%; margin: 0 0 10px; position: relative; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number::after { position: absolute; content: '+'; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle { font: 600 14px/16px var(--font-stack-header); float: left; width: 100%; } .cmstabbanner.bg_img2::before { top: -20px; left: 30px; } .cmstabbanner .tababnnerblock.bg_img1::before { right: 20%; bottom: -70px; } .cmstabbanner .tababnnerblock.bg_img1::after{ top: -20px; right: 5%; z-index: -1; } @media(max-width: 1399px){ .cmstabbanner .tababnnerblock .right_bannerblock .subtitle{ font-size: 20px; line-height: 22px; } .cmstabbanner .tababnnerblock .right_bannerblock .title{ font-size: 36px; line-height: 40px; } .cmstabbanner .tababnnerblock .right_bannerblock .description{ font-size: 13px; line-height: 20px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block{ margin: 0 0 30px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter{ padding-right: 20px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number{ font-size: 42px; line-height: 44px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle{ font-size: 13px; } } @media(max-width: 1299px){ .cmstabbanner .tababnnerblock .block_image .tabicon{ width: 140px; height: 150px; } .cmstabbanner .tababnnerblock{ padding: 60px 30px; } } @media(max-width: 1199px){ .cmstabbanner .tababnnerblock .block_image .tabicon{ width: 120px; height: 130px; margin: 0 0 20px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter{ padding-right: 0; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number { font-size: 36px; line-height: 42px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle { font-size: 12px; } .cmstabbanner .tababnnerblock .right_bannerblock .title { font-size: 30px; line-height: 38px; } .cmstabbanner .tababnnerblock .right_bannerblock .description { font-size: 12px; margin: 0 0 15px; } .cmstabbanner .tababnnerblock .right_bannerblock .block_content { margin-left: 25px; padding: 0; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block { margin: 0 0 20px; } .cmstabbanner .tababnnerblock .right_bannerblock .banner-button .btn { padding: 10px 18px; font-size: 12px; line-height: 14px; } .cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon{ height: 55px; width: 55px; -webkit-mask-size: 55px; } .cmstabbanner.bg_img2::before { top: -20px; left: 10px; width: 150px; height: 120px; } .cmstabbanner .tababnnerblock.bg_img1::before{ width: 140px; height: 174px; } .cmstabbanner .tababnnerblock.bg_img1::after{ width: 80px; height: 90px; } .cmstabbanner .tababnnerblock{ padding: 50px 30px; } .cmstabbanner .tababnnerblock .right_bannerblock .subtitle { font-size: 18px; line-height: 20px; } .cmstabbanner .tababnnerblock .block_image{ display: inline-block; } } @media(max-width: 991px){ .cmstabbanner .tababnnerblock .right_bannerblock .subtitle { font-size: 16px; line-height: 18px; } .cmstabbanner .tababnnerblock .right_bannerblock .title { font-size: 26px; line-height: 32px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number { font-size: 30px; line-height: 32px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle { font-size: 11px; } .cmstabbanner .tababnnerblock .block_image .tabicon { width: 90px; height: 100px; } .cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon { height: 45px; width: 45px; -webkit-mask-size: 45px; } .cmstabbanner .tababnnerblock { padding: 50px 0px; } .cmstabbanner .tababnnerblock .left_bannerblock::after{ left: -8px; background-size: cover; height: 75px; width: 75px; } } @media(max-width: 767px){ .cmstabbanner .tababnnerblock .left_bannerblock { float: none; width: auto; display: inline-block; vertical-align: top; margin: 0 0 20px; } .cmstabbanner .tababnnerblock{ text-align: center; } .cmstabbanner .tababnnerblock .right_bannerblock .block_content{ text-align: left; } .cmstabbanner .tababnnerblock .block_image{ overflow: visible; } } @media(max-width: 480px){ .cmstabbanner .tababnnerblock .right_bannerblock .title { font-size: 22px; line-height: 28px; } .cmstabbanner::after, .cmstabbanner .tababnnerblock .left_bannerblock::after{ display: none; } .cmstabbanner .tababnnerblock.bg_img1::before { width: 110px; height: 134px; right: 10%; } .cmstabbanner .tababnnerblock.bg_img1::after { top: -20px; right: 3%; width: 50px; height: 55px; } .cmstabbanner.bg_img2::before { top: -30px; left: 10px; width: 80px; height: 70px; } } @media(max-width: 400px){ .cmstabbanner .tababnnerblock .block_image .tabicon { width: 60px; height: 70px; margin: 0 0 15px; } .cmstabbanner .tababnnerblock .block_image .tabicon .banner-icon { height: 35px; width: 35px; -webkit-mask-size: 35px; } .cmstabbanner .tababnnerblock .right_bannerblock .block_content { margin-left: 10px; } .cmstabbanner .tababnnerblock .right_bannerblock .subtitle { font-size: 12px; line-height: 14px; margin: 0 0 10px; } .cmstabbanner .tababnnerblock .right_bannerblock .title { font-size: 14px; line-height: 22px; margin: 0 0 5px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-number { font-size: 12px; line-height: 14px; margin: 0 0 5px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block { margin: 0 0 12px; } .cmstabbanner .tababnnerblock .right_bannerblock .banner-button .btn { padding: 8px 14px; font-size: 11px; } .cmstabbanner .tababnnerblock .right_bannerblock .block_content { margin-left: 8px; } .cmstabbanner .tababnnerblock .right_bannerblock .counter_block .counter .counter-subtitle { font-size: 10px; } .cmstabbanner .tababnnerblock .right_bannerblock .description { font-size: 10px; margin: 0 0 10px; } } /*----------------------- special product-----------------*/ .template-index .main-content .main-product { float: left; width: 100%; z-index: 1; position: relative; } .special-collection .owl-nav{ top:-60px; right:-10px; } .special-collection .ttqtyprogress { margin: 0 0 20px; } .special-collection .product-layouts .product-wrapper .product-size{ margin: 0 0 8px; } .special-collection .product-qty { float: none; width: auto; display: inline-block; vertical-align: top; margin: 0 5px 0 0; } .special-collection .product-price__sale-label{ left:auto; right:0; } .special-collection .product-wrapper .discount-percentage { position: absolute; top: 10px; left: 10px; right: auto; bottom: auto; font-size: 13px; color: #fff; background: #f04706; height: 40px; display: flex; align-items: center; justify-content: center; width: 40px; opacity: 1; border-radius: 50%; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; visibility: visible; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .special-collection .grid-view-item__meta .discount-percentage{ display:none; } .special-collection .product-image .owl-dots { position: absolute; top: auto; left: 0; bottom: 0; margin: auto; } .special-collection .slider-specialproduct.owl-carousel.owl-drag .owl-item{ border-right:1px solid var(--color-border); } .special-collection .product-image.owl-carousel.owl-drag .owl-item{ border-right:none; } .special-collection .product-wrapper{ margin:0; } .special-collection .qty-box-set .quantity,.special-collection .qty-box-set .quantity1{ width: 90px; } .special-collection .progress{ background: #f5f5f5 none repeat scroll 0 0; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; height: 10px; margin: 2px 0 0; box-shadow:none; } .special-collection .progress-bar { background-color: #4fac43; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; height: 10px; width: 0; } .special-collection .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left:0; } .special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-thumb { width: 44%; overflow: visible; } .special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-description { width: 55%; text-align:left; padding: 25px 15px 50px; } .special-collection .grid-view-item .tooltip-label{ display:block; } .slider-specialproduct-wrap{ float: left; width: 100%; background: var(--color-section); border: 2px solid #f55d2c; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .slider-specialproduct-wrap .product-layouts{ border: none; } .slider-specialproduct-wrap .product-price__price, .slider-specialproduct-wrap .product-price__price .money,.slider-specialproduct-wrap .price,.slider-specialproduct-wrap price .money{ font-size: 18px; } .slider-specialproduct-wrap .product-wrapper .add_tocart.pro_btn a.add-cart-btn svg{ margin:0 5px 0 0; } .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-wishlist, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .quick-view-wrap, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-compare { transform: translate(-40px); -webkit-transform: translate(-40px); -moz-transform: translate(-40px); -o-transform: translate(-40px); -ms-transform: translate(-40px); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; margin: 0; } .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper:hover .product-description .btn_wrapper .add-to-wishlist, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper:hover .product-description .btn_wrapper .quick-view-wrap, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper:hover .product-description .btn_wrapper .add-to-compare { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; transform: translate(0px); -webkit-transform: translate(0px); -moz-transform: translate(0px); -o-transform: translate(0px); -ms-transform: translate(0px); margin:0 5px 0 0; } .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-compare { transform: translate(-70px); -webkit-transform: translate(-70px); -moz-transform: translate(-70px); -o-transform: translate(-70px); -ms-transform: translate(-70px); } .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .quick-view-wrap { transform: translate(-100px); -webkit-transform: translate(-100px); -moz-transform: translate(-100px); -o-transform: translate(-100px); -ms-transform: translate(-100px); } .special-product-div .product-layouts.grid-view-item .product-wrapper .grid-view-item__vendor { font-size: 12px; line-height: 14px; margin: 0 0 10px; } .special-product-div .product-layouts.grid-view-item .product-description a.grid-link__title{ font-size: 16px; line-height :18px; } .special-product-div span.quantity { color: #4fac43; } .special-product-div .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{ margin: 0 0 12px; } .slider-specialproduct .product-wrapper .add_tocart.pro_btn a.btn{ width: auto; padding: 11px 30px; display: flex; justify-content: center; } .special-product-div .main-btn { float: left; width: 100%; margin:0 0 15px; } .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .btn_wrapper, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .add_tocart, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .btn_wrapper .pro_btn{ float: none; width: auto; display: inline-block; vertical-align: top; } .slider-specialproduct .product-wrapper .flip-countdown.simple-countdown { position: static; width:auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; background:var(--color-btn-primary) ; padding: 0 15px 0 15px; margin: 0 0 20px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{ width: auto; float: none; display: inline-block; vertical-align: top; position: relative; background:none; box-shadow: none; } .slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block span, .slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block span::after, .slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ color: var(--color-btn-secondary-text); } .slider-specialproduct .product-wrapper .flip-countdown.simple-countdown .count-title { float: none; display: inline-block; vertical-align: top; width: auto; font: 500 15px/40px var(--font-stack-header); color: var(--color-btn-secondary-text); } @media(max-width:1399px){ .special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-description{ padding: 25px 15px 25px; } } @media(max-width:1299px){ .special-collection .product-image .owl-dots { bottom: -30px; } } @media only screen and (max-width: 1199px) { .special-collection .product-image .owl-dots{ bottom:30px; } .special-collection .owl-nav { top: -50px; } } @media only screen and (max-width: 991px) { .special-collection .product-wrapper .btn_wrapper .pro_btn a.btn svg{ width: 12px; height: 34px; line-height: 34px; } .special-collection .product-image .owl-dots{ bottom:0; } .special-collection .product-wrapper .btn_wrapper .pro_btn a { width: 34px; height: 34px; } .special-collection .qty-box-set .quantity, .special-collection .qty-box-set .quantity1 { width: 90px; line-height: 34px; } .slider-specialproduct .product-wrapper .add_tocart.pro_btn a.btn{ padding: 10px 20px; } .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-wishlist, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .quick-view-wrap, .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .add-to-compare{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; transform: translate(0px); -webkit-transform: translate(0px); -moz-transform: translate(0px); -o-transform: translate(0px); -ms-transform: translate(0px); margin:0 5px 0 0; } } @media only screen and (max-width: 767px) { .special-collection .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: -10px; } .slider-specialproduct .product-wrapper .flip-countdown.simple-countdown{ margin:0 0 15px; } } @media(max-width:575px){ .special-collection .product-image .owl-dots { bottom: -30px; } .special-collection .qty-box-set .quantity, .special-collection .qty-box-set .quantity1 {; height: 34px; line-height: 34px; } .slider-specialproduct .product-wrapper .add_tocart.pro_btn a.btn { padding: 8px 17px; } } @media(max-width:540px){ .special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-description { width: 100%; padding: 15px 10px 15px; } .special-collection .collection-product .slider-specialproduct-wrap .special-product-content .special-product-div .product-wrapper .product-description .btn_wrapper { width: 100%; } .special-collection .collection-product .slider-specialproduct-wrap .tab-pane .product-wrapper .product-thumb { width: 100%; padding: 15px 0; } } @media only screen and (max-width: 480px) { .special-collection .flip-countdown.simple-countdown .countdown-container.countdown-block{ display:inline-block !important; } .special-collection .product-description .h4,.special-collection .product-wrapper .spr-badges.grid-item-meta{ margin:0 0 10px; } .special-collection .product-image .owl-dots { bottom: 0; } } /*---------------- Bestseller Product ------------------*/ .template-index .main-content .main-product { float: left; width: 100%; z-index: 1; position: relative; } .bestseller-product .product-wrapper .btn_wrapper .pro_btn a{ margin:0 5px 0 0; } .bestseller-product .tt-title,.feature-product .tt-title,.tt-product .tt-title{ font-size: 22px; line-height: 24px; } .newproduct,.feature,.bestseller{ padding:0; } .bestseller-product .section-header,.feature-product .section-header,.tt-product .section-header{ margin:0 0 15px; } .bestseller-product .owl-nav,.feature-product .owl-nav,.tt-product .owl-nav{ top:-48px; } @media(min-width:1200px){ .bestseller .product-li .product-layouts:last-child .product-wrapper.product_container,.feature .product-li .product-layouts:last-child .product-wrapper.product_container,.newproduct .product-li .product-layouts:last-child .product-wrapper.product_container { margin: 0; } } .bestseller-product .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{ bottom: -25px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .bestseller-product .product-wrapper:hover .product-description .btn_wrapper{ transform:translateY(0); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .bestseller-product .product-wrapper .product-description .btn_wrapper{ position: absolute; opacity: 0; top: auto; left: 20px; right: auto; bottom: 0; margin: auto; transform: translateY(20px); text-align: left;transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media(min-width: 992px){ .bestseller-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label{ display: inline-block; } } .bestseller-product .slider-bestsellerproduct-wrap{ float: left; width: 100%; padding: 80px 0; } .bestseller-product .slider-bestsellerproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb{ float: left; width: 40% } .bestseller-product .slider-bestsellerproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{ float: right; width: 60%; text-align: left; padding: 10px 0 15px 15px; } .bestseller-product .qty-box-set .quantity,.bestseller-product .qty-box-set .quantity1{ width:94px; } .bestseller-product .product-wrapper{ padding: 8px; border: 2px solid var(--color-border); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .bestseller-product .product-wrapper .product-description .h4{ margin: 0 0 8px; } .bestseller-product .product-wrapper .product-description .cart-qty{ margin: 0 0 12px; } .bestseller-product .product-wrapper .product-description .cart-qty .product-qty, .bestseller-product .product-wrapper .product-description .cart-qty .add_tocart{ float: none; display: inline-block; vertical-align: top; width: auto; } .bestseller-product .product-wrapper .product-description .cart-qty .product-qty{ margin: 0 5px 3px 0; } .bestseller-product .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{ border: none; } /* .bestseller-product .product-wrapper .flip-countdown { width: auto; position: relative; } */ /* .bestseller-product .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{ position: static; } */ /* .bestseller-product .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 0; } */ .bestseller-product .product-wrapper:hover .custom_label{ right: auto; } .bestseller-product .product-wrapper .custom_label{ top: 10px; } .bestseller-product .product-price__sale-label{ left: auto; right: 10px; } .bestseller-product .product-wrapper .add_tocart.pro_btn a.btn{ padding: 10px 23px; } .bestseller-product .product-wrapper .product-description .btn_wrapper { float: left; width: auto; display: flex; align-items: center; margin: 0 0 15px; } @media(max-width:1399px){ .bestseller-product .product-wrapper .product-description .h4 { margin: 0 0 2px; } .bestseller-product .product-wrapper .spr-badges.grid-item-meta{ margin:0 0 4px; } .bestseller-product .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{ margin:0 0 8px; } .bestseller-product .product-wrapper .product-description .cart-qty { margin: 0 0 10px; } .bestseller-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label,.bestseller-product .product-layouts .product-wrapper .color-size { display: none; } .bestseller-product .product-wrapper .add_tocart.pro_btn a.btn { padding: 11px 12px; line-height: 14px; } } @media(max-width:1199px){ .shopify-section.bestseller { width:100%; } } @media(max-width: 991px){ .bestseller-product .product-wrapper .product-description .btn_wrapper{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); position: static; } .bestseller-product .product-wrapper .btn_wrapper .pro_btn a{ height: 35px; width: 35px; margin: 0 5px 0 0; } .bestseller-product .product-wrapper .btn_wrapper .pro_btn a.btn svg { width: 14px; height: 35px; line-height: 35px; } .flip-countdown.simple-countdown .countdown-container.countdown-block,.flip-countdown.simple-countdown .countdown-container.countdown-block::after{ height:35px; } .flip-countdown.simple-countdown .countdown-container.countdown-block spna{ height:30px; } .bestseller-product .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 15px; width: 15px; line-height: 15px; } .bestseller-product .product-wrapper .add_tocart.pro_btn a.btn { padding: 8px 9px; } .bestseller-product .product-wrapper .flip-countdown{ margin:0 0 10px; } .bestseller-product .slider-bestsellerproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{ padding: 5px 0 5px 10px; } .bestseller-product .product-wrapper .qty-box-set .quantity,.bestseller-product .product-wrapper .qty-box-set .quantity1, .bestseller-product .product-wrapper .qty-box-set .qtyminus,.bestseller-product .product-wrapper .qty-box-set .qtyplus, .bestseller-product .product-wrapper .qty-box-set .qtyminus1,.bestseller-product .product-wrapper .qty-box-set .qtyplus1{ height: 34px; line-height: 34px; } .bestseller-product .product-wrapper .product-description .btn_wrapper{ margin:0; } .bestseller-product .product-wrapper .product-description .btn_wrapper{ width:100%; } .bestseller-product .qty-box-set .quantity, .bestseller-product .qty-box-set .quantity1 { width: 80px; } } @media(max-width:480px){ .bestseller-product .tt-title, .feature-product .tt-title, .tt-product .tt-title { font-size: 20px; line-height: 22px; } } /*---------------- feature Product ------------------*/ .template-index .main-content .main-product { float: left; width: 100%; z-index: 1; position: relative; } .feature-product .product-wrapper .btn_wrapper .pro_btn a{ margin:0 5px 0 0; } .feature-product .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{ bottom: -25px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .feature-product .product-wrapper:hover .product-description .btn_wrapper{ transform:translateY(0); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .feature-product .product-wrapper .product-description .btn_wrapper{ position: absolute; opacity: 0; top: auto; left: 20px; right: auto; bottom: 0; margin: auto; transform: translateY(20px); text-align: left;transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media(min-width: 992px){ .feature-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label{ display: inline-block; } } .feature-product .slider-featureproduct-wrap{ float: left; width: 100%; padding: 80px 0; } .feature-product .slider-featureproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb{ float: left; width: 40% } .feature-product .slider-featureproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{ float: right; width: 60%; text-align: left; padding: 10px 0 15px 15px; } .feature-product .qty-box-set .quantity,.feature-product .qty-box-set .quantity1{ width:94px; } .feature-product .product-wrapper{ padding: 8px; border: 2px solid var(--color-border); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .feature-product .product-wrapper .product-description .h4{ margin: 0 0 8px; } .feature-product .product-wrapper .product-description .cart-qty{ margin: 0 0 12px; } .feature-product .product-wrapper .product-description .cart-qty .product-qty, .feature-product .product-wrapper .product-description .cart-qty .add_tocart{ float: none; display: inline-block; vertical-align: top; width: auto; } .feature-product .product-wrapper .product-description .cart-qty .product-qty{ margin: 0 5px 3px 0; } .feature-product .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{ border: none; } /* .feature-product .product-wrapper .flip-countdown { width: auto; position: relative; } .feature-product .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{ position: static; } .feature-product .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 0; } */ .feature-product .product-wrapper:hover .custom_label{ right: auto; } .feature-product .product-wrapper .custom_label{ top: 10px; } .feature-product .product-price__sale-label{ left: auto; right: 10px; } .feature-product .product-wrapper .add_tocart.pro_btn a.btn{ padding: 10px 23px; } .feature-product .product-wrapper .product-description .btn_wrapper { float: left; width: auto; display: flex; align-items: center; margin: 0 0 15px; } @media(max-width:1399px){ .feature-product .product-wrapper .product-description .h4 { margin: 0 0 2px; } .feature-product .product-wrapper .spr-badges.grid-item-meta{ margin:0 0 4px; } .feature-product .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{ margin:0 0 8px; } .feature-product .product-wrapper .product-description .cart-qty { margin: 0 0 10px; } .feature-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label,.feature-product .product-layouts .product-wrapper .color-size { display: none; } .feature-product .product-wrapper .add_tocart.pro_btn a.btn { padding: 11px 12px; line-height: 14px; } } @media(max-width:1199px){ .shopify-section.feature { width:100%; } } @media(max-width: 991px){ .feature-product .product-wrapper .product-description .btn_wrapper{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); position: static; } .feature-product .product-wrapper .btn_wrapper .pro_btn a{ height: 35px; width: 35px; margin: 0 5px 0 0; } .feature-product .product-wrapper .btn_wrapper .pro_btn a.btn svg { width: 14px; height: 35px; line-height: 35px; } .flip-countdown.simple-countdown .countdown-container.countdown-block,.flip-countdown.simple-countdown .countdown-container.countdown-block::after{ height:35px; } .flip-countdown.simple-countdown .countdown-container.countdown-block spna{ height:30px; } .feature-product .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 15px; width: 15px; line-height: 15px; } .feature-product .product-wrapper .add_tocart.pro_btn a.btn { padding: 8px 9px; } .feature-product .product-wrapper .flip-countdown{ margin:0; } .feature-product .slider-featureproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{ padding: 5px 0 5px 10px; } .feature-product .product-wrapper .qty-box-set .quantity,.feature-product .product-wrapper .qty-box-set .quantity1, .feature-product .product-wrapper .qty-box-set .qtyminus,.feature-product .product-wrapper .qty-box-set .qtyplus, .feature-product .product-wrapper .qty-box-set .qtyminus1,.feature-product .product-wrapper .qty-box-set .qtyplus1{ height: 34px; line-height: 34px; } .feature-product .product-wrapper .product-description .btn_wrapper{ margin:0 0 10px; } .feature-product .product-wrapper .product-description .btn_wrapper{ width:100%; } .feature-product .qty-box-set .quantity, .feature-product .qty-box-set .quantity1 { width: 80px; } } @media(max-width:480px){ .product-maincnt .slider-bestsellerproduct.owl-carousel.owl-loaded,.product-maincnt .slider-featureproduct.owl-carousel.owl-loaded { margin:0 0 10px; } .product-price__price, .product-price__price .money, .price, price .money{ font-size:14px; line-height: 16px; } } /*---------------- new Product ------------------*/ .template-index .main-content .main-product { float: left; width: 100%; z-index: 1; position: relative; } .newproduct .tt-product .product-wrapper .btn_wrapper .pro_btn a{ margin:0 5px 0 0; } .newproduct .tt-product .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{ bottom: -25px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .newproduct .tt-product .product-wrapper:hover .product-description .btn_wrapper{ transform:translateY(0); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .newproduct .tt-product .product-wrapper .product-description .btn_wrapper{ position: absolute; opacity: 0; top: auto; left: 20px; right: auto; bottom: 0; margin: auto; transform: translateY(20px); text-align: left;transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media(min-width: 992px){ .newproduct .tt-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label{ display: inline-block; } } .newproduct .tt-product .slider-ttproduct-wrap{ float: left; width: 100%; padding: 80px 0; } .newproduct .tt-product .slider-ttproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb{ float: left; width: 40% } .newproduct .tt-product .slider-ttproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{ float: right; width: 60%; text-align: left; padding: 10px 0 15px 15px; } .newproduct .tt-product .qty-box-set .quantity,.tt-product .qty-box-set .quantity1{ width:94px; } .newproduct .tt-product .product-wrapper{ padding: 8px; border: 2px solid var(--color-border); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .newproduct .tt-product .product-wrapper .product-description .h4{ margin: 0 0 8px; } .newproduct .tt-product .product-wrapper .product-description .cart-qty{ margin: 0 0 12px; } .newproduct .tt-product .product-wrapper .product-description .cart-qty .product-qty, .newproduct .tt-product .product-wrapper .product-description .cart-qty .add_tocart{ float: none; display: inline-block; vertical-align: top; width: auto; } .newproduct .tt-product .product-wrapper .product-description .cart-qty .product-qty{ margin: 0 5px 3px 0; } .newproduct .tt-product .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{ border: none; } .newproduct .tt-product .product-wrapper .flip-countdown { width: auto; position: relative; } .newproduct .tt-product .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{ position: static; } .newproduct .tt-product .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 0; } .newproduct .tt-product .product-wrapper:hover .custom_label{ right: auto; } .newproduct .tt-product .product-wrapper .custom_label{ top: 10px; } .newproduct .tt-product .product-price__sale-label{ left: auto; right: 10px; } .newproduct .tt-product .product-wrapper .add_tocart.pro_btn a.btn{ float:left; width:100%; } .newproduct .tt-product .product-wrapper .product-description .btn_wrapper { float: left; width: auto; display: flex; align-items: center; margin: 0 0 15px; } @media(max-width:1399px){ .newproduct .tt-product .product-wrapper .product-description .h4 { margin: 0 0 2px; } .newproduct .tt-product .product-wrapper .spr-badges.grid-item-meta{ margin:0 0 4px; } .newproduct .tt-product .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{ margin:0 0 8px; } .newproduct .tt-product .product-wrapper .product-description .cart-qty { margin: 0 0 10px; } .newproduct .tt-product .product-wrapper .product-description .cart-qty .add_tocart .tooltip-label,.newproduct .tt-product .product-layouts .product-wrapper .color-size { display: none; } .newproduct .tt-product .product-wrapper .add_tocart.pro_btn a.btn { padding: 11px 12px; line-height: 14px;; } } @media(max-width:1199px){ .shopify-section.newproduct { width:100%; } .bestseller-product .owl-nav, .feature-product .owl-nav,.newproduct .tt-product .owl-nav{ top:-43px; } } @media(max-width: 991px){ .newproduct .tt-product .product-wrapper .product-description .btn_wrapper{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); position: static; } .newproduct .tt-product .product-wrapper .btn_wrapper .pro_btn a{ height: 35px; width: 35px; margin: 0 5px 0 0; } .newproduct .tt-product .product-wrapper .btn_wrapper .pro_btn a.btn svg { width: 14px; height: 35px; line-height: 35px; } .newproduct .tt-product .flip-countdown.simple-countdown .countdown-container.countdown-block,.newproduct .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ height:35px; } .newproduct .tt-product .flip-countdown.simple-countdown .countdown-container.countdown-block spna{ height:30px; } .newproduct .tt-product .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 15px; width: 15px; line-height: 15px; } .newproduct .tt-product .product-wrapper .add_tocart.pro_btn a.btn { padding: 8px 9px; } .newproduct .tt-product .product-wrapper .flip-countdown{ margin:0 ; } .newproduct .tt-product .slider-ttproduct.tab-pane .product-layouts.grid-view-item .product-wrapper .product-description{ padding: 5px 0 5px 10px; } .newproduct .tt-product .product-wrapper .qty-box-set .quantity,.newproduct .tt-product .product-wrapper .qty-box-set .quantity1, .newproduct .tt-product .product-wrapper .qty-box-set .qtyminus,.newproduct .tt-product .product-wrapper .qty-box-set .qtyplus, .newproduct .tt-product .product-wrapper .qty-box-set .qtyminus1,.newproduct .tt-product .product-wrapper .qty-box-set .qtyplus1{ height: 34px; line-height: 34px; } .newproduct .tt-product .product-wrapper .product-description .btn_wrapper{ margin:0 0 10px; } .newproduct .tt-product .product-wrapper .product-description .btn_wrapper{ width:100%; } .newproduct .tt-product .qty-box-set .quantity, .tt-product .qty-box-set .quantity1 { width: 80px; } } /*--------------- product page default--------------------------*/ .product-images-fixed a.product-Video-btn.popup-video.tip-top { position: static; z-index: 1; left: 20px; } .product-images-fixed a.product-Video-btn.popup-video.tip-top > span { position: absolute; left: 20px; z-index: 1; top: 5px; } .product-single__price span.visually-hidden { display: none; } .product-single__variants .selector-wrapper select { padding: 10px 26px 10px 10px; } .product-single__variants .selector-wrapper label { font-size: 14px; font-weight: 600; color: var(--color-text); margin: 0 0 8px 0; } .product-single .product-information .pro_btn svg { width: 14px; height: 14px; fill:var(--color-body-text); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-single .product-information .pro_btn .btn:hover svg{ fill: var(--color-text-hover-field); } .product-information-inner .notify_btn i { float: none; display: inline-block; vertical-align: top; font-size: 20px; padding-right: 5px; } .product-information-inner .notify_btn span { font-weight: 500; } .product-information-inner .qty-box-set{ margin-right: 10px; } @media(max-width: 350px){ .product-information-inner .qty-box-set{ margin-bottom: 10px; } } .product-information .product-information-inner .product-single__variants .selector-wrapper { float: left; margin-right: 10px; width: 50%; } .product-information .product-information-inner .add-to-wishlist.pro_btn .show .loading, .product-information .product-information-inner .add-to-compare.pro_btn .show .loading { width: auto; float: left; } .product-information .product-information-inner .add-to-wishlist .add_to_wishlist:hover { background-color: #f5f5f5; } .product-information .product-information-inner .threesixty-video { float: left; width: 100%; margin: 0 0 15px; } .product-information .product-information-inner .threesixty-video .product-Video-btn.popup-video.tip-top { padding: 2px 15px; float: left; width: auto; position: static; } .product-information .product-single__desc { margin: 0; padding: 0; } .product-information .social-sharing { display: inline-block; width: auto; float: left; padding:10px 0; } .product-information .social-sharing a { padding: 0 8px 0 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-information .social-sharing a:hover{ color:var(--color-text-hover-field) } .product-information .social-sharing a i{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-information .social-sharing a:hover i{ transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); } .product-information .flip-countdown.simple-countdown .countdown-container span { width: 36px; } .product-single__addtocart label { font-size: 13px; font-weight: 600; margin: 0 0 5px; width: 100%; color: var(--color-text); } #AddToCart > span { font-weight: 500; } .product-single__thumbs .owl-pagination,.product-single .tab-pane,.tab-pane{ display:none; } .product-single .active.tab-pane,.tab-pane.active{ display: block; } .product-single__thumbs { padding: 0 50px; } .product-single__thumbs .grid-item { float: left; width: 100%; margin: 5px; } .product-single__thumbs .slick-list { padding: 0 !important; } .product-single__thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; bottom: auto; top: 41%; } .product-single.vertical_left .product-single__thumbs { padding: 50px 15px; } .owl-carousel.product-single__thumbs .owl-buttons div, .owl-carousel.product-single__thumbs .owl-buttons .owl-prev,.owl-carousel.product-single__thumbs .owl-buttons .owl-next{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-grid.related-products:hover .owl-nav { opacity: 1; visibility: visible; } .related-products-container { float: left; width: 100%; margin: 0 0 40px; } .product-fixed-wrapper { background: #ffffff none repeat scroll 0 0; float: left; padding: 15px; width: 100%; } .product-single__description.rte { float: left; width: 100%; margin:0; } .product-block { float: left; padding: 0; width: 100%; } .pro_img { margin-bottom: 20px; } .pro_img .product-image-btn { position: absolute; right: 20px; left: auto; bottom: 10px; top: auto; } .product-single__photos .product-image-btn { right: 5px; bottom: 5px; z-index: 2; } .product-single__photos a.product-lightbox-btn { display: none; width: 30px; height: 30px; float: left; color: #333; } .product-single__photos a.product-lightbox-btn:hover { color: #222; } .horizontal_bottom.design_2 .product-images-fixed .pro_img img { height:auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .fixed-product-block { display: table; } .fixed-product-block .product-actions { float: left; width: 100%; } .fixed-product-block .product-actions form { float: left; width: 100%; margin: 0 0 10px; } .fixed-product-block .product-actions form .product-single__variants { float: left; width: 100%; } .product-single__addtocart .js-qty { margin-bottom: 15px; max-width: none; width: 125px; display: inline-block; } .product-info .outstock { color:red; font-weight: 500; } .product-infor .out_of_stock { color:red; font-weight: 500; } .product-info .instock { color:#1cc373;font-weight: 500; } .product-infor .instock { color:#1cc373;font-weight: 500; } .product-infor .unavailable { color:orchid;font-weight: 500; } .product-info .items-count { color:#fa9324; } .product-single__price label { font-weight: 600; font-size: 14px; color: var(--color-text); display: inline-block; min-width: 145px; float:left; vertical-align: top; line-height: 28px; margin: 0; } .inv.instock .outstock { display: none; } .product-single .product-information .add-to-wishlist a, .product-single .product-information .add-to-compare a, .product-single .product-information a.print, .product-single .product-information a.sizechart span,.product-360-button i.mdi,.product-360-button span,.product-Video-btn.popup-video.tip-top i,.product-Video-btn.popup-video.tip-top{ vertical-align: middle; float: left; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-single .product-information .add-to-wishlist a:hover, .product-single .product-information .add-to-compare a:hover, .product-single .product-information a.print:hover, .product-single .product-information a.sizechart span:hover { color: var(--color-text-hover-field); } .product-single .product-information .add_to_wishlist a{ vertical-align: top; } ul.tabs { float: left; list-style: outside none none; margin: 0 0 -4px; position: relative; width: 100%; } ul.tabs > li { display: inline-block; margin-bottom: 0; } ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel { padding: 0 40px; margin: 20px 0; } ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel .owl-nav div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; bottom: auto; top: 41%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel .owl-nav div.disabled { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; } .product-photo-thumbs.owl-theme .owl-nav{ visibility: visible; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; position: static; } .product-photo-thumbs.owl-theme .owl-nav .owl-next{ right: 0; } .product-photo-thumbs.owl-theme .owl-nav .owl-prev{ left: 0; } .product-photo-thumbs li img, .product-single__thumbs li img { display: inline-block; object-fit: cover; padding :3px; border: 1px solid var(--color-border); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn, .product-single .product-information .pro_btn.add-to-wishlist .add-in-compare-js.btn, .product-single .product-information .pro_btn.add_to_wishlist .add-in-compare-js.btn, .product-single .product-information .pro_btn.add-to-compare .add-in-wishlist-js.btn, .product-single .product-information .pro_btn.add-to-wishlist .add-in-wishlist-js.btn, .product-single .product-information .pro_btn.add_to_wishlist .add-in-wishlist-js.btn, .product-single .product-information .pro_btn.add-to-compare .added-wishlist.btn.add_to_wishlist, .product-single .product-information .pro_btn.add-to-wishlist .added-wishlist.btn.add_to_wishlist, .product-single .product-information .pro_btn.add_to_wishlist .added-wishlist.btn.add_to_wishlist { background: none; color: var(--color-body-text); padding: 0; line-height:13px; } .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn:hover, .product-single .product-information .pro_btn.add-to-wishlist .add-in-compare-js.btn:hover, .product-single .product-information .pro_btn.add_to_wishlist .add-in-compare-js.btn:hover, .product-single .product-information .pro_btn.add-to-compare .add-in-wishlist-js.btn:hover, .product-single .product-information .pro_btn.add-to-wishlist .add-in-wishlist-js.btn:hover, .product-single .product-information .pro_btn.add_to_wishlist .add-in-wishlist-js.btn:hover, .product-single .product-information .pro_btn.add-to-compare .added-wishlist.btn.add_to_wishlist:hover, .product-single .product-information .pro_btn.add-to-wishlist .added-wishlist.btn.add_to_wishlist:hover, .product-single .product-information .pro_btn.add_to_wishlist .added-wishlist.btn.add_to_wishlist:hover { color: var(--color-text-hover-field); } .product-single .product-information .button-size { float: none; display: inline-block; vertical-align: top; width: auto; } .product-single .product-information .button-size legend.form__label { font-size: 13px; } .product-single .product-information .product-block .button-value label { line-height: 12px; margin: 0; } .product-single .product-information .button-value { float: none; display: inline-block; vertical-align: middle; width: auto; margin: 0 0 0 10px; } .product-single .product-information select { border: none; background-color: #faf7f2; padding: 10px; width: 216px; margin-right: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-single .product-information .selector-wrapper.js.product-form__item { float: none; display: inline-block; vertical-align: top; } .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn i.mdi.mdi-cached, .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn .compare-fill, .product-single .product-information .pro_btn .btn::after, .product-single .product-information .pro_btn .btn::before{ display: none; } .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.added .compare-icon, .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.added i.mdi.mdi-cached, .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading.added .compare-fill, .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading .compare-icon, .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading .compare-fill{ display: none; } .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.added .compare-fill, .product-single .product-information .pro_btn.add-to-compare .add-in-compare-js.btn.loading i.mdi.mdi-cached{ display: inline-block; font-size:13px; } .product-single__thumbs .owl-nav .owl-next::before, ul.product-photo-thumbs .owl-nav .owl-next::before { bottom: 0; content: "\f142"; float: right; font-family: "Material Design Icons"; font-size: 18px; font-weight: 500; height: 18px; left: 0; line-height: 18px; margin: auto; position: absolute; right: 2px; text-align: center; top: 0; width: 16px; } .product-single__thumbs .owl-nav .owl-prev, ul.product-photo-thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next, ul.product-photo-thumbs .owl-nav .owl-next { border: 1px solid var(--color-btn-secondary); color: var(--color-btn-secondary-text); font-size: 0; height: 30px; position: absolute; width: 30px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; top: 10px; bottom: 0; margin: auto; background: var(--color-btn-secondary); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-single__thumbs .owl-nav .owl-prev::before, ul.product-photo-thumbs .owl-nav .owl-prev::before { bottom: 0; content: "\f141"; float: right; font-family: "Material Design Icons"; font-size: 18px; font-weight: 500; height: 18px; left: 0; line-height: 18px; margin: auto; position: absolute; right: 2px; text-align: center; top: 0; width: 16px; } .review-wrap .spr-badge{ float:left; } #shopify-product-reviews .spr-summary-actions-newreview::before { content: "\f64f"; position: absolute; font-family:"Material Design Icons"; left: -16px; right: auto; top: 4px; bottom: auto; height: 15px; width: 15px; font-size: 14px; line-height:16px; } .product-single__description .spr-summary-actions-newreview{ position:relative; } .product-single__vendor lable { margin: 0 5px 0 0; } .product-information .product-single__price #comparePrice .money, .product-desc .product-single__price #comparePrice1 .money { font-size: 14px; font-weight: 400; line-height: 16px; font-family: var(--font-stack-header); } a.product-write-review { float: left; color: var(--color-text-field); cursor: pointer; border-left: 1px solid var(--color-border); margin-left: 8px; padding-left: 8px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } a.product-write-review:hover { color: var(--color-text-hover-field); } a.product-write-review > i { padding: 0 5px 0 0; line-height: 18px; } #shopify-product-reviews .spr-header-title { font-size: 16px; line-height: 18px; color: var(--color-text); text-align: left; } .product_all_images { float: left; width: 100%; } .product_all_images img { margin-bottom: 10px; } .product-single.vertical_left .product-single__thumbs{ float: left; width: 24%; padding: 35px 0; } .product-single.vertical_left .product-single__thumbs .grid-item img { margin: 0 auto; float: none; } .product-single.vertical_left .product-single__thumbs .slick-vertical .slick-prev.slick-arrow { top: 0; left: 0; right: 0; margin: auto; bottom: auto; text-align: center; } .product-single.vertical_left .product-single__thumbs .slick-vertical .slick-next.slick-arrow { bottom: 0; left: 0; right: 0; margin: auto; top: auto; } .product-single.vertical_left .product-single__photos { float: right; width: 76%; margin-bottom: 0; position: relative; } .product-single.vertical_right .product-single__thumbs .grid-item img { margin: 0 auto; float: none; } .product-single.vertical_right .product-single__thumbs .slick-vertical .slick-prev.slick-arrow { top: 0; left: 0; right: 0; margin: auto; bottom: auto; text-align: center; } .product-single.vertical_right .product-single__thumbs .slick-vertical .slick-next.slick-arrow { bottom: 0; left: 0; right: 0; margin: auto; top: auto; } .product-single.vertical_right .product-single__thumbs { float: right; width: 24%; padding: 35px 0; } .product-single.vertical_right .product-single__photos { float: left; width: 76%; position: relative; } .product-single .slick-prev.slick-arrow.slick-disabled:hover, .product-single .slick-next.slick-arrow.slick-disabled:hover{ border: 1px solid var(--color-border); } .product-single .slick-prev.slick-arrow, .product-single .slick-next.slick-arrow { border: 1px solid var(--color-border); font-size: 15px; color: var(--color-body-text); background: var(--color-body); top: 0; z-index: 1; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; top: 0; bottom: 0; margin: auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-single .slick-prev.slick-arrow:hover, .product-single .slick-next.slick-arrow:hover { border: 1px solid var(--color-btn-primary); font-size: 15px; color: var(--color-btn-primary-text); background: var(--color-btn-primary); } .product-single .product-single__thumbs.slick-vertical .slick-prev.slick-arrow, .product-single .product-single__thumbs.slick-vertical .slick-next.slick-arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); font-size: 15px; top: 0; bottom: auto; left: 0; right: 0; } .product-single .product-single__thumbs.slick-vertical .slick-next.slick-arrow { top: auto; bottom: 0; } .product-single__thumbs button.slick-prev.slick-arrow.slick-disabled,.product-single__thumbs button.slick-next.slick-arrow.slick-disabled{ opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; cursor: not-allowed; } .horizontal_bottom .product-wrapper-owlslider .product-single__photos, .horizontal_bottom .product-single__thumbs.horizontal_bottom { float: left; width: 100%; position: relative; } .product-single__addtocart .btn:hover::before{ background-position:-27px -35px; } img{ max-width:100%; height: auto; } .brand_slider .owl-nav,.full_gallery_slider .owl-nav,.ourteam_slider .owl-nav,.quick-view .owl-nav{ display: block; margin:0; } ul.ourteam_slider.owl-carousel { margin-bottom: 0; } .product-shop .product-item .selector-wrapper { float: left; width: 198px; margin-right: 10px; } .product-shop .grid--uniform.product-single__addtocart { float: left; width: 100%; margin: 15px 0 0; } .product-single__thumbs .owl-nav .owl-prev,.product-single__thumbs .owl-nav .owl-next, ul.product-photo-thumbs .owl-nav .owl-prev, ul.product-photo-thumbs .owl-nav > .owl-next{ color:var(--color-btn-secondary-text); background: var(--color-btn-primary); } .product-single__thumbs .owl-nav .owl-prev::before,.product-single__thumbs .owl-nav .owl-next::before,ul.product-photo-thumbs .owl-nav .owl-prev::before, ul.product-photo-thumbs .owl-nav > .owl-next::before,ul.product-photo-thumbs .owl-nav .owl-prev.disabled:hover::before, ul.product-photo-thumbs .owl-nav > .owl-next.disabled:hover::before,ul.product-photo-thumbs .owl-nav .owl-prev.disabled:focus::before, ul.product-photo-thumbs .owl-nav > .owl-next.disabled:focus::before, ul.product-photo-thumbs .owl-nav .owl-prev.disabled:active::before, ul.product-photo-thumbs .owl-nav > .owl-next.disabled:active::before{ color:var(--color-btn-primary-text); } ul.product-photo-thumbs .owl-nav .owl-prev:hover::before, ul.product-photo-thumbs .owl-nav > .owl-next:hover::before, ul.product-photo-thumbs .owl-nav .owl-prev:focus::before, ul.product-photo-thumbs .owl-nav > .owl-next:focus::before, ul.product-photo-thumbs .owl-nav .owl-prev:active::before, ul.product-photo-thumbs .owl-nav > .owl-next:active::before{ color: var(--color-btn-secondary-text); } .pagination-custom>li.active,.pagination-custom>li.active:hover,.product-single__thumbs .owl-nav .owl-prev:hover, .product-single__thumbs .owl-nav .owl-next:hover,.product-single__thumbs .owl-nav .owl-prev:focus, .product-single__thumbs .owl-nav .owl-next:focus, .product-single__thumbs .owl-nav .owl-prev:active, .product-single__thumbs .owl-nav .owl-next:active,ul.product-photo-thumbs .owl-nav .owl-prev:hover, ul.product-photo-thumbs .owl-nav > .owl-next:hover, ul.product-photo-thumbs .owl-nav .owl-prev:focus, ul.product-photo-thumbs .owl-nav > .owl-next:focus, ul.product-photo-thumbs .owl-nav .owl-prev:active, ul.product-photo-thumbs .owl-nav > .owl-next:active{ background: var(--color-product-secondary); border: 1px solid var(--color-product-secondary); color:var(--color-product-secondary-text); } .pagination-custom > li:hover,.pagination-custom > li:focus,.pagination-custom > li:active{ border: 1px solid #dadada; } ul.product-photo-thumbs .owl-nav>.owl-next,ul.product-photo-thumbs .owl-nav >.owl-prev,.product-photo-thumbs .owl-nav .owl-prev, .product-photo-thumbs .owl-nav .owl-next,.product-photo-thumbs .owl-nav .owl-prev.disabled:hover, .product-photo-thumbs .owl-nav .owl-prev.disabled:focus,.product-photo-thumbs .owl-nav .owl-prev.disabled:active,.product-photo-thumbs .owl-nav .owl-next.disabled:hover,.product-photo-thumbs .owl-nav .owl-next.disabled:focus,.product-photo-thumbs .owl-nav .owl-next.disabled:active{ background: var(--color-btn-primary) !important; color: var(--color-btn-primary-text); border-color: var(--color-btn-primary); } .product-photo-thumbs .owl-nav .owl-prev.disabled,.product-photo-thumbs .owl-nav .owl-next.disabled{ opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; } ul.product-photo-thumbs .owl-nav>.owl-next:hover,ul.product-photo-thumbs .owl-nav>.owl-prev:hover,.product-photo-thumbs .owl-nav .owl-prev:hover, .product-photo-thumbs .owl-nav .owl-next:hover,ul.product-photo-thumbs .owl-nav>.owl-next:focus,ul.product-photo-thumbs .owl-nav>.owl-prev:focus,.product-photo-thumbs .owl-nav .owl-prev:focus, .product-photo-thumbs .owl-nav .owl-next:focus, ul.product-photo-thumbs .owl-nav>.owl-next:active,ul.product-photo-thumbs .owl-nav>.owl-prev:active,.product-photo-thumbs .owl-nav .owl-prev:active, .product-photo-thumbs .owl-nav .owl-next:active { background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); border-color: var(--color-btn-secondary); } .product-single { margin-bottom: var(--gutter); position: relative; } .spr-review-reportreview:hover { color: #ff0000; } @media only screen and (max-width: 1199px) { .product-shop .product-item .selector-wrapper{ width:171px; } .quick-shop-modal-bg .product-single__addtocart .btn{ width:250px; } .related-products-container { margin: 20px 0; } .vertical_left.product-single__thumbnails .grid-item img { max-height: 115px; max-width: 80px; } .product-single.vertical_right .product-single__thumbs .grid-item img { max-height: 115px; max-width: 80px; } } @media only screen and (max-width: 991px) { .quick-shop-modal-bg .product-single__addtocart .btn{ width:250px; } .product-information .product-information-inner .product-single__variants .selector-wrapper { width: 100%; } .product-information .product-information-inner .threesixty-video .product-Video-btn.popup-video.tip-top { padding: 2px 5px; } .design_1 .pro_img { float: none; display: inline-block; vertical-align: top; width: auto; } .product-single.vertical_left .product-single__thumbs,.product-single.vertical_right .product-single__thumbs{ width: 21%; } .product-single.vertical_left .product-single__photos,.product-single.vertical_right .product-single__photos { width: 79%; } .vertical_left.design_4 .product-wrapper-owlslider { width: 100%; } .design_4 .product-information{ width:100%; margin:0 0 20px 0; } .product-single,.product-photo-thumbs.owl-theme .owl-nav .owl-prev::before,.product-photo-thumbs.owl-theme .owl-nav .owl-next::before{ padding: 0; } .product-single .product-information select{ width:180px; } hr{ margin: 15px 0px; } .product-information-inner .fixed-content > .quantity{ margin:0px; } } @media only screen and (max-width: 767px) { .related-products-container { margin: 15px 0; } .product-single.vertical_left.design_1 .product-Video-btn.popup-video.tip-top{ right: 50px; width: auto; } .product-single.vertical_right.design_1 .product-Video-btn.popup-video.tip-top{ width: auto; bottom: 20px; } .design_1 #productPhoto.image-zoom { float: none; display: inline-block; vertical-align: top; width: 80%; } .tt-brand_slider .owl-nav{ display:block; } .horizontal_bottom .product-wrapper-owlslider .product-single__photos, .horizontal_bottom .product-single__thumbs.horizontal_bottom { float: none; width: 80%; display: inline-block; vertical-align: top; } } @media only screen and (max-width: 543px) { .product-shop .product-item .selector-wrapper{ width: 115px; } .product-single.vertical_left.product-single__thumbs{ padding: 30px 0; } .product-single.vertical_left.product-single__thumbs .grid-item img { max-height: 80px; max-width: 75px; } .product-single.vertical_right .product-single__thumbs .grid-item img { max-height: 80px; max-width: 75px; } .product-single.vertical_right .product-single__thumbs { padding: 30px 0; } } @media only screen and (max-width: 480px) { .product-information .product-information-inner .threesixty-video .product-Video-btn.popup-video.tip-top { padding: 2px 0; margin: 5px 0 0 0; width: 100%; } .related-products-container { padding: 0 5px; } .product-single__description .tab-container #tab-1 .col-xs-6 { width: 100%; } #shopify-product-reviews .spr-summary-actions-newreview::before { left:0; } .product-single__description .spr-summary-actions-newreview{ padding:0 0 0 17px; } #shopify-product-reviews .spr-header-title { text-align: left; } .product-single.vertical_left.product-single__thumbs{ width: 28%; } .product-single.vertical_left.product-single__thumbs .grid-item img { max-height: 95px; max-width: 65px; } .product-single.vertical_left .product-single__photos { width: 70%; } .design_1 #productPhoto.image-zoom { width: 100%; } .horizontal_bottom.design_2 .pro_img .product-image-btn { right: 20px; } #shopify-product-reviews .spr-container { padding: 15px 0 !important; } #shopify-product-reviews .spr-summary .spr-summary-actions { float: left; width: 100%; text-align: left; margin: 5px 0 0 0; } .spr-review-reportreview { float: left !important; } .horizontal_bottom .product-wrapper-owlslider .product-single__photos, .horizontal_bottom .product-single__thumbs.horizontal_bottom { width: 100%; } .product-single.vertical_right .product-single__thumbs .grid-item img { max-height: 95px; max-width: 65px; } .product-single.vertical_right .product-single__thumbs { width: 28%; } .product-single.vertical_right .product-single__photos { width: 70%; } } @media only screen and (max-width: 400px){ .more-view-wrapper ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel{ width: 100%; margin: 20px auto; float: none; } } @media only screen and (max-width: 365px) { .vertical_left .product-single__photos { width: 65%; } .product-single.vertical_right .product-single__photos { width: 65%; } } @media only screen and (max-width: 360px) { a.product-write-review { padding-left: 5px; margin-left: 5px; } } /*--------------------- product compact layout ---------------------------------*/ .tabs-layout-accordion .tt-tab-wrapper { border-bottom: 1px solid rgba(119, 119, 119, 0.17); } .tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title { position: relative; display: block; padding-top: 15px; padding-bottom: 15px; font-size: 14px; font-weight: 600; text-decoration: none; } .tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title:after { content: "\f140"; position: absolute; right: 5px; top: 50%; margin-top: -10px; height: 20px; line-height: 20px; width: 20px; text-align: center; font-size: 12px; color: #bbb; font-family: "Material Design Icons"; transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -ms-transition: transform 0.4s ease; backface-visibility: hidden; perspective: 800px; -webkit-backface-visibility: hidden; -webkit-perspective: 800px; } .tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title.active:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .tt-scroll { position: absolute; top: 0; right: 10px; bottom: 0; left: 0; min-height: 435px; overflow: hidden; height: 100%; } @media only screen and (max-width: 1199px) { .tt-scroll { min-height: 355px; } } @media only screen and (max-width: 991px) { .tt-scroll { position: static; } } .tt-scroll.has-scrollbar { height: 100%; left: 10px; } .tt-scroll:hover > .tt-scroll-pane { visibility: visible; opacity: 0.99; -moz-opacity: 0.99; -khtml-opacity: 0.99; -webkit-opacity: 0.99; } .tt-scroll .tt-scroll-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: scroll; overflow-x: hidden; } .tt-scroll > .tt-scroll-pane { width: 2px; background: rgba(0, 0, 0, 0.05); position: absolute; top: 0; right: 0; bottom: 0; transition: 200ms ease-in-out; -webkit-transition: 200ms ease-in-out; -moz-transition: 200ms ease-in-out; -o-transition: 200ms ease-in-out; -ms-transition: 200ms ease-in-out; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; visibility: hidden; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .tt-scroll > .tt-scroll-pane > .tt-scroll-slider { background: rgba(0, 0, 0, 0.7); position: relative; margin: 0 0; } .product-information{ -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; float:right; } .product-design-compact .product_tab_wrapper{ border: none; border-top:2px solid #222; padding:0; } .panel.tt-Tabs-panel{ display: none; } .panel.tt-Tabs-panel.active{ display: block; } /*------------------ Buy Now Button CSS -------------------------*/ .product-form--variant-sold-out .shopify-payment-button { display: none; } .shopify-payment-button { float: none; width: auto; display: inline-block; vertical-align: top; margin: 0px 10px 0 0; min-width: 370px; } .shopify-payment-button .shopify-payment-button__button { background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); z-index: 1; position: relative; float: left; width: 100%; overflow: hidden; text-align: center; border-radius: 0px; padding: 11px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .shopify-payment-button .shopify-payment-button__button:hover:not([disabled]), .shopify-payment-button .shopify-payment-button__button:focus:not([disabled]), .shopify-payment-button .shopify-payment-button__button:active:not([disabled]) { background: var(--color-btn-primary); color: var(--color-btn-primary-text); } .shopify-payment-button .shopify-payment-button__button::before { content: '\f496'; font-family: "Material Design Icons"; font-size: 20px; line-height: 18px; margin: 0 5px 0px 0; float: none; display: inline-block; vertical-align: middle; } .product-information .shopify-payment-button .shopify-payment-button__more-options { display: none; } .product-form__submit[aria-disabled=true]+.shopify-payment-button, .product-form__submit[disabled]+.shopify-payment-button { display: none; } /*---------- product page full gallery slider----------*/ .full_gallery_slider .item { opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; -webkit-opacity: 0.4; transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -o-transition: 0.4s ease all; -ms-transition: 0.4s ease all; margin: 0 20px; transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); } .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { position: absolute; top: 0; bottom: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; right: auto; margin: 0; height: 100%; border: none; } .product-form__input.product-form__input--dropdown { float: none; width: auto; display: inline-block; } .full_gallery_slider .owl-nav .owl-prev:hover, .full_gallery_slider .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } .full_gallery_slider .owl-nav .owl-next { left: auto; right: 0; } .full_gallery_slider .owl-dots { counter-reset: counter; } .full_gallery_slider .owl-item { -webkit-backface-visibility: hidden; transform: translateZ(0) scale(1, 1); -webkit-transform: translateZ(0) scale(1, 1); -moz-transform: translateZ(0) scale(1, 1); -o-transform: translateZ(0) scale(1, 1); -ms-transform: translateZ(0) scale(1, 1); } .full_gallery_slider .owl-item .num { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; margin: auto; width: 85px; padding: 10px; text-align: center; display: none; font-size:14px; } .full_gallery_slider .owl-item img { margin: 0; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; } .full_gallery_slider .owl-item.center img { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .full_gallery_slider .owl-item.center .num { display: block; } .full_gallery_slider.product-img a.product-single__thumb img { float: left; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .full_gallery_slider.owl-carousel .owl-item img { display: block; max-width: 100%; margin: 0 auto; } .product-single__addtocart .add, .product-single__addtocart .minus { color: var(--color-body-text); font-size: em(24px); position: relative; } .product-single__addtocart .js-qty { margin-bottom: var(--gutter) / 2; max-width: none; } .product-single__addtocart .js-qty input[type="text"] { background-color: var(--color-body); padding: 8px 22px; } .product-single__addtocart .js--qty-adjuster { width: 40px; } .product-single__desc { margin: 20px 0; } .product-single__desc h3 { text-align: left; } .product-single__header { padding:0; } .product-single .product-information .fixed-content .video-threesixty,.product-single .product-information-inner .fixed-content > .quantity, .product-single .product-information-inner .product-single__addtocart{ float: left; width: 100%; } .product-information-inner .fixed-content > .quantity { margin: 0 0 10px; } .product-single__photos a, .product-single__thumbs a, .product-single__photos img, .product-single__thumbs img { display: block; margin: 0 auto; max-width: 100%; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-single__photos li, .product-single__thumbs li { padding: 5px; display: inline-block; width: auto; vertical-align: top; margin-bottom:0px; } .product-single__price { font-family: var(--font-stack-header); } .dt-sc-toggle-content{ display:none; } #shopify-section-sidebar-category ul.product-categories>li ul.children { margin: 8px 0 0; } .product-categories .cat-item { position: relative; float: left; width: 100%; } .product-categories .cat-item span.dt-menu-expand { position: absolute; right: -5px; top: 0px; font-size: 20px; line-height: 24px; cursor: pointer; width: 30px; text-align: center; font-weight: 400; color: var(--color-text-field); } .product-categories .cat-item:hover span.dt-menu-expand { color: var(--color-text-hover-field); } .no-js .product-single__variants { display: block; } .product-single__vendor { font-style: normal; margin-top: 3px; margin-bottom:5px; } .h2.product-single__price { font-size: 18px; float:left; font-family:var(--font-stack-header); margin:0 0 10px; width:100%; } .design_2 .h2.product-single__price{ margin: 0; } .product-single__title.wvendor { margin: 0; float: left; width: auto; } .product-information-inner i.mdi.mdi-cart-outline { font-size: 20px; float: none; display: inline-block; vertical-align: top; } .product-single__addtocart .js-qty { margin-right: 5px; float: left; } .product-single__addtocart .btn { float: none; display: inline-block; vertical-align: top; width: 360px; padding: 12px 15px; border: none; } .quick-view .product-single__addtocart .btn{ width: 320px; } .product-single__addtocart .btn.notify_btn{ margin: 0 0 0 10px; } .product-single__addtocart .btn:active, .product-single__addtocart .btn:focus { background-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .product-single__addtocart .btn:hover { color: var(--color-btn-secondary-text); } .product-single__title { margin: 0 0 10px; font: 700 20px/32px var(--font-stack-header); color: var(--color-text); } .product-information .add-to-wishlist .tooltip-label, .product-information .add-to-compare .tooltip-label { margin: 0 0 0 5px; vertical-align: top; line-height: 14px; } .product-single .add-to-wishlist i.mdi.mdi-heart { font-size: 18px; float: left; } .product-single .sizechart,.product-information .product-information-inner .add-to-wishlist.pro_btn, .product-information .product-information-inner .add-to-compare.pro_btn,.product-single .print,.product-360-button { float: left; width: auto; margin-right: 15px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; line-height:13px; } .product-single .sizechart i.mdi.mdi-hanger { float: left; margin-right: 5px; color: var(--color-body-text); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-single .sizechart:hover i.mdi.mdi-hanger { color: var(--color-text-hover-field); } .product-single .sizechart:hover { color: var(--color-text-hover-field); } .product-single .product-Video-btn i.mdi.mdi-video, .product-single .print i.mdi.mdi-printer, .product-single .video-threesixty i.mdi.mdi-refresh { font-size: 14px; line-height: 14px; float: left; margin-right: 5px; } .product-single .gallery i.mdi.mdi-magnify { font-size: 24px; } .spr-badge-starrating{ color: var(--color-meta); } .spr-badge-starrating .spr-icon,.spr-badge-starrating { padding: 0 1px; color: #f6943c; } .social-sharing a { color: var(--color-meta); display: inline-block; font-family: var(--font-stack-body); font-size: em(14px); padding: 0 var(--gutter) / 3; padding-left: 0; vertical-align: top; } .social-sharing a:hover { color: var(--color-meta); } .product-form--variant-sold-out .product-single__addtocart #AddToCart.btn { cursor: not-allowed; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; } .product-form--variant-sold-out .product-single__addtocart #AddToCart.btn::after{ display:none; } .product-template__container #notify-content .modal-dialog { width: 600px; } .product-template__container #notify-content .modal-dialog .modal-content{ padding: 30px 20px; } #notify-content .input-group.newsletter-input { border-bottom: 1px solid #e5e5e5; padding: 0 0 8px; } #notify-content .btn { padding: 0 24px; border: none; border-radius: 5px; } .product-template__container #notify-content .modal-dialog .modal-content .modal-header { border: none; padding: 0; } .product-template__container #notify-content .modal-dialog .modal-content .tt-title { font-size: 16px; line-height: 24px; background: #f7f4ef; padding: 10px; color: #222; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-template__container #notify-content .modal-dialog .modal-content button.close{ position: absolute; top: 5px; left: auto; bottom: auto; right: 5px; } @media only screen and (max-width: 2000px) { .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { width: 400px; } } @media only screen and (max-width: 1600px) { .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { width: 320px; } } @media only screen and (max-width: 1400px) { .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { width: 300px; } } @media only screen and (max-width: 1200px) { .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { width: 250px; } } @media only screen and (max-width: 1199px) { .product-form--variant-sold-out .product-single__addtocart .btn{ width: 250px; } } @media only screen and (min-width: 1025px) { .item-social-sharing { margin-top:0; } } @media only screen and (max-width: 1000px) { .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { width: 200px; } } @media only screen and (max-width: 991px) { .product-form--variant-sold-out .product-single__addtocart .btn { width: 200px; } .product-single__addtocart .btn{ width: 310px; } .shopify-payment-button{ min-width: 400px; } .product-single__title.wvendor { font-size: 18px; line-height:28px; } } @media only screen and (max-width: 600px) { .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { width: 100px; } .product-template__container #notify-content .modal-dialog .modal-content .tt-title{ font-size: 16px; line-height: 20px; } .product-template__container #notify-content .modal-dialog { width: 480px; } } @media only screen and (max-width: 480px) { .product-template__container #notify-content .modal-dialog { width: 100%; } .product-template__container #notify-content .modal-dialog .modal-content .tt-title { font-size: 14px; line-height: 18px; } #notify-content .btn { padding: 0 15px; } .product-form--variant-sold-out .product-single__addtocart .btn { width: 140px; padding: 9px 15px; } .full_gallery_slider .owl-nav .owl-prev, .full_gallery_slider .owl-nav .owl-next { width: 60px; } .full_gallery_slider .owl-item .num { padding: 5px; } .product-single__title.wvendor { font-size: 16px; line-height: 26px; width:100%; text-align:left; } .product-information-inner i.mdi.mdi-cart-outline,.product-information-inner .notify_btn i { font-size: 18px; } .product-single__addtocart .btn { padding: 9px 28px; width: 200px; } .shopify-payment-button{ min-width: 290px; margin: 10px 0 0; } .shopify-payment-button .shopify-payment-button__button{ padding: 9px 20px; } .product-single .product-information select { width: 130px; } .product-single__title { font-size: 14px; } } /*-----------360 view---------*/ .tt-360-veiw { position: relative; overflow: hidden; margin: 0 auto; cursor: ew-resize; cursor: -webkit-grab; } .tt-360-veiw .spinner { background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); color: #222; display: block; font-weight: bolder; height: 60px; line-height: 60px; margin: 0 auto; text-align: center; width: 60px; } .tt-360-veiw .spinner span { line-height: 60px; } .tt-360-veiw:active { cursor: ew-resize; cursor: -webkit-grabbing; } .tt-360-veiw:after { content: ''; position: absolute; bottom: 15px; left: 15px; right: 15px; height: 50%; z-index: 5; border-bottom: 5px solid rgba(175, 175, 175, 0.15); border-top: 2px solid rgba(175, 175, 175, 0.05); border-right: 2px solid rgba(175, 175, 175, 0.1); border-left: 2px solid rgba(175, 175, 175, 0.1); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .tt-360-veiw .threed-title { position: relative; padding-top: 20px; z-index: 40; text-align: center; } .tt-360-veiw .threed-view-images { display: none; list-style: none; margin: 0; padding: 0; } .tt-360-veiw .threed-view-images img { position: absolute; top: 0; width: 100%; height: auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .tt-360-veiw .threed-view-images img.previous-image { visibility: hidden; } .tt-360-veiw .threed-view-images img.current-image { visibility: visible; } .tt-360-veiw .nav_bar { position: absolute; bottom: 40px; left: 50%; margin-left: -67.5px; z-index: 11; background-color: #fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15); } .tt-360-veiw .nav_bar a { display: inline-block; width: 45px; height: 45px; line-height: 45px; font-size: 0px; text-align: center; text-decoration: none; } .tt-360-veiw .nav_bar a:hover { background-color: #f9f9f9; } .tt-360-veiw .nav_bar a:after { font-size: 28px; font-family: "Material Design Icons"; } .tt-360-veiw .nav_bar a.nav_bar_play:after { content: "\f40a"; } .tt-360-veiw .nav_bar a.nav_bar_previous:after { content: "\f4ae"; } .tt-360-veiw .nav_bar a.nav_bar_stop:after { content: "\f3e4"; } .tt-360-veiw .nav_bar a.nav_bar_next:after { content: "\f4ad"; } .tt-360-veiw:-webkit-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .tt-360-veiw:-moz-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .product-360-view-wrapper { margin: 100px auto; max-width: 800px; position: relative; } .product-single__header .product-360-button { font-weight: normal; margin-bottom: 10px; } .threesixty-video .product-360-button > a { padding: 2px 15px 2px 0; border-right: 1px solid #e5e5e5; } @media only screen and (max-width: 991px) { .threesixty-video .product-360-button > a { padding: 2px 5px 2px 0; } } .threesixty-video i { font-size: 20px; margin: 0 5px 0 0; padding: 15px; background: #f5f5f5; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; padding: 7px 10px; } .threesixty-video span { font-size: 14px; font-weight: 500; } .product-single__thumbs img{ width: auto; } @media (min-width: 768px) and (max-width: 991px) { .threesixty-video span { font-size: 12px; } } .product-Video-btn.popup-video.tip-top { float: left; width: auto; line-height: 14px; } @media only screen and (max-width: 480px) { .threesixty-video .product-360-button > a { border: none; } .product-Video-btn.popup-video.tip-top { margin: 0 0 0 5px; } .product-single .sizechart, .product-information .product-information-inner .add-to-wishlist.pro_btn, .product-information .product-information-inner .add-to-compare.pro_btn,.product-360-button{ margin: 0 12px 5px 0; } } /*------------------ our team -----------------*/ .aboutus-wrap .our_team { float: left; width: 100%; } .aboutus-wrap.ourteam_wrap { float: left; width: 100%; position: relative; text-align: center; } .aboutus-wrap.ourteam_wrap .section-header h2.tt-title::after{ display: none; } .aboutus-wrap.ourteam_wrap .section-header h2.tt-title{ padding: 0; } .aboutus-wrap.ourteam_wrap ul .teammember-item { list-style: none; display: inline-block; padding: 0 15px; margin: 0 0 20px; } .aboutus-wrap.ourteam_wrap ul .teammember-item ul li { list-style: none; display: inline-block; padding: 0 15px; margin: 0 0 20px; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content { float: left; width: 100%; position: relative; overflow: hidden; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image { position: relative; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -ms-transition: 300ms ease-in-out; float: left; width: 100%; overflow: hidden; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap img { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta { background-color: #f7f7f7; padding: 20px 0; width: 100%; float: left; z-index: 2; border-radius:0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta .teammember-title { color: #222; font: 700 16px/18px var(--font-stack-header); margin-bottom: 5px; transition: 300ms ease-in-out; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -ms-transition: 300ms ease-in-out; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .teammember-meta .teammember-position { color: #666; font-size: 14px; margin-bottom: 0; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap { position: relative; float: left; width: 100%; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap::after{ position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0,0,0,0.2); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap:hover::after{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile { margin: 0; padding-left: 0; transition: all 0.35s ease 0s; -webkit-transition: all 0.35s ease 0s; -moz-transition: all 0.35s ease 0s; -o-transition: all 0.35s ease 0s; -ms-transition: all 0.35s ease 0s; background: rgba(255, 255, 255, 0.9); color: #222; left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; padding: 10px; position: absolute; right: 0; text-align: center; top: 70%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; width: 100%; float: left; z-index: 1; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li { margin: 0; padding: 0 7px; display: inline-block; vertical-align: top; font-size: 16px; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li a { display: inline-block; height: 30px; line-height: 30px; width: 30px; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li a i{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.facebook:hover a i { color: #4c76be; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.twitter:hover a i { color: #00c7ff; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.googleplus:hover a i { color: #ea4c89; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap .teammember-social-profile > li.instagram:hover a i { color: #c8232c; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content .ourteam-image-wrap:hover .teammember-social-profile { top: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .aboutus-wrap.ourteam_wrap ul .teammember-item .teammember-content :hover .teammember-meta { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); } .ourteam_wrap .tt_description { font-size: 16px; font-weight: 500; line-height: 22px; margin-bottom: 15px; } .aboutus-wrap .our_team .owl-nav{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .aboutus-wrap .our_team .owl-theme .owl-nav .owl-prev, .aboutus-wrap .our_team .owl-theme .owl-nav .owl-next{ position: static; } @media(min-width: 1260px){ .aboutus-wrap .our_team .owl-theme .owl-nav .owl-prev{ margin: 0px 10px 0 0; } } @media only screen and (max-width: 480px) { .aboutus-wrap .our_team { padding: 0 5px; } .aboutus-wrap.ourteam_wrap { text-align: center; } .aboutus-wrap.ourteam_wrap ul .teammember-item { padding: 0 10px; } .aboutus-wrap.ourteam_wrap ul .teammember-item ul li { padding: 0 10px; } } /*-------------------------- about us image ------------------*/ #ttabout .About_us.img a { position: relative; display: block; overflow: hidden; } #ttabout .About_us.img a img { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } #ttabout .About_us.img :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } #ttabout .aboutr_img a { position: relative; display: block; overflow: hidden; } #ttabout .aboutr_img a img { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } #ttabout .aboutr_img :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } #ttabout .about_img a { position: relative; display: block; overflow: hidden; } #ttabout .about_img a img { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } #ttabout .about_img :hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } #ttabout .ttabout1 .ttabout-content { margin: 25px 0; } #ttabout .ttabout1 .ttabout-content .ttabout-description { line-height: 24px; } #ttabout .ttabout1 .ttabout .ttabout-content .ttabout-title { color: var(--color-text); margin: 0 0 10px; font: 500 20px/22px var(--font-stack-header); } @media only screen and (max-width: 767px) { #ttabout .ttabout1 .ttabout .ttabout-content .ttabout-title { font-size: 18px; } } @media only screen and (max-width: 480px) { #ttabout .ttabout1 .ttabout { width: 100%; } } .cms-aboutus,.cms-aboutus1 { float: left; width: 100%; margin: 0 0 50px; } .cms-aboutus .aboutus-img a, .cms-aboutus1 .aboutus-img a{ float: left; width: 100%; display: block; position: relative; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .about-videoblock{ margin: 0 0 50px; } .cms-aboutus .section-header,.cms-aboutus1 .section-header { text-align: left; width: 100%; } .cms-aboutus .section-header .tt-title{ line-height: 44px; margin: 0; padding: 0 0 10px; } .cms-aboutus1 .section-header .tt-title{ margin: 0 0 15px; padding: 0; } .cms-aboutus .section-header .tt-title::after,.cms-aboutus1 .section-header .tt-title::after{ display: none; } .cms-aboutus .section-header .desc,.cms-aboutus1 .section-header .desc { line-height: 24px; } .aboutus-subcontent1 .aboutus-title, .aboutus-subcontent2 .aboutus-title { font: 800 24px/26px var(--font-stack-header); float: left; width: 100%; margin: 0 0 15px; } .aboutus-subcontent1 { float: left; width: 100%; margin: 0 0 30px; } .aboutus-subcontent2 { float: left; width: 100%; } .aboutus-subcontent1 .aboutus-desc, .aboutus-subcontent2 .aboutus-desc { font: 400 14px/24px var(--font-stack-body); float: left; width: 100%; } .about-videoblock,.about-videoblock .video-featured #popup_toggle { float: left; width: 100%; } .about-videoblock .video-featured, ..video-featured #popup_toggle .about-videoblock .video-featured { float: none; display: inline-block; vertical-align: top; } .video-featured { float: left; width: 100%; position: relative; } .video-featured::after { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0,0,0,0.2); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .about-videoblock .video-featured:hover::after{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .video-featured #popup_toggle { position: relative; } .video-featured #popup_toggle a { display: inline-block; vertical-align: top; position: relative; overflow: hidden; } .video-featured #popup_toggle .play-icone { bottom: 0; height: 80px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 80px; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; line-height: 80px; z-index: 1; } .video-featured #popup_toggle .play-icone i { display: inline-block; float: none; font-size: 45px; height: 80px; width: 80px; line-height: 80px; margin: 0; padding: 0; vertical-align: middle; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; cursor: pointer; } .video-featured #popup_toggle .video-featured .popup_overlay,.video-featured .popup_overlay { float: left; width: 100%; position: fixed; left: 0; height: 100%; text-align: center; z-index: 9; right: 0; display: none; top: 0; background: rgba(0,0,0,.9); } .video-featured #popup_toggle .video-featured .popup_overlay .popup, .video-featured .popup_overlay .popup { display: inline-block; position: relative; width: 50%; max-width: 100%; max-height: 100%; padding: 20px; background: #222; color: #fff; vertical-align: middle; margin: 8% 0; z-index: 99999; } .video-featured #popup_toggle .video-featured .popup_overlay .popup_close,.video-featured .popup_overlay .popup_close { display: block; position: absolute; top: 5px; right: 7px; width: 20px; height: 20px; padding: 8px; cursor: pointer; text-align: center; font-size: 12px; line-height: 8px; color: #fff; text-decoration: none; } .video-wrapper { position: relative; overflow: hidden; max-width: 100%; padding-bottom: 56.25%; height: 0; height: auto; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .about-services { float: left; width: 100%; padding: 80px 0; margin: 0 0 50px; } .about-services .tt-service { float: left; width: 100%; text-align: center; padding: 0 15px; } .about-services .tt-service .service-img { float: left; width: 100%; margin: 0 0 20px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .about-services .tt-service:hover .service-img { transform: rotateY( 180deg); -webkit-transform: rotateY( 180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .about-services .tt-service .service-content { float: left; width: 100%; } .about-services .tt-service .service-content .service-title { float: left; width: 100%; font: 700 20px/22px var(--font-stack-header); margin: 0 0 20px; } .about-services .tt-service .service-content .service-desc { float: none; display: inline-block; vertical-align: top; width: 70%; font: 400 14px/24px var(--font-stack-body); } @media only screen and (min-width: 768px) { .cms-aboutus,.cms-aboutus1{ display: flex; align-items: center; } } @media only screen and (max-width: 1399px) { .cms-aboutus .section-header, .cms-aboutus1 .section-header{ width: 80%; } } @media only screen and (max-width: 1199px) { .cms-aboutus .section-header .tt-title { line-height: 34px; font-size: 26px; } .aboutus-subcontent1 .aboutus-title, .aboutus-subcontent2 .aboutus-title{ margin: 0 0 10px; font-size: 20px; line-height: 22px; } .cms-aboutus .section-header, .cms-aboutus1 .section-header,.about-services .tt-service .service-content .service-desc{ width:100%; } } @media only screen and (max-width: 991px) { .about-services{ padding: 60px 0; } .aboutus-subcontent1 .aboutus-desc, .aboutus-subcontent2 .aboutus-desc{ font-size: 12px; line-height: 22px; } .cms-aboutus .section-header .tt-title{ line-height: 30px; font-size: 24px; } .cms-aboutus1 .section-header .tt-title{ font-size: 26px; line-height: 28px; } .cms-aboutus .section-header .desc, .cms-aboutus1 .section-header .desc{ font-size:12px; line-height:22px; } .cms-aboutus, .cms-aboutus1,.about-videoblock,.about-services{ margin: 0px 0 30px; } .about-services .tt-service .service-content .service-desc{ font-size: 12px; line-height: 22px; } .about-services .tt-service .service-content .service-title{ margin: 0 0 15px; font-size: 18px; line-height: 20px; } } @media only screen and (max-width: 767px) { .video-featured #popup_toggle .play-icone i,.video-featured #popup_toggle .play-icone,.video-featured #popup_toggle{ height: 60px; width: 60px; line-height: 60px; } .video-featured #popup_toggle .play-icone i{ font-size: 38px; } .about-services .block_content { float: left; width: 100%; padding: 0 15px; } .cms-aboutus .section-header,.cms-aboutus .aboutus-img,.cms-aboutus1 .aboutus-img,.aboutus-subcontent1{ margin: 0 0 15px; } .about-services { padding: 40px 0; } } /*======================= 404 page ============================*/ .grid.error-404 .error { float: left; width: 100%; margin: 0 0 10px; } .grid.error-404 .error-item { float: left; width: 100%; } h1.text-center.heading-404 { font-size: 145px; line-height: 145px; font-weight:500; margin: 0; font-weight: 500; float: none; display: inline-block; vertical-align: top; } .grid.error-404 .error i { font-size: 115px; line-height: 145px; height: 145px; width: 115px; float: none; display: inline-block; vertical-align: top; transform: rotate(180deg); color: var(--color-header-text); } .error-404 > h4 { font: 500 42px/44px var(--font-stack-header); float:left; width:100%; margin: 0 0 30px; } .error-404 .product_categories { margin: 10px 0 0; } .error-404 .product_categories > h4,.error-404 .product_categories ul,.error-404 .product_categories ul li{ float: none; display: inline-block; vertical-align: top; margin: 0; } .error-404 .product_categories ul li a{ line-height: 25px; text-decoration: underline; margin: 0 5px; } .error-404 .input-group .btn,.error-404 .input-group .input-group-field { height: 50px; } .error-404 .search-bar { max-width: 100%; width: 50%; float: none; margin: 0 auto; border: 1px solid var(--color-border); border-radius: 5px; } .error-404 p.text-center { font-size: 14px; margin-bottom: 35px; float: left; width: 100%; } .template-404 .input-group.search-bar .btn::after { display: none; } .grid.error-404 .btn { color: #222; padding: 10px; border: none; } .grid.error-404 .btn i { font-size: 22px; } .error-404 .search-bar input[type=search] { color: #222; font-size: 14px; } .grid.error-404 .collections-selector { float: left; } .grid.error-404 .collections-selector select { margin: 0px 12px 0 0; } .grid.error-404 .collections-selector { width: auto; } .grid.error-404 .input-group .input-group-field{ width: auto; } @media only screen and (max-width: 991px) { .grid.error-404 .error i{ font-size: 95px; line-height: 125px; height: 125px; width: 95px; } h1.text-center.heading-404{ font-size: 125px; line-height: 125px; } .error-404 > h4{ font-size: 32px; line-height: 34px; margin: 0 0 20px; } .error-404 p.text-center{ margin-bottom: 25px; } } @media only screen and (max-width: 480px) { .error-404 .search-bar{ width:100%; } .error-404 p.text-center { margin-bottom: 15px; font-size: 12px; line-height: 20px; } .error-404 > h4 { font-size: 22px; line-height: 24px; margin: 0 0 15px; } h1.text-center.heading-404 { font-size: 105px; line-height: 105px; } .grid.error-404 .error i { font-size: 75px; line-height: 105px; height: 105px; width: 75px; } .error-404 .search-bar input[type=search]{ font-size: 12px; } } /*========================== Search Results ===========================*/ .site-header button.btn.search-submit.icon-fallback-text { padding: 5px 10px; line-height: 25px; } .full-search-wrapper button.btn.search-submit.icon-fallback-text, .full-search-wrapper button.btn.search-submit.icon-fallback-text::after { background: no-repeat; padding: 8px 10px; } .template-search .main-content .container .input-group.search-bar { margin: 0 0 30px 0; border: 1px solid var(--color-border); width: 100%; } .template-search .main-content .container .input-group.search-bar input.input-group-field { color: #222; font-size: 16px; background:var(--color-section); } .template-search .container .input-group.search-bar input[type="search"]:active, .template-search .container .input-group.search-bar input[type="search"]:focus { border: none; border-right: 1px solid var(--color-border); } .template-search .container .input-group.search-bar .btn::after ,.template-search .container .input-group.search-bar .btn::before { display: none; } .template-search .main-content .container .input-group.search-bar .input-group-btn .btn { color: #222; border: none; } .template-search .main-content .container .input-group.search-bar .input-group-btn .btn i { font-size: 22px; } #search .container .search-bar .search-results { overflow-y: auto; overflow-x: hidden; max-height: 350px; padding: 15px 0; } #search .container .search-bar .search-results::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } #search .container .search-bar .search-results::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); } #search .container .search-bar .search-results::-webkit-scrollbar { width: 5px; } .search-results .name-price { float: left; width: 100%; padding: 10px 0; position: relative; z-index: 1; } .hover_style3 .search-results .name-price::after{ position: absolute; content: ''; top: -106px; bottom: auto; left: 0; right: 0; margin: auto; border: 40px solid #fff; z-index: -1; width: 100%; border-radius: 182px 0 0 182px; -moz-border-radius: 182px 0 0 182px; -webkit-border-radius: 182px 0 0 182px; -khtml-border-radius: 182px 0 0 182px; height: 400px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } form.search-bar .btn::after { display: none; } form.search-bar .btn .icon.icon-search { color: var(--color-btn-secondary-text); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } form.search-bar:hover .btn .icon.icon-search { color: var(--color-btn-secondary-text); } .full-search-wrapper .search-results { max-width: 100%; border: medium none; float: left; margin: 30px 0 0; padding: 15px 0; max-height: 760px; overflow-y: auto; overflow-x: hidden; position:static !important; } .full-search-wrapper .search-results .thumbnail { max-width: 100%; margin: 0; } .full-search-wrapper .search-results a{ display: block; overflow: hidden; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 5px; border: 2px solid var(--color-border); } .hover_style2 .full-search-wrapper .search-results a:hover, .hover_style1 .full-search-wrapper .search-results a:hover{ border-color: var(--color-btn-primary); } .hover_style2 .search-results .name-price{ background: #faf7f2; padding: 30px 15px 5px; } .hover_style2 .search-results .name-price .price-wrap, .hover_style2 .search-results .title, .hover_style1 .search-results .name-price .price-wrap, .hover_style1 .search-results .title{ text-align: left; } .hover_style2 .search-results .name-price::after{ content: ''; position: absolute; top: 0; bottom: auto; left: 0; right: 0; border-top: 4px double rgba(0,0,0,.1); width: 90%; margin: 0 auto; } .full-search-wrapper .search-results::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } .full-search-wrapper .search-results::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.6); } .full-search-wrapper .search-results::-webkit-scrollbar { width: 5px; } .search-results { z-index: 2; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .search-results li { display: block; width: 20%; float:left; margin: 0; padding:0 15px; overflow: hidden; } .search-results li.total { width: 100%; } .search-results li > span.title { background: #f5f5f5; padding: 10px; text-align: center; } .search-results li.no-results > span.title { background: none; padding: 0; font-weight: 600; } .search-results .title { float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: center; font: 700 14px/18px var(--font-stack-header); } .search-results .title:hover { color: #222; } .search-results .thumbnail { float: left; width: auto; margin: 0; padding: 0; overflow: hidden; border: none; } .search-results .name-price .price-wrap { float: left; width: 100%; margin: 5px 0; text-align: center; } .search-results .name-price .price { font-size: 14px; line-height: 16px; } .search-results .name-price .product-price__price.compare_price, .search-results .name-price .product-price__price.compare_price .money { font-size: 12px; line-height: 14px; margin-left:5px; } @media only screen and (max-width: 1299px) { .search-results li{ width:25%; } } @media only screen and (max-width: 991px) { .search-results li{ width:33.33%; } } @media only screen and (max-width: 543px) { .search-results li{ width:50%; } } @media only screen and (max-width: 480px) { .search-results .name-price .price { font-size: 12px; line-height: 14px; } } /*=============================Notes and Form Feedback=====================================*/ .note, .errors { font-family: var(--font-stack-body); font-size: 14px; padding: 15px 19.8px; margin-bottom: 15px; border: 1px solid transparent; float: left; width: 100%; } .note ul, .errors ul, .note ol, .errors ol { margin-top: 0; margin-bottom: 0; } .note li:last-child, .errors li:last-child { margin-bottom: 0; } .note p, .errors p { margin-bottom: 0; } .note { border-color: var(--color-border); } .errors ul { list-style: disc inside; } .form-success { color: var(--successGreen); background-color: #ecfef0; border-color: var(--successGreen); } .form-error,.errors { color: var(--errorRed); background-color:#faebeb; border-color: var(--errorRed); } .ajaxify-drawer { position: absolute; top: 0; right: 0; height: 100%; font-family: var(--font-stack-header); width: 85%; overflow: hidden; transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -webkit-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -moz-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -o-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -ms-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); } @media only screen and (min-width: 1025px) { .ajaxify-drawer { width: 50%; } } .ajaxify-drawer .ajaxifyCart--content { background-color: transparent; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .supports-csstransforms .ajaxify-drawer { transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -webkit-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -moz-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -o-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); -ms-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); } .page-move--cart .ajaxify-drawer, .page-move--nav .ajaxify-drawer { position: fixed; overflow: auto; } /*================ Ajaxify color overrides ================*/ .ajaxify-drawer { color: var(--color-text-field); } .ajaxify-drawer a { color: color-control(var(--color-text-field), 10%); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .ajaxify-drawer a:hover { color: color-control(var(--color-text-field), 20%); } .ajaxify-drawer h1 { font-size: em(24px); } @media only screen and (min-width: 1025px) { .ajaxify-drawer h1 { margin-bottom: var(--gutter); } } .ajaxify-drawer h1, .ajaxify-drawer h2, .ajaxify-drawer h3, .ajaxify-drawer h4, .ajaxify-drawer h5, .ajaxify-drawer h6, .ajaxify-drawer input[type="text"] { color: var(--color-text-field); } .ajaxify-drawer label, .ajaxify-drawer .cart__mini-labels { color: color-control(var(--color-text-field), 20%); } .ajaxify-drawer label { margin-bottom: var(--gutter) / 4; } .ajaxify-drawer textarea { background-color: #fff; border-color: #f5f5f5; color: var(--color-text-field); } .ajaxify-drawer .cart__product a { color: var(--color-text-field); } .ajaxify-drawer .cart__product a:hover { color: var(--color-text-hover-field); } .ajaxify-drawer .cart__row, .ajaxify-drawer .ajaxifyCart--num, .ajaxify-drawer .ajaxifyCart--add, .ajaxify-drawer .ajaxifyCart--minus { border-color: #f5f5f5; } .ajaxify-drawer .js--qty-adjuster:hover, .ajaxify-drawer .ajaxifyCart--qty-adjuster:hover, .ajaxify-drawer .js--qty-adjuster:active, .ajaxify-drawer .ajaxifyCart--qty-adjuster:active { background-color: #ccc; } .ajaxifyCart--add .add, .ajaxifyCart--minus .add, .ajaxifyCart--add .minus, .ajaxifyCart--minus .minus { color: var(--color-text); } .js--qty-adjuster:hover .ajaxifyCart--add, .js--qty-adjuster:hover .ajaxifyCart--minus, .ajaxifyCart--add .ajaxifyCart--qty-adjuster:hover, .ajaxifyCart--minus .ajaxifyCart--qty-adjuster:hover { color: red; } .shopify-link { color: inherit; } .shopify-link:hover { color: inherit; } .shopify-logo-svg { width: 66.85714px; height: 19.5px; display: inline-block; line-height: 0; vertical-align: top; } .shopify-logo-svg path { fill: currentColor; } .shopify-logo-svg .create_account_wrap { padding-right: 0; } .lt-ie9 .shopify-logo-svg { display: none; } .modern .shopify-name,.modern .hidden-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } @media only screen and (max-width: 480px){ #customer_login .grid .grid-item.one-half { float: left; width: 100%; text-align: center !important; } #customer_login .grid .grid-item.one-half:first-child > p { margin: 0 0 3px 0; } } .template-password .password-header .password-header__inner .password-login .btn,.template-password #shopify-section-password-content .btn{ background-color: var(--color-btn-primary-text); color: var(--color-btn-primary); } .template-password .password-header .password-header__inner .password-login .btn:hover,.template-password #shopify-section-password-content .btn:hover{ color: var(--color-btn-secondary-text); } /*================ Demo Styles - for empty store state =====================*/ *{ outline: none; } .demo-image { background: url('//cdn.shopify.com/s/files/1/0383/9765/t/1/assets/blankslate-producticon.png?4') no-repeat center center #eee; display: block; text-align: center; padding: 100px 0; color: var(--color-body-text); font-size: em(14px); } .more-view-wrapper .product-photo-thumbs { visibility:hidden; } page-wrapper .main-content { margin: 0 0 30px; } /*--------------------- checkbox label css --------------------------------------*/ input[type=checkbox]:checked ~ label .check,.sidebar-tag label.active .check { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .collection_sidebar .checkbox-group label .check{ top: 3px; left: 2px; line-height: 14px; background:var(--color-section); padding:10px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .collection_sidebar .owl-nav,.collection_sidebar .owl-carousel .owl-nav .owl-prev,.collection_sidebar .owl-carousel .owl-nav .owl-next{ background:none !important; top:-52px; margin:0; } .checkbox-group { position: relative; } .checkbox-group.form-group-top input[type="checkbox"] { display: none; } .checkbox-group input[type="checkbox"] + label, .checkbox-group input[type="radio"] + label { margin-left: 15px; font-size: 13px; color: var(--color-text-field); } .checkbox-group input[type="checkbox"] + label:hover, .checkbox-group input[type="radio"] + label:hover { color: var(--color-text-hover-field); } .checkbox-group.active input[type="checkbox"] + label { color: var(--color-text-hover-field); } .checkbox-group label:hover .box { background: #f5f5f5; border-color: #e5e5e5; } .checkbox-group label .check { top: -1px; left: 1px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; z-index: 2; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); } .checkbox-group label .check:before { content: "\f12c"; color: #222; font-size: 12px; line-height: 12px; font-family: 'Material Design Icons'; font-style: normal; font-weight: 500; } .checkbox-group label span { display: inline-block; position: absolute; left: 0; transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; -o-transition: 0.1s; -ms-transition: 0.1s; vertical-align: top; } .checkbox-group label .box { border-width: 1px; border-style: solid; border-color: var(--color-border); background: var(--color-body); height: 15px; width: 15px; z-index: 1; margin-top: 2px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } /*--------- category-collection block ------------*/ ul.no-bullets.top-products { margin: 0; } .collection_sidebar { float: left; width: 100%; text-align:left; } .sidebar .widget ul li.product-wrapper { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } .collection-slider-wrap { float: left; width: 100%; text-align: center; padding: 80px 0; } .collection-slider-wrap .collection_slider { padding: 0 185px; float: left; width: 100%; } .collection-slider-wrap .collection_slider .customNavigation { display: none !important; } .collection-slider-wrap .collection_slider .collection_cms_wrap { float: left; width: 100%; } .collection-slider-wrap .collection_slider .slick-arrow { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; background: #fff; border: none; font-size: 0; bottom: -50px; top: auto; height: 100px; width: 100px; padding: 0; } .collection-slider-wrap .collection_slider .slick-prev.slick-arrow { left: 0; } .collection-slider-wrap .collection_slider .slick-prev.slick-arrow::after { content: "\f13d"; font-family: "Material Design Icons"; color: #222; font-size: 30px; line-height: 100px; } .collection-slider-wrap .collection_slider .slick-next.slick-arrow { right: 0; left: auto; } .collection-slider-wrap .collection_slider .slick-next.slick-arrow::after { content: "\f13e"; font-family: "Material Design Icons"; color: #222; font-size: 30px; line-height: 100px; } .collection-slider-wrap .collection_slider .slider-nav .slick-arrow { height: 25px; width: 25px; color: #fff; background: none; top: -10px; line-height: 25px; } .collection-slider-wrap .collection_slider .slider-nav .slick-arrow ::after { display: none; } .collection-slider-wrap .collection_slider .slider-nav .slick-arrow i { font-size: 22px; line-height: 28px; } @media only screen and (min-width: 1400px) { .collection-slider-wrap .collection-slider-wrap .container { width: 1380px; } } .collection-slider-wrap .collection_detail { padding: 20px 0 0; float: left; width: 100%; } .collection-slider-wrap .collection_detail .collection-link { float: left; width: 100%; } .collection-slider-wrap .collection_detail .collection-count { float: none; width: auto; display: inline-block; vertical-align: top; padding: 12px 0 0; color: #ccc; } .collection-slider-wrap .collection_detail .collection-content { padding: 0 20px; } .collection-slider-wrap a.grid-link.collection-link span.grid-link__title { font-weight: 300; cursor: pointer; font-style: italic; position: relative; } .collection-slider-wrap a.grid-link.collection-link span.grid-link__title:after { content: ""; position: absolute; width: 0; height: 2px; left: 0; right: 0; margin: 0 auto; top: auto; bottom: -10px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .collection-slider-wrap .slick-current.slick-active a.grid-link.collection-link span.grid-link__title::after { content: ""; position: absolute; width: 0; height: 2px; left: 0; right: 0; margin: 0 auto; top: auto; bottom: -10px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .collection-slider-wrap a.grid-link.collection-link span.grid-link__title:hover::after, .collection-slider-wrap .slick-current.slick-active a.grid-link.collection-link span.grid-link__title::after { width: 50px; } .collection-block.slick-slide { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } @media only screen and (max-width: 1300px) { .collection-slider-wrap .collection_slider { padding: 0 152px; } } @media only screen and (max-width: 1200px) { .collection-slider-wrap { padding: 50px 0; } } @media only screen and (max-width: 1199px) { .collection-slider-wrap .collection_slider { padding: 0 50px; } } @media only screen and (max-width: 767px) { .collection-slider-wrap a.grid-link.collection-link span.grid-link__title { font-size: 16px; } .collection-slider-wrap .collection_slider .slick-next.slick-arrow::after { font-size: 28px; line-height: 50px; } .collection-slider-wrap .collection_slider .slick-prev.slick-arrow::after { font-size: 28px; line-height: 50px; } .collection-slider-wrap .collection_slider .slick-arrow { height: 50px; width: 50px; bottom: -25px; } .collection-slider-wrap .collection_slider { padding: 0 20px; } } @media only screen and (max-width: 480px) { .collection-slider-wrap { padding: 30px 0; } } /*-------------------- Start product extended description css--------------------*/ .product_tab_wrapper .tab-container h2 { font-weight: 600; margin-top:0px; font-family:var(--font-stack-header); } @media only screen and (min-width: 768px) { .product-extended.design-2 .main_content { display: flex; align-items: center; } } .product_tab_wrapper .tab-container .tab-pane p { margin: 0 0 15px; float: left; width: 100%; line-height: 24px; } @media only screen and (max-width: 767px) { .product-extended.design-1 .content { padding:0px; } } @media only screen and (max-width: 480px) { .product_tab_wrapper .tab-container h4 { font-size: 15px; } .product_tab_wrapper .tab-container h2{ font-size: 18px; } } /*------------------------ Quickview CSS ----------------------*/ .quickview-template .content, ._quick-view-content { display: none; } .quick-view .product-shop { float: right; } .quick-view .product-shop p.custom { margin: 0; } .quick-view .product-shop .prices { margin-bottom: 15px;float: left;width: 100%; } .quick-view .product-shop .prices:first-child { margin-top: 0; } .quick-view .product-shop .addthis { margin-bottom: 0; } .quick-view .product-shop .product-title > a { font: 700 18px/26px var(--font-stack-header); color: var(--color-text); } .quick-view .product-shop .product-inventory > label { font-weight: 500; font-size: 14px; line-height: 16px; margin: 0 5px 0 0; color:var(--color-text); width: auto; padding-left: 20px; } .quick-view .product-shop .prices .compare-price .money { text-decoration: line-through; } .quick-view .product-photo-thumbs li{ margin:0; float: none; display: inline-block; vertical-align: top; padding: 5px; } .quickview-template{ bottom: 0; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 1050; display: none; } .quick-view { bottom: 0; left: 0; outline: 0 none; position: fixed; right: 0; top: 0; z-index: 1050; transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; visibility: hidden; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .quickview-featured-image.product-photo-container { padding: 5px; border: 2px solid var(--color-border); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .quick-view .quick-image{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .quick-view .product-detail-section p.dt-sc-button { margin: 20px 0 0 0; float: left; } .quick-view .product-detail-section p.product-description { margin: 0; float: left; width: 100%; padding: 15px 0; font-size: 13px; line-height:22px; } .quick-view .product-detail-section p.product-description .product-extended p { margin: 0; } .quick-view .product-detail-section p.product-description .product-extended>div { padding: 0; } .quick-view .product-detail-section p.product-description p { margin: 0; } .quick-view .product-shop.summary .details { float: left; width: 100%; } .quick-view .close-window::before { position: absolute; content: "\f156"; font-family: "Material Design Icons"; right: 5px; left: auto; top: 5px; height: 24px; width: 24px; font-size: 24px; line-height: 24px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .quick-view .close-window:hover::before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .quick-view.open-in { visibility: visible; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -webkit-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -moz-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -o-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; -ms-transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s; background: rgba(0, 0, 0, 0.6); } .quick-view .product-shop .prices label { font-size: 14px; line-height: 16px; font-weight: 600; color: var(--color-text); } .quick-view .product-photo-thumbs li a { float: left; width: 100%; padding: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .quick-view .product-photo-thumbs li a:hover img, .quick-view .product-photo-thumbs li a.active img{ border-color: var(--color-btn-primary); } .quick-view .owl-prev::after, .quick-view .owl-next::after { display: none; } .quick-view form .actions button i.mdi.mdi-cart-outline { height: 20px; width: 20px; font-size: 20px; line-height: 20px; float: none; display: inline-block; vertical-align: top; margin: 0 5px 0 0; } .quick-view form .actions button{ font-weight:500; padding: 11px 15px; } .quick-view .product-shop.summary .details { float: left; width: 100%; } .quick-view .product-shop.summary .details label { float: left; margin-right: 15px; width: 70px; margin-top: 10px; display: none; } .quick-view .product-shop.summary h2.product-title { padding-bottom: 10px; margin: 0; border-bottom: 1px solid var(--color-border); float: left; width: 100%; line-height: 20px; } .quick-view .product-shop.summary select { width: 100%; padding: 12px 10px; margin: 0; border:none; background-color:#fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .quick-view .product-info { float: left; width: 100%; background: none; padding: 0; margin: 0 0 10px; } .quick-view .product-info > p { margin: 0 0 8px; position: relative; float: left; width: 100%; } .quick-view .product-info>p::after{ position: absolute; content: '\f12c'; font-family: 'Material Design Icons'; left: 0; right: auto; top: 0; bottom: 0; margin: auto; color: #1cc373; font-weight: 600; } .quick-view .product-info .in_stock { color: #1cc373; } .quick-view .product-info .out_of_stock { color: #ff0000; } .quick-view .content { background: var(--color-body); z-index: 99; display: none; margin: 40px auto; position: relative; width: 945px; padding: 50px 0 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .quick-view .quick-shop-modal-bg { background: var(--color-body); height: 100%; width: 100%; z-index: 10; position: absolute; top: 0; left: 0; right: 0; } .quick-view .quick-shop-modal-bg .quickloader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .quick-view .quick-shop-modal-bg .spinner { width: 35px; height: 35px; display: inline-block; padding: 0px; border-radius: 100% !important; border: 2px solid transparent; border-top-color: #222; border-bottom-color: #222; -webkit-animation: quickloader 0.8s ease-in-out infinite alternate; animation: quickloader 0.8s ease-in-out infinite alternate; } .product-wrapper.sidebar-product { border: none; margin: 0; text-align: left; list-style: none; } .product-desc { display: none; } ._quick-view-content { display: none } #fancybox-close, .search-close,#popupBoxClose { background:url({{ 'close.png' | asset_url }}) no-repeat; border:none; cursor: pointer; width: 32px; height:32px; text-indent: -9999px; position: absolute; top: 0px; right: 0px; } .ajax-success-modal .ajax-right label { font-size: 14px; line-height: 16px; font-weight:600; color:var(--color-text); } .ajax_price span.discount-percentage { font-size: 13px; color:#222; } #quickview-template .product-detail-section{ text-align: left; } .quickview-template .content, .quick-view .overlay { display: block; position: fixed; left: 0; right: 0; top: 0; height: 100%; bottom: 0; } ._quick-view-content { display: none } @keyframes quickloader{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @-webkit-keyframes quickloader{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}} #fancybox-close, .search-close, #popupBoxClose { background:url({{ 'hover.png' | asset_url }}) no-repeat; border:none; cursor: pointer; width: 32px; height:32px; text-indent: -9999px; position: absolute; top: 0px; right: 0px; } .Site-navigation .horizontal-mega-menu ul.mm-submenu.tree li{ padding: 7px 20px !important; } @media only screen and (max-width: 1500px) { .quick-view .content { width: 60%; } } @media only screen and (max-width: 1300px) { .quick-view .content { width: 70%; } } @media only screen and (max-width: 991px) { .quick-view .product-shop .product-title > a { font-size: 16px; line-height: 22px; } .quick-view .product-photo-thumbs.product-wrapper-owlslider { width: 75%; float: none; text-align: center; display: inline-block; } .quick-view { overflow: hidden; overflow-y: scroll; } .quick-view .content { padding: 50px 20px; text-align: center; } .quick-view .product-img.images { width: 80%; float: none; display: inline-block; vertical-align: top; } .quick-view .product-shop { width: 100%; } } @media only screen and (max-width: 767px) { .quick-view .quickview-featured-image img { width: 100%; } .quick-view .content { width: 80%; } } @media only screen and (max-width: 480px) { .quick-view form .actions button { padding: 8px 18px; } .quick-view .content { width: 90%; padding: 50px 0; margin: 30px auto; } .quick-view .product-img.images { width: 100%; } } /*---------------------- ajax cart modal --------------------*/ .ajax-success-modal .success-message { padding: 0; float: left; width: 100%; margin-bottom: 15px; } .ajax-success-modal .success-message p { display: inline-block; width: 100%; margin: 0; } .ajax-success-modal .success-message.added-to-cart i { margin-right: 5px; font-size: 20px; line-height: 22px; float: none; display: inline-block; vertical-align: top; width: auto; } .ajax-success-modal .success-message .btn { line-height: 22px; padding: 9px 15px; float: left; width: 100%; } @media only screen and (max-width: 480px) { .ajax-success-modal .success-message .btn { font-size: 13px; padding: 8px 14px; } } .ajax-success-modal .cart-popup__dismiss { float: right; width: auto; } .ajax-success-modal .cart-popup__dismiss a.cart-popup__dismiss-button { font-size: 14px; font-weight: 600; cursor: pointer; line-height: 16px; float: left; width: 100%; } .ajax-success-modal .cart-popup__dismiss a.cart-popup__dismiss-button > i { vertical-align: top; display: inline-block; float: none; width: auto; } .ajax-success-modal .close-modal { position: static; width: auto; } .ajax-success-modal .close-modal .mdi { font-size: 20px; color: var(--color-body-text); line-height: 20px; height: 20px; width: 20px; float: left; } .ajax-success-modal .close-modal .mdi::before { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .ajax-success-modal .close-modal .mdi:hover::before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .ajax-success-modal .ajax-left.cart-popup-item__image { float: left; width: auto; border: 3px solid var(--color-border); } .ajax-success-modal.modal { outline: 0 none; } .ajax-success-modal.cart-popup-wrapper--hidden .overlay { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .ajax-success-modal:not(.cart-popup-wrapper--hidden) .overlay { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .ajax-success-modal .cart-content { float: none; width: auto; position: relative; margin: 30px auto; display: inline-block; vertical-align: top; } .ajax-success-modal .ajax_price #QComparePrice span.money { font-size: 14px; text-decoration: line-through; color: #666; font-weight: 500; } .ajax-success-modal .added-to-cart.info i { padding-right: 5px; } .ajax-success-modal .content-wrap { padding-top: 20px; float: left; width: 100%; border-top: 1px solid var(--color-border); margin: 15px 0 0; text-align: center; } .ajax-success-modal .content-wrap .ajax-content { float: left; width: 100%; margin-bottom: 20px; } .ajax-content-section { display:inline-block; text-align:center; width:100%; margin:auto; } .modal { display: none; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .close-modal { float: right; bottom: 0; position: absolute; right: 0; } .modal-dialog { position: relative; margin: 10px auto; vertical-align: middle; display: inline-block; } .modal-content { position: relative; background-color: #fff; background-clip: padding-box; border: none; outline: none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } .modal.fade .modal-dialog{ transform: scale(0); transition: all .5s ease-out; } .modal.in .modal-dialog{ transform: scale(1); } .ajax-error-modal .modal-inner { padding: 40px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 582px; float: left; margin: auto; z-index: 999; } .ajax-product-image { width: auto; float: left; max-width: 100%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; padding :3px; border: 1px solid var(--color-border); } .ajax-product-title { font: 500 14px/16px var(--font-stack-body); color:#555; margin: 5px 0 7px; } .ajax-product-title:hover{ color: var(--color-text); } .ajax-right .ajax_price { font-size: 16px; font-weight: 600; color: var(--color-text); float: left; width: 100%; margin-bottom: 7px; font-family: var(--font-stack-header); } .ajax-right { float: left; width: auto; padding: 0 0 0 15px; text-align: left; } .ajax-right ul.product-details { margin: 0 0 10px; float: left; width: 100%; } .ajax-right ul.product-details li.product-details__item { margin: 0 0 5px; font-size: 13px; font-weight: 600; } .ajax-right ul.product-details li.product-details__item:last-child { margin: 0; } .ajax-right .cart-popup-item__quantity { float: left; width: 100%; font-size: 14px; font-weight: 600; } .ajax-right .ajax_price .visually-hidden { font-size: 14px; width: 100%; float: left; margin: 0 0 10px; font-weight: 500; display: none; } .ajax-success-modal .overlay, .ajax-error-modal .overlay { background: rgba(0, 0, 0, 0.6); height: 100%; width: 100%; position: fixed; top:0; bottom: 0; left: 0; right: 0; z-index: 4; } .modal-cart { display: flex; align-items: center; float: left; width: 100%; height: 100%; } .modal-cart .product-qty { display: none; } .ajax-error-modal .modal-inner { background: #fff; top: 40px; bottom: auto; width: 400px; padding: 0; } .ajax-error-modal .modal-inner a.close-modal { float: none; width: 50px; display: inline-block; vertical-align: top; height: 50px; border: 2px solid #fff; line-height: 50px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .ajax-error-modal .modal-inner a.close-modal:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .ajax-error-modal .modal-inner a.close-modal i { font-size: 28px; color: #fff; line-height: 47px; } .ajax-error-modal .modal-inner .close-popup { background: #e14848; padding: 20px 0; } .ajax-error-modal .modal-inner .ajax-error-title { font-size: 20px; line-height: 23px; float: left; width: 100%; margin: 0 0 15px; color: #222; font-weight: 600; } .ajax-error-modal .modal-inner .error-content { float: left; width: 100%; padding: 40px 30px; } .ajax-error-modal .modal-inner .ajax-error-message { font-size: 14px; line-height: 22px; float: left; width: 100%; color: #666; } .cart-popup-wrapper.modal .cart-content { position: fixed; right: 0; left: auto; top: 0; bottom: auto; margin: 0; border: 1px solid var(--color-border); transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1); -webkit-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1); -moz-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1); -o-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1); -ms-transition: all 400ms cubic-bezier(0.29, 0.63, 0.44, 1); transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); background: var(--color-body); width: 400px; z-index: 4; border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; -khtml-border-radius: 0 0 0 5px; } .cart-popup-wrapper.modal .cart-content .content { padding: 20px 24px; float: left; width: 100%; } .cart-popup-wrapper.modal .cart-content .content-wrap .ajax-left { width: 20%; float: left; } .cart-popup-wrapper.modal .cart-content .content-wrap .ajax-right { width: 80%; float: left; padding: 0 0 0 15px; text-align: left; } .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart { padding: 11px 0; font-weight: 700; color: var(--color-btn-primary-text); background: var(--color-btn-primary); } .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart::after, .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart::before { border-bottom-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart:hover, .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart:focus, .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart:active { color: var(--color-btn-secondary-text); } .cart-popup-wrapper.modal .cart-content .content-wrap .continue-shopping { font-size: 13px; border-bottom: 1px solid var(--color-border); float: none; width: auto; display: inline-block; vertical-align: top; margin: 0 0 5px; cursor: pointer; font-weight: 700; color: var(--color-body-text); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .cart-popup-wrapper.modal .cart-content .content-wrap .continue-shopping:hover { color: var(--color-text-hover-field); border-bottom: 1px solid #222; } .cart-popup-wrapper.modal .cart-content .added-to-cart.info { color: var(--color-body-text); text-align: left; font-size: 14px; line-height: 20px; font-weight: 500; width: auto; float: left; margin: 0; } .cart-popup-wrapper.modal .cart-content .ajax-right .ajax-product-title { margin-top: 0; float: left; width: auto; line-height: 20px; } .cart-popup-wrapper.modal .cart-content .ajax-right .total_itmes { float: left; width: 100%; font-size: 13px; line-height: 18px; font-weight: 700; } .cart-popup-wrapper.modal.open .cart-content { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); } #order-summary .product-thumbnail__image { max-height: none; } #order-summary .product-thumbnail__wrapper { border-radius: 0; } #order-summary .product-thumbnail::after { border-width: 3px; border-color: #333; border-radius: 0px; } @media only screen and (max-width: 1200px) { .ajax-error-modal .modal-inner { padding: 20px; } } @media only screen and (max-width: 767px) { .ajax-right .ajax_price { margin-bottom: 5px; } } @media only screen and (max-width: 543px) { .ajax-success-modal .ajax-left.cart-popup-item__image { width: 100%; margin: 0 0 15px; } .ajax-error-modal .modal-inner { width: 300px; } .ajax-right { width: 100%; padding: 0; } } @media only screen and (max-width: 480px) { .cart-popup-wrapper.modal .cart-content .content-wrap .ajax-left { width: 40%; margin: 0 0 15px; padding: 0; } .cart-popup-wrapper.modal .cart-content .content { padding: 10px 15px 15px 15px; } .ajax-product-image { float: none; display: inline-block; vertical-align: top; } .ajax-error-modal .modal-inner { padding: 10px; width: 270px; } .cart-popup-wrapper.modal .cart-content .content-wrap .ajax-right { width: 60%; } .cart-popup-wrapper.modal .cart-content .content-wrap .added-to-cart a.cart { margin: 0 0 10px; } body.cart-open .modal-cart { display: block; } .cart-popup-wrapper.modal .cart-content { width: 290px; } } /*----------- brand logo -------------------*/ #brands_list_slider{ text-align: center; float: left; width: 100%; margin: 0; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } #brands_list_slider .brand-bar__item .brand-bar__image { transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; } #brands_list_slider .brand-bar__item:hover .brand-bar__image { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @keyframes hvr-wobble-horizontal{ 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .tt-brand_slider.owl-carousel img { display: block; width: auto; max-width: 100%; text-align: center; margin: 0 auto; } #brands_list_slider .brand-bar__item { padding: 15px; float: left; width: 100%; } /*-------------------------------------------*/ .grid-view-item .tooltip-label { display: none; } .shop_table.cart_table td, .shop_table.cart_table .shop_table.cart_table th { padding: 15px; text-align: center; border: none; border-bottom: 1px solid var(--color-border); } .shop_table.cart_table .cart__mini-labels { display: none; } .shop_table.cart_table .js-qty { text-align: center; float: none; margin: 0 auto; } .site-navigation { border-top: 1px solid #e5e5e5; box-shadow:0 2px 2px rgba(50, 50, 50, 0.1); -webkit-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1); -moz-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1); -ms-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1); -o-box-shadow:0 2px 2px rgba(50, 50, 50, 0.1); display: inline-block; width: 100%; } #template-index .site-navigation { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } .page-header { display: none; } .breadcrumb__sep { position: relative; display: inline-block; font-size: 0; } /*====================== Product Page ===============================*/ i.mdi { font-size: 16px; } a.product-lightbox-btn.tip-top img { width: auto; height: auto; } .quick-view.open-in .product-detail-section { text-align: left; opacity: 1 !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; -webkit-opacity: 1 !important; } .product-arrows div { width: 130px; position: fixed; top: 0; bottom: 0; margin: auto; height: 130px; padding:15px 0; z-index:1; } .product-information .product-info { display: inline-block; float: left; width: auto; } .product-information .product-info > p { display: table; margin: 8px 0; float: none; width: auto; position: relative; } .product-information .product-info>p::after { position: absolute; content: '\f12c'; font-family: 'Material Design Icons'; left: 0; right: auto; top: 0; bottom: 0; margin: auto; color: #1cc373; font-weight: 600; } .product-information .product-info > p > label { display: table-cell; width: 120px; font-weight: 500; font-size: 14px; color: var(--color-text); float: left; margin: 0; padding-left: 20px; } .product-information .review-wrap { padding: 0; } .product-information .product-information-inner .fixed-content .qty_attr { padding: 0; } .product-information .product-information .product-single__price span.discount-percentage { font-size: 14px; color: #222; } .product-information .product-information-inner .product-actions .selector-wrapper { float: left; margin: 0 5px 10px 0; width: 140px; } .product-information .flip-countdown .countdown-block.countdown-container { float: none; width: auto; position: static; background: var(--color-body); display: inline-block; vertical-align: top; padding: 0 15px 0 40px; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; border: 1px solid var(--color-border); height: auto; } @media only screen and (max-width: 480px) { .product-information .flip-countdown .countdown-block.countdown-container { display: inline-block !important; height: auto; } } .product-information .flip-countdown.simple-countdown .countdown-container::after { left: 10px; } .product-information-inner .product-single__price #comparePrice, .product-desc .product-single__price #comparePrice1 { font-size: 14px; color:var(--color-body-text); } .spr-summary-starrating{ font-size: 10px; color:#ffbf34; } .spr-starratings{ font-size:12px !important; color:#ffbf34; } .spr-review-header .spr-review-header-title { font-size: 14px; margin:0; font-weight: 700; } .spr-review{ padding:15px 0 !important; border-top: 1px solid var(--color-border) !important; } .spr-container{ padding:0 !important; border: none !important; } .spr-badge-starrating{ margin:0!important; } .spr-form{ padding:0 !important; border-color: var(--color-border) !important; } span.spr-badge-caption{ padding-left:10px; border-left: 1px solid var(--color-border); margin-left: 8px; } #shopify-product-reviews .spr-content .spr-form-title { font-size: 16px !important; line-height: 30px !important; margin-bottom:15px !important; color: var(--color-text); font-weight: 600; } .spr-icon { font-size: 12px !important; line-height:18px !important; } .spr-form-input.spr-starrating .spr-icon{ color:#ffbc00; } .spr-form-input.spr-starrating .spr-icon.spr-icon-star-empty{ color:#5c5c5c; } a.spr-icon.spr-icon-star.spr-icon-star-empty.spr-icon-star-hover { color: #ffbc00; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-single .product-single__description .spr-icon:hover.spr-icon-star-empty { color:#ffbc00 !important; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #shopify-product-reviews .spr-form-label,#shopify-product-reviews .spr-review-content-body { font-size: 13px; line-height: 24px; color:var(--color-body-text); } .product-single__photos .main_image_wrap { float: left; width: 100%; } .product-single .product-single__thumbs .grid-item.slick-slide a { float: left; padding: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-single .product-single__thumbs.vertical_left .grid-item a, .product-single .product-single__thumbs.vertical_right .grid-item a { float: none; width: auto; display: inline-block; vertical-align: top; } @media only screen and (max-width: 991px) { .product-single.vertical_left .product-wrapper-owlslider, .product-single.vertical_right .product-wrapper-owlslider, .product-single.vertical_left .product-information, .product-single.vertical_right .product-information { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .product-single.vertical_left .product-information-inner .checkout-btn, .product-single.vertical_right .product-information-inner .checkout-btn { margin: 0; } } .product-single .social-sharing i { height: 17px; width: 25px; float: left; text-align: center; line-height: 17px; margin: 0 5px 0 0; font-size: 16px; color: #fff; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-single .social-sharing i.mdi-facebook { color: #3b5998; } .product-single .social-sharing i.mdi-twitter { color: #00aced; } .product-single .social-sharing i.mdi-pinterest { color: #c8232c; } .product-single .social-sharing i.mdi-instagram { color: #dc2743; } .product-single .social-sharing i.mdi-whatsapp { color: #25D366; } .product-information-inner .product-single__price span#productPrice, .product-desc .product-single__price span#productPrice1 { font-size: 16px; line-height: 24px; font-weight: 400; color: var(--color-btn-primary); font-family: var(--font-stack-header); } @media only screen and (max-width: 1199px){ .product-single .social-sharing span.share-title { display: none; } } .product-grid .products-grid-view .grid-item.product-short-list { width: 100%; } @media(max-width:480px){ span.spr-badge-caption{ display:none; } } /*--------------------- Quantity CSS ----------------------*/ .product-form--variant-sold-out .product-qty { display: none; } .qty-box-set { float: left; width: auto; position: relative; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .qty-box-set .quantity, .qty-box-set .quantity1 { border: none; width: 75px; height: 40px; line-height: 40px; padding: 0; float: left; cursor: pointer; text-align: center; margin: 0; } .qty-box-set .qtyminus, .qty-box-set .qtyplus, .qty-box-set .qtyminus1, .qty-box-set .qtyplus1 { height: 40px; line-height: 40px; text-align: center; text-decoration: none; position: absolute; top: 0; bottom: 0; margin: auto 0; float: none; display: inline-block; vertical-align: top; width: 25px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; cursor: pointer; } @media only screen and (max-width: 480px) { .qty-box-set .quantity, .qty-box-set .quantity1 { height: 35px; line-height: 35px; } .qty-box-set .qtyminus, .qty-box-set .qtyplus, .qty-box-set .qtyminus1, .qty-box-set .qtyplus1 { height: 35px; line-height: 35px; } } .qty-box-set .qtyminus:hover, .qty-box-set .qtyplus:hover, .qty-box-set .qtyminus1:hover, .qty-box-set .qtyplus1:hover { background: var(--color-btn-primary); } .qty-box-set .qtyminus:hover > i, .qty-box-set .qtyplus:hover > i, .qty-box-set .qtyminus1:hover > i, .qty-box-set .qtyplus1:hover > i{ color: #fff; } .qty-box-set .qtyminus > i, .qty-box-set .qtyplus > i, .qty-box-set .qtyminus1 > i, .qty-box-set .qtyplus1 > i { color: #333; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; font-size:12px; } .qty-box-set .qtyplus, .qty-box-set .qtyplus1 { left: auto; right: 0; } .qty-box-set .qtyminus, .qty-box-set .qtyminus1 { left: 0; right: auto; border-right: none; } .qty-box-set .quantity, .qty-box-set .quantity1 { -webkit-appearance: textfield !important; appearance: textfield !important; -moz-appearance: textfield; } .qty-box-set input[type=number]{ border: 2px solid #f5f1e9; } .cart-qty-box-set .quantity { border: none; width: 100px; height: 41px; line-height: 41px; padding: 0; float: left; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; cursor: pointer; text-align: center; margin: 0; background-color: transparent; border: 0; -webkit-appearance: none; appearance: none; } table.shop_table.cart_table tfoot { display: none; } .qnt_wrap { float: left; width: 100%; overflow:hidden; } /* Adds a box around the numeric value in Safari and Chrome */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; /* Removes leftover margin */ } .qty-box-setinput [type=number]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } .qty-section.quantity-box .actions.hidden-md.hidden-xs.hidden-sm { display: none; } .product-single .product-information-inner .fixed-content>.quantity .qty-box-set input#Qty { float: left; width: 118px; height: auto; } /*-------------------------product tab---------------------------*/ .TTProduct-Tab { float: left; width: 100%; text-align: center; } .nav.nav-tabs { float: none; width: 100%; text-align: center; margin: 0 0 30px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; } .ttproduct .tab-model-wrap .grid__item { float: left; width: 100%; } .template-index .nav.nav-tabs{ text-align: center; position: absolute; width:auto; left: auto; right: 17%; top: -6px; bottom: auto; margin: 0; background: var(--color-product-primary); border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; display: flex; align-items:center; justify-content:center; overflow-x: auto; overflow-y: hidden; } /* FIX: Category Slider tab-nav floating to top of page. .template-index .nav.nav-tabs above is position:absolute (top:-6px; right:17%) but none of its ancestors (.box-heading.tthometab-title, .category_slider_content, .grid__item.has_bg, .category-slider, .container, .shopify-section...categoryslider, .container-fluid) were position:relative, so it was positioning against the document's initial containing block instead of its own component -- making the tab nav render pinned near the very top of the homepage instead of inside the Category Slider section. Adding position:relative here gives it the correct containing block. */ .template-index .box-heading.tthometab-title { position: relative; } .nav-tabs > li.nav-item.active > a, .nav-tabs > li.nav-item:hover > a{ background: var(--color-btn-primary); color: var(--color-btn-secondary-text); } .nav.nav-tabs > li { float: none; margin-bottom: 0; display: inline-block; vertical-align: top; position: relative; flex: 0 0 auto; overflow: hidden; flex-shrink: 0; padding: 0; } .nav.nav-tabs > li:first-child{ margin:0 4px 0 0px; } .nav.nav-tabs > li:last-child{ margin:0 0 0 4px; } .nav.nav-tabs > li > a{ float: left; width: 100%; padding: 0; position: relative; z-index: 1; padding: 11px 22px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } .nav.nav-tabs > li .tab_content { float: left; width: auto; display: flex; align-items: center; } .ttproduct .nav.nav-tabs > li .tab-detail{ float: right; width: auto; text-align: left; } .ttproduct .nav.nav-tabs > li .tab-detail .tab-title { font: 600 14px/18px var(--font-stack-header); position: relative; margin: 0; padding: 0; overflow: hidden; z-index: 1; float: left; width: 100%; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .ttproduct .nav.nav-tabs > li .tab-detail .tab-item { font:italic 500 13px/16px var(--font-stack-body); float: left; width: 100%; } .nav-tabs > li:last-child > a { margin-right: 0; } .nav-tabs > li.active > a { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .nav>li>a:focus, .nav>li>a:hover{ background: none; } .TTProduct-Tab:hover .owl-theme .owl-nav { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .ttproduct .nav.nav-tabs > li .tabicon { float: left; height: 85px; width: 75px; } .ttproduct .nav.nav-tabs > li .tabicon .tab-icon{ height: 40px; width: 40px; cursor: pointer; margin: 20px 15px; float: none; display: inline-block; vertical-align: top; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .ttproduct .nav.nav-tabs > li:hover .tabicon .tab-icon { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } .product-single__description .product_tab_wrapper { clear: both; margin: 50px 0 40px; text-align: center; padding: 0; border: 2px solid var(--color-border); padding :5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } .product-single__description .product_tab_wrapper ul.tabs { float: left; width: 100%; padding: 0 15px; background:#f7f4ef; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius:5px; } .product-single__description .product_tab_wrapper ul.tabs li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; } .product-single__description .product_tab_wrapper ul.tabs li:last-child { border-right: none; } .product-single__description .product_tab_wrapper ul.tabs li:last-child > a { margin-right: 0; } .product-single__description .product_tab_wrapper ul.tabs li > a { float: none; display: inline-block; vertical-align: top; width: auto; font:700 16px/18px var(--font-stack-header); margin: 0 0 -1px; padding: 18px 15px 16px 15px; opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; } .product-single__description .product_tab_wrapper ul.tabs li.active > a, .product-single__description .product_tab_wrapper ul.tabs li:hover > a { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-single__description .product_tab_wrapper ul.tabs li.active > a{ margin: 10px 0 -1px; padding: 13px 15px 11px 15px; background: #fff; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; width: auto; } .product-single__description .product_tab_wrapper .tab-container { float: left; width: 100%; text-align: left; padding: 0 15px 15px 15px; overflow-y: auto; overflow-x: hidden; } .product-single__description .product_tab_wrapper .tab-container img { float: left; } .product-single__description .product_tab_wrapper .tab-container .table-responsive { float: left; width: 100%; } .product-single__description .product_tab_wrapper .tab-container .table-responsive table { table-layout: auto; } .product-single__description .product_tab_wrapper table th.label { float: left; width: 100%; font-size: 14px; font-weight: 600; color: #333; border: none; text-align: left; padding: 15px; line-height: 20px; } .product-single .tab-pane p { margin: 0; font-size: 13px; } #shopify-product-reviews { text-align: left; margin: 0 !important; } .product-single__description .tab-pane .spr-summary { text-align: left; } .product-information-inner #AddToCartForm .product-single__variants .selector-wrapper { float: left; margin-right: 10px; width: 140px; } @media only screen and (max-width: 1299px) { .ttproduct .nav.nav-tabs > li .tab-detail .tab-title{ font-size: 14px; line-height: 16px; } .ttproduct .nav.nav-tabs>li .tab-detail .tab-item{ font-size: 12px; line-height: 14px; } } @media only screen and (max-width: 1199px) { .nav.nav-tabs{ display: flex; } .template-index .nav.nav-tabs{ top:-8px; right: 18%; } } @media only screen and (max-width: 991px) { .product-single__description .product_tab_wrapper { margin: 30px 0 20px; } .nav.nav-tabs{ margin: 0 0 15px; } .product-tab-type-1 .nav.nav-tabs{ position: relative; display: flex; left: 0; align-items: flex-start; float: left; margin-bottom: 1rem; right: 0; overflow: auto; } .categories-products .owl-theme .owl-nav{ top: -90px; } } @media only screen and (max-width: 767px) { .nav-tabs>li>a{ font-size: 14px; } .ttproduct .nav.nav-tabs > li .tab-detail .tab-title { font-size: 13px; } .nav.nav-tabs > li > a { padding: 9px 7px; } } @media only screen and (max-width: 700px) { .ttproduct .tab-model-wrap .tt-title{ opacity:1; } } .nav.nav-tabs > li > a{ padding:9px 22px; } /* .template-index .nav.nav-tabs { position: static; top: 0; margin: 0 0 20px; right: 0; left: 0; bottom: 0; float: none; width: auto; display: inline-block; vertical-align: top; } */ .template-index .main-content .shopify-section.index-section.ttproduct{ margin:0 0 30px; } .ttproduct .tab-model-wrap .grid__item{ text-align:center; } } @media only screen and (max-width: 480px) { .nav-tabs > li > a { font-size: 13px; padding: 8px; margin: 0; } .template-index .nav.nav-tabs{ width:100%; display:flex; } .product-single__description .tabs>li { width:100%; } .product-single__description .product_tab_wrapper ul.tabs li > a { width: 100%; margin: 0 0 5px; font-size: 14px; line-height: 16px; } } /*----------------------------- Product Best Seller --------------------------*/ .design_3 .product-single__description .product_tab_wrapper { margin: 0; float: right; } .design_3 .product-single__description.rte{ margin: 50px 0 40px 0; } .design_3 .product-bestseller { float: left; padding-left: 0; } .design_3 .product-bestseller .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ display: inline-block; } .design_3 .product-bestseller .product-wrapper .pro_btn.add_tocart a.loading svg{ display: none; } .design_3 .widget.widget_top_rated_products { float: left; width: 100%; border: 2px solid var(--color-border); padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; background:var(--color-section); } .design_3 .widget.widget_top_rated_products .product-img { padding: 3px; border: 1px solid var(--color-border); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; margin: 0 0 10px; } .design_3 .widget.widget_top_rated_products .owl-item:last-child .product-img { margin: 0; } .design_3 .widget.widget_top_rated_products .product-img img{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .design_3 .top-products .product-wrapper .thumb-description .grid-view-item__title { float: left; width: 100%; font: 500 14px/16px var(--font-stack-body); margin: 0 0 8px; } .design_3 .top-products .product-wrapper .top-product-prices{ float: left; width: 100%; margin: 0 0 8px; } .design_3 .top-products .product-wrapper .top-product-cartqty{ float: left; width: 100%; } .design_3 .top-products .product-wrapper .top-product-cartqty .add_tocart.pro_btn a.btn{ padding: 6px 8px; font-size: 12px; } .design_3 .top-products .product-wrapper .top-product-cartqty .product-qty { float: left; width: auto; margin-right: 8px; } .design_3 .widget_top_rated_products .top-products .owl-nav{ top: -50px; } @media(max-width: 1399px){ .design_3 .top-products .product-wrapper .top-product-cartqty span.add_cart.tooltip-label { display: none; } } @media(max-width: 991px){ .design_3 .top-products .product-wrapper .top-product-cartqty .add_tocart.pro_btn a.btn{ padding: 4px 8px; } .design_3 .top-products .product-wrapper .top-product-cartqty span.sold_cart.tooltip-label{ display: none; } } @media(max-width: 480px){ .design_3 .widget.widget_top_rated_products .product-img img{ width: 100%; } } /*----------------------------- END --------------------------*/ .product-wrapper .product { display: block; margin-bottom: 0; } ul.nav-tabs.jquery-tab-pager-tabbar { margin-bottom: 20px; border: none; } .product_title .product_img{ width:100px; } #newproduct_products_slider .owl-stage-outer { margin: 0 1px 0 0; } .has_bg #newproduct_products_slider { margin: 25px 0 0; } @media only screen and (max-width: 1200px) { .has_bg .tab-inner.tab-content.tab-container .owl-carousel .owl-stage-outer { margin: 0; } .has_bg #newproduct_products_slider { padding: 0; margin: 0; } .has_bg #newproduct_products_slider .owl-carousel .owl-stage-outer { margin: 0; } } @media only screen and (max-width: 992px) { .has_bg #newproduct_products_slider { padding: 0; } } @media only screen and (max-width: 480px) { .has_bg #newproduct_products_slider { padding: 0 5px; } } /*-------------------- GoTo Top ------------------*/ #GotoTop { background: var(--color-btn-secondary); bottom: 40px; cursor: pointer; height: 40px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; position: fixed; right: 40px; text-align: center; width: 40px; z-index: 1; color: var(--color-btn-secondary-text); display: none; top: auto !important; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } @media only screen and (max-width: 767px) { #GotoTop { right: 20px; bottom: 40px; } } #GotoTop:hover { background: var(--color-btn-primary); color: var(--color-btn-primary-text) !important; transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -o-transform: translateY(-6px); -ms-transform: translateY(-6px); } #GotoTop i.mdi{ font-size: 22px; line-height: 40px; width: 40px; height: 40px; float: none; display: inline-block; vertical-align: top; } /*--------------------- contact form --------------------*/ .contact-title { float: left; width: 100%; font: 700 22px/24px var(--font-stack-header); color: var(--color-text); margin: 0 0 30px; } .contact-form .btn { background: var(--color-btn-primary); color: var(--color-btn-primary-text); padding: 10px 25px; } .contact-form .btn:hover, .contact-form .btn:active, .contact-form .btn:focus { background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .contac-us-page .address-container .content { font-size: 16px; } .address-container .address-text { width: 100%; float: left; text-align: center; margin: 0 0 30px; display: flex; align-items: center; } .contact-us-page .social-sharing,.contact-us-page .social-sharing .tt-social-share { float: left; width: 100%; } .contact-us-page .social-sharing .social-icon { float: none; display: inline-block; vertical-align: top; width: 40px; height: 40px; text-align: center; line-height: 40px; } .contact-us-page .social-sharing .social-icon i { font-size: 20px; color: #aaa; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .contact-us-page .social-sharing .social-icon a:hover i { color: var(--color-btn-secondary); } .contact-us-page .social-sharing .social-title,.contact-us-page .address-container .small-title{ font: 600 20px/24px var(--font-stack-header); float: left; width: 100%; color: var(--color-text); margin: 0 0 30px; } .contact-us-page .social-sharing .social-title{ line-height: 38px; } .contact-us-page .social-sharing .tt-social-share,.contact-us-page .social-sharing .social-title { width: auto; margin: 0; } .contact-us-page .address-container .small-title{ background: #f7f4ef; padding: 15px; } .contact-us-page .social-sharing { background: #f7f4ef; padding: 10px 15px; } .address-container .address-text .content { float: none; display: inline-block; vertical-align: top; width: auto; text-align: left; margin-left: 15px; } .address-container .address-text .content > .address-label { font-size: 16px; font-weight: 500; color: #222; } .address-container.right-to-left { float: left; width: 100%; border: 1px solid var(--color-border); padding: 15px; background:var(--color-section); } .contact-us-page { float:left; width:100%; } .contact-us-form { float: left; width: 100%; margin: 0 0 30px; } .contact-us-page .address-text i.mdi { font-size: 30px; line-height: 30px; float: none; display: inline-block; vertical-align: top; color: #aaa; } @media only screen and (max-width: 1199px){ .contact-us-page .social-sharing .social-title { font-size: 18px; line-height: 30px; } .contact-us-page .address-container .small-title{ font-size: 18px; margin: 0 0 20px; line-height: 20px; } .contact-us-page .social-sharing{ padding:10px; } .contact-us-page .social-sharing .social-icon{ width: 30px; height: 30px; line-height:30px; } .contact-us-page .social-sharing .social-icon i{ font-size:16px; } } @media only screen and (max-width: 991px){ .contact-us-page .contact_wrapper, .contact-us-page .rte { width: 100%; } .contact-us-page .contact_wrapper{ margin: 0 0 30px; } } @media only screen and (max-width: 767px){ .contact-us-page .contact_wrapper,.contact-us-form{ margin: 0 0 15px; } } /*--------------------- wishlist page -----------------------*/ .template-page .product-thumbnail img { float: none; display: inline-block; vertical-align: top; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; padding: 3px; border: 1px solid var(--color-border); } .wishlist.template-page .table-responsive{ border:none; float:left; width:100%; } .wishlist.template-page .table-responsive tr,.compare_table tr,.sidebar .widget,.article-template .content_wrap .sidebar .comments{ background:var(--color-section); } .wishlist_table thead th span { font: 600 16px/18px var(--font-stack-header); color: var(--color-text); } .wishlist_table td span.wishlist-in-stock { color: #1cc373; } .wishlist_table .product-stock-status .wishlist-in-stock.wishlist-out-of-stock { color: #ff0000; } .wishlist_table .product-remove, .wishlist_table .product-thumbnail, .wishlist_table .product-name, .wishlist_table .product-price, .wishlist_table .product-stock-stauts, .wishlist_table .wishlist-product-price.product-price, .wishlist_table .product-stock-status, .wishlist_table .product-add-to-cart { text-align: center; padding: 15px; position: relative; } .wishlist_table .product-name a.wishlist-item-link{ font: 500 14px/16px var(--font-stack-body); color: #444; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .wishlist_table .product-name a.wishlist-item-link:hover{ color:#222; } .wishlist_table .wishlist-product-price.product-price span.money { color: var(--color-sale-text); font-weight: 700; font-family: var(--font-stack-header); } .wishlist_table .product-thumbnail a { float: none; width: auto; display: inline-block; vertical-align: top; } .wishlist_table .product-remove .remove_from_wishlist { font-size: 16px; font-weight: 700; height: 20px; left: 0; line-height: 20px; position: absolute; right: 0; width: 20px; top: 0; bottom: 0; margin: auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .wishlist_table .product-remove .remove_from_wishlist:hover { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #ff0000; } @media only screen and (max-width: 767px) { .wishlist_table .product-thumbnail { padding: 10px; float: none; width: 80px; } .wishlist_table thead .product-thumbnail { border: none; padding: 0; } .wishlist_table .table-responsive { z-index: 1; position: relative; } } @media only screen and (max-width: 590px) { .wishlist_table .product-thumbnail { float: left; border: none; border-top: 1px solid var(--color-border); } } @media only screen and (max-width: 480px) { .wishlist_table td.product-thumbnail { width: 100px; float: left; } } .template-page .shop_table > thead { background: var(--color-body); } /*---------------- Other pages CSS --------------------*/ .template-page .page-content { padding: 25px; float: left; width: 100%; } /*---------- Product compare error modal--------------*/ .customer_account .compare-icon-div .compare-icon { font-size: 14px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .customer_account .compare-icon-div span.compare-count { font-family: var(--font-stack-header); } .compare_table .compare-box td span.money { font: 700 16px/18px var(--font-stack-header); color: var(--color-sale-text); } .compare_table .compare-box .productname td a{ color:var(--color-text); font-weight:700; } .compare_table .compare-box .productname td a.compare-item-link{ font: 500 14px/16px var(--font-stack-body); color: #444; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .compare_table .compare-box .productname td a.compare-item-link:hover{ color:var(--color-text-hover-field); } body.compare .table-responsive { float: left; width: 100%; border-color: var(--color-border); } body .compare-model{ float:left; width:100%; text-align:center; } body .compare-model .modal .modal-dialog { margin: 35px auto; width: auto; max-width: 700px; float: none; display: inline-block; vertical-align: top; } body .compare-model .modal .modal-dialog .modal-content { margin: 0 auto; border-width: 0; border-radius: 0; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; text-align: center; } body .compare-model .modal .modal-dialog .modal-content > div { width: 100%; margin: 0 auto; } body .compare-model .modal .modal-dialog .modal-content .modal-header .close { opacity: 1; } body .compare-model .modal .modal-dialog .modal-content .close { opacity: 1; } body .compare-model .modal .modal-dialog .modal-content .close .mdi-close { font-size: 22px; color: var(--color-text); font-weight: 300; padding: 0; line-height: 24px; display: inline-block; zoom: 1; } body .compare-model .modal .modal-dialog .modal-content .modal-body { background-color: var(--color-body); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); padding: 0; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } body .compare-model .modal .modal-dialog .modal-content .modal-body .modal-header { float: left; width: 100%; border-width: 2px; margin-top: 5px; border-color: var(--color-border); padding: 12px 15px; } body .compare-model .modal .modal-dialog .modal-content .modal-body .compare-button { float: left; width: 100%; padding: 15px; } body .compare-model .modal .modal-dialog .modal-content .modal-body a.compare { float: right; } body .compare-model .max_compare { font: 700 16px/18px var(--font-stack-header); margin-bottom: 0; float: left; width: auto; color: var(--color-text); } @media only screen and (max-width: 767px) { .compare-box td a{ float:left; width:150px; } body .compare-model .modal .modal-dialog { max-width: 400px; } } @media only screen and (max-width: 480px) { body .compare-model .modal .modal-dialog { max-width: 300px; } body .compare-model .max_compare { font-size: 14px; } } .compare-model #modalCompare1::before { vertical-align: top; } /*-------------------------- Product image hover effect ----------------*/ .product-wrapper .product-thumb .left_img .second-productimg .image_thumb_swap, .product-wrapper .product-thumb .right_img .second-productimg .image_thumb_swap { left: -100%; right: auto; } .product-wrapper .product-thumb .right_img .second-productimg .image_thumb_swap { right: -100%; left: auto; } .product-wrapper .product-thumb .zoom_img .second-productimg .image_thumb_swap { margin: 0 auto; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); } .product-wrapper .product-thumb .left_img:hover .second-productimg .image_thumb_swap, .product-wrapper .product-thumb .right_img:hover .second-productimg .image_thumb_swap { left: 0; right: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .product-wrapper .product-thumb .zoom_img:hover .second-productimg .image_thumb_swap { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); visibility: visible; } /*======================= Product tab CSS ============================*/ .tab-inner .nav.nav-tabs { border: medium none; display: inline-block; float: none; vertical-align: top; width: auto; margin: 0 0 25px; position: relative; } .tab-inner .product_col3 .owl-carousel .owl-item { width: 33.33%; } .tab-inner .product_col5 .owl-carousel .owl-item { width: 20%; } .tab-inner .product_col4 .owl-carousel .owl-item { width: 25%; } @media only screen and (max-width: 1200px) { .tab-inner .product_col5 .owl-carousel .owl-item { width: 33.33%; } .tab-inner .product_col4 .owl-carousel .owl-item { width: 33.33%; } } @media only screen and (max-width: 767px) { .tab-inner .product_col4 .owl-carousel .owl-item { width: 50%; } .tab-inner .product_col3 .owl-carousel .owl-item { width: 50%; } .tab-inner .product_col5 .owl-carousel .owl-item { width: 50%; } } @media only screen and (max-width: 480px) { .tab-inner.tab-content { float: left; width: 100%; } .tab-inner.tab-content .contents { float: left; width: 100%; } .tab-inner .nav.nav-tabs { margin: 0 0 15px; } } /*------------------- Color And Size ----------------*/ .item-swatch.color_swatch_Value label,.product-size li label{ cursor: pointer; float: left; height: 12px; width: 12px; margin:0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; text-transform: uppercase; color: #aaa; font-weight: 500; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-size li label{ width:auto; } .product-size li,.color_swatch_Value li { float: none; display: inline-block; vertical-align: top; font-size: 12px; line-height: 12px; margin: 0 4px 0 0; } .specialproduct .item-swatch.color_swatch_Value label,.specialproduct .product-layouts .product-wrapper .item-swatch.color_swatch_Value{ display:none; } .product-size li:hover label,.product-size li label{ color: #222; padding: 12px 5px; border: 2px solid var(--color-border); border-radius: 5px; float: left; line-height: 0px; width: 100%; } .product-size li.active label{ background:var(--color-border); } .product-layouts .product-wrapper .color-size { float: left; width: 100%; margin: 0 0 12px; } /* .tab-pane .product-layouts .product-wrapper .color-size, .products-grid-view .product-grid .product-layouts .product-wrapper .color-size, .related-products .product-layouts .product-wrapper .color-size{ display: none; } */ .product-layouts .product-wrapper .item-swatch.color_swatch_Value { float: none; display: inline-block; vertical-align: top; width: auto; margin:0 6px 0 0; font-size: 12px; line-height: 12px; border-right: 1px solid rgba(0,0,0,0.2); padding-right: 6px; } .product-layouts .product-wrapper .product-size li input[type="text"],.product-layouts .product-wrapper .item-swatch.color_swatch_Value input[type="text"] { display: none; } .product-layouts .product-wrapper .product-size { float: none; display: inline-block; vertical-align: top; width: auto; margin: 0; text-align: center; } .product-layouts .product-wrapper ul.product-size li .size-label { float: left; width: 100%; } .product-layouts .product-wrapper ul.product-size li .hidden { float: none; vertical-align: top; } .product-layouts .product-wrapper ul.product-size li .hidden img { width: 36px; } /*======================= Product Button Common CSS ============================*/ .product-wrapper .btn_wrapper .pro_btn form { float: left; height: 100%; margin: 0; width: 100%; } .product-wrapper .btn_wrapper .pro_btn a { cursor: pointer; float: right; width: 40px; height: 40px; padding: 0; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } @media(max-width: 991px){ .product-wrapper .btn_wrapper .pro_btn a{ width: 34px; height: 34px; } } .product-wrapper .pro_btn a.add-to-cart-disable { cursor: not-allowed; } .style1 .product-wrapper .pro_btn a.add-to-cart-disable:focus,.style1 .product-wrapper .pro_btn a.add-to-cart-disable:active{ background: none; } .style3 .product-wrapper .pro_btn a.btn.add-to-cart-disable:active svg,.style3 .product-wrapper .pro_btn a.btn.add-to-cart-disable:focus svg{ fill: var(--color-product-primary-text); } /*======================= Product common css ============================*/ .product-cat-item { float: left; position: relative; margin-bottom: 25px; } .product-layouts { display: inline-block; float: left; width: 100%; } .product-wrapper { position: relative; text-align: center; float: left; width: 100%; overflow: hidden; margin: 0 0 30px; } .product-wrapper .sold-out-tag { position: absolute; height: 80px; width: 80px; padding: 25px; background: var(--color-btn-secondary); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; right: 0; left: 0; top: 0; bottom: 0; margin: auto; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-wrapper .sold-out-tag .tag { background: none; color: #fff; padding: 0; font-size: 14px; line-height: 18px; } .grid-view-item .visually-hidden { display: none; } .tab-pane .product-layouts.grid-view-item .product-wrapper .product-thumb, .products-grid-view > .product-grid .product-layouts .product-wrapper .product-thumb, .related-products .product-wrapper .product-thumb, #newproduct_products_slider .product-wrapper .product-thumb, #recently-viewed-products .product-wrapper .product-thumb, .search-products .product-layouts .product-thumb, .slider-mobile-gutter .product-layouts.grid-view-item .product-wrapper .product-thumb{ float: left; width: 100%; padding: 0; position: relative; overflow: hidden; z-index: 1; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .product-layouts .product-wrapper .product-thumb a.grid-view-item__link { float: left; width: 100%; position: relative; overflow: hidden; } .product-layouts .product-wrapper .product-thumb .fade_img img.image_thumb_swap { left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; position: absolute; right: 0; top: 0; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; margin: auto; bottom: 0; } .product-layouts .product-wrapper .product-thumb .fade_img img.image_thumb { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; } .product-layouts .product-wrapper .product-thumb .btn_wrapper { position: absolute; left: auto; bottom: 0; width: 40px; height: 153px; top: 0; right: 10px; margin: auto; z-index:1; transform: translateX(140px); -webkit-transform: translateX(140px); -moz-transform: translateX(140px); -o-transform: translateX(140px); -ms-transform: translateX(140px); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-layouts .product-wrapper .product-thumb .btn_wrapper .pro_btn { float: left; width: 100%; margin: 0 0 10px; z-index: 1; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } .product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{ transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } .product-layouts .product-wrapper .product-thumb .btn_wrapper .pro_btn .tooltip-label{ display: block; } .product-layouts .product-wrapper .product-thumb .left_img, .product-layouts .product-wrapper .product-thumb .right_img { overflow: hidden; position: relative; padding: 0; } .product-layouts.product-price--sold-out .product-wrapper .product-thumb a.grid-view-item__link { opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; } .product-layouts .zoom_img, .product-layouts .fade_img { overflow: hidden; padding: 0; position: relative; } .product-wrapper .pro_btn .btn.add-to-cart-disable { opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; } .product-wrapper .btn_wrapper .pro_btn a.add-to-cart-disable::before .product-wrapper .btn_wrapper .pro_btn a.add-to-cart-disable::after{ display: none; } .tab-pane .product-layouts.grid-view-item .product-wrapper .product-description, .products-grid-view > .product-grid .product-layouts .product-wrapper .product-description, .related-products .product-layouts.grid-view-item .product-wrapper .product-description, #recently-viewed-products .product-wrapper .product-description, .search-products .product-wrapper .product-description, #newproduct_products_slider .product-wrapper .product-description{ width: 100%; position:relative; float:left; text-align:left; padding: 15px 0 0 10px; z-index: 1; } .products-grid-view>.product-grid .product-layouts .product-wrapper .product-description .grid-view-item__vendor, .tab-pane .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__vendor, .related-products .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__vendor, .search-products .product-wrapper .product-description .grid-view-item__vendor, #newproduct_products_slider .product-wrapper .product-description .grid-view-item__vendor, .list-collection-products .product-layouts .product-wrapper .product-description .grid-view-item__vendor{ display: none; } .product-description .h4{ float: left; width:100%; margin: 0 0 12px; white-space: nowrap; } #slidedown-cart .product-details .product-name,#slidedown-cart .product-details .variants{ float: left; width:100%; margin: 0 0 5px; } #slidedown-cart .product-details .product-name > a { float: left; width:100%; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; font: 500 14px/20px var(--font-stack-body); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta { float: left; width: 100%; margin: 0 0 10px; font-family: var(--font-stack-header); } .product-price__price,.product-price__price .money,.price,price .money{ font: 800 16px/18px var(--font-stack-header); color: var(--color-sale-text); } .product-short-list .product-price__price .money{ float: left; width: 100%; text-align: center; } .product-price__price.compare_price .money, .product-price__price.compare_price{ font: 400 14px/16px var(--font-stack-header); color:var(--color-body-text); } .sale-price,.price--on-sale .regular-price { display: none; } .price--on-sale .sale-price,.regular-price { display: block; } .grid-view-item__meta .discount-percentage{ color:#222; font-size: 14px; } .product-price__sale-label,.product-wrapper .custom_label { position: absolute; left: 0px; right:auto; top: 10px; bottom:auto; color:#444; font-size:14px; line-height: 20px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-wrapper .product-price__sale-label{ background: var(--color-product-secondary); padding: 3px 11px; border-radius: 5px; color: #fff; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; } .product-short-list .product-price__sale-label { font-size: 11px; } .product-wrapper .custom_label { top: 40px; left: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-short-list .product-wrapper .custom_label { font-size: 11px; } .product-wrapper:hover .custom_label{ left:0px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; left: 10px; visibility:visible; } .product-wrapper .spr-badges.grid-item-meta { position: static; margin: 0 0 12px; float: left; width: 100%; } .product-wrapper .spr-badge{ float: none; width: auto; display: inline-block; vertical-align: top; } @media (min-width: 992px) and (max-width: 1199px){ .product-layouts .product-wrapper .product-thumb img.image_thumb{ width:100%; } } @media only screen and (max-width: 991px){ .product-wrapper .sold-out-tag { height: 70px; width: 70px; padding: 25px; } .product-wrapper .product-price__sale-label{ padding: 2px 8px; font-size: 11px; line-height: 16px; } .product-wrapper .sold-out-tag .tag{ font-size: 12px; line-height: 16px; } .product-price__sale-label,.product-wrapper .custom_label { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; left:10px; font-size:12px; top: 5px; } .product-wrapper .custom_label { top: 28px; } .product-price__price,.product-price__price .money,.price,price .money{ font-size: 14px; line-height: 16px; } .product-layouts .product-wrapper .product-thumb .btn_wrapper{ width: 30px; } } @media only screen and (min-width: 481px) { .style1 .product-layouts .fade_img { float: left; width: 100%; } } @media only screen and (max-width: 480px){ .product-layouts { padding: 0 10px; } .product-price__price.compare_price .money, .product-price__price.compare_price{ font-size: 10px; } .product-price__sale-label,.product-wrapper .custom_label { font-size:12px; } .product-wrapper .sold-out-tag { height: 50px; width: 50px; padding: 7px; } .product-wrapper .sold-out-tag .tag{ font-size: 10px; line-height: 12px; } .product-wrapper{ margin: 0 0 15px; } .tt-product .product-wrapper{ border: 2px solid var(--color-border); } .grid-view-item__meta .discount-percentage{ font-size: 11px; } .product-layouts .product-wrapper .product-thumb .btn_wrapper{ height :120px; } .product-wrapper .spr-badges.grid-item-meta{ margin: 0 0 5px; } .product-description .h4{ margin: 0 0 5px; } .product-wrapper .product-price__sale-label{ padding: 2px 6px; font-size: 10px; line-height: 14px; } .product-layouts .product-wrapper .product-thumb .btn_wrapper .pro_btn{ margin: 0 0 5px; } } /*---------------- recently viewed products ------------------*/ #recently-viewed-products { float: left; width: 100%; } #recently-viewed-products .product-wrapper:hover .spr-badges.grid-item-meta { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } #recently-viewed-products .product-wrapper .product-description span.price { margin: 0; float: none; display: inline-block; vertical-align: top; } #recently-viewed-products .product-wrapper { margin-bottom: 0; } #recently-viewed-products .product-price-and-shipping { float: left; width: 100%; margin: 0 0 10px; } #recently-viewed-products-wrap { float: left; width: 100%; margin: 0 0 20px; text-align: center; } #recently-viewed-products-wrap > .container { padding: 0; } #recently-viewed-products-wrap .product-container { float: left; width: 100%; } #recently-viewed-products-wrap .section-header{ text-align:center; } .product-arrows { width: auto; height: 37px; line-height: 30px; margin: 0; float: right; } .product-arrows div i { background: #222 none repeat scroll 0 0; color: #fff; font-size: 15px; height: 104px; padding: 40px 10px; width: 30px; line-height: 25px; } .product-arrows a img { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-arrows a:hover img { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .product-arrows div a .title { display: none; } .product-arrows span { width: 35px; text-align: center; height: 35px; border: 1px solid var(--color-border); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; margin: 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-arrows span a { width: 100%; height: 100%; float: left; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-arrows span a .mdi { font-size: 20px; line-height: 33px; padding: 0 5px 0 7px; } .product-arrows span:hover { border-color: var(--color-product-secondary); } .product-arrows span:hover a { background: var(--color-product-secondary); color: var(--color-product-secondary-text); } .design_3 .product-arrows div { line-height: 30px; } .design_3 .product-Video-btn.popup-video.tip-top { position: static; } .design_3 .product-Video-btn .mdi.mdi-video { margin: 0 6px 0 0; } #shopify-section-product-template-5 .product-information .add-to-wishlist.pro_btn .loading { float: none !important; display:inline-block; vertical-align:top; } #recently-viewed-products:hover .owl-nav{ visibility: visible; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } @media only screen and (max-width: 1199px) { } @media only screen and (min-width: 992px) { .disable_menutoggle.menu_left .product-arrows .left{ left: 300px; } .disable_menutoggle.menu_right .product-arrows .right{ right: 300px; } } @media only screen and (max-width: 991px) { .product-arrows a:hover img,.product-arrows a img{ display: none; } .product-arrows div i { background: #222 none repeat scroll 0 0; color: #fff; font-size: 15px; height: 40px; padding: 9px 14px; width: 40px; line-height: 25px; } } @media only screen and (max-width: 767px){ .design_3 .product-arrows { top: -35px; } .product-arrows span a .mdi { line-height: 30px; padding: 0 4px; } .product-arrows span { width: 30px; height: 30px; } } @media only screen and (max-width: 480px) { #recently-viewed-products-wrap{ margin:0; } .product-arrows { float:left; } } form#AddToCartForm { float: left; width: 100%; margin:0; } a.product-lightbox-btn.tip-top img { width: auto; height: auto; } .product-single.design_4 .product-information-inner form#AddToCartForm{ padding-top: 0; } a.grid-link__title { font: 500 14px/16px var(--font-stack-body); text-overflow: ellipsis; overflow: hidden; float: left; width: 100%; color: #444; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media only screen and (min-width: 1025px) { .product { position: relative; } } .product-tab-type-1.categories-block { padding: 0; } .grid-uniform { margin-left: -var(--gutter)/2; margin-right: -var(--gutter)/2; } @media only screen and (max-width: 480px) { .grid-uniform { margin-left: -15px; margin-right: -15px; } a.grid-link__title { font-size: 14px; line-height: 16px; } .product-list .product-desc{ font-size:13px; } } /*================ This hacks all the grid-items in IE8 and below ================*/ .lt-ie9 .product-grid .grid-item { display: inline-block; float: none; margin-bottom: var(--gutter); margin-left: 0; padding: 0; } .lt-ie9 .product-grid .grid-item .product { margin-bottom: 0; } .lt-ie9 .product-wrapper { margin: 0 var(--gutter) / 2; } .product__img { display: block; margin: 0 auto; } @media (min-width: 1025px) { .product__img { position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; } } .product__details { transition: opacity 0.75s; -webkit-transition: opacity 0.75s; -moz-transition: opacity 0.75s; -o-transition: opacity 0.75s; -ms-transition: opacity 0.75s; } .product__price { font-size: var(--font-size-base); } .product__title { font-size: em(17px); margin: var(--gutter) / 2 0 0 0; line-height: 1.5; } @media (min-width: 480px) and (max-width: 1025px) { .large--one-quarter .product__title { font-size: em(14px); } } .tag { background-color: #f6f6f6; color: #666; font-family: var(--font-stack-body); font-size: em(14px); padding: var(--gutter) / 6 10px; } .on-sale-tag .tag { background-color: none; color: var(--color-meta); } .on-sale-tag { margin: 0 0 (var(--gutter) / 2); position: absolute; top: 45px; right: 15px; } .sidebar-products .on-sale-tag{ top:10px; right:10px; } .product-list .on-sale-tag{ left: 15px; right: auto; } @media only screen and (max-width: 700px) { .products-grid-view .grid-item{ width: 50%; } } .edit_checkout .btn { padding: 0.8em 1.7em; } .spr-review .spr-icon{ font-size:100%; } .top-products-detail h5 { margin: 5px 0; font: 400 12px/18px var(--font-stack-body); float: left; width: 100%; } .products-grid-view > .grid-item{ overflow: hidden; } .content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block, .content_wrap.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block { width: 190px; padding: 0 0 0 35px; } .content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block span, .content_wrap.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block span { margin: 0 10px 0 0; } .content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block::after, .content_wrap.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 5px; } @media only screen and (min-width: 991px) { .content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a, .content_wrap.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a, .content_wrap.left-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a > i, .content_wrap.right-sidebar-column .collection_template .products-grid-view .large--one-quarter.product-grid .product-wrapper .btn_wrapper .pro_btn a > i { height: 35px; width: 35px; line-height: 35px; } .products-grid-view.collections_masonry.shop_masonry .grid-item.ms-item.medium--one-third.large--one-third.product-grid { margin: 0 0 30px; } } a.product-t { position: relative; float: left; overflow: hidden; margin: 0 auto; height:100%; display:inline-block; text-align: center; width: 100%; } .product-single__photos .product-image-btn { position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; line-height: 30px; } .product-single .product-main { background: var(--color-section); border: 2px solid var(--color-border); padding: 20px 5px; float: left; width: 100%;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .search_wrapper .search-results { top: 100% !important; overflow: auto; max-height: 655px; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .search_wrapper .search-results .product-price__price.compare_price .money { margin-left: 5px; } .search_wrapper .search-results::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } .search_wrapper .search-results::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); } .search_wrapper .search-results::-webkit-scrollbar { width: 5px; } .product-wrapper.product_container:hover .product-thumb .fade_img img.image_thumb { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .product-wrapper.product_container:hover .product-thumb .fade_img img.image_thumb_swap { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .style1 .product-wrapper.product_container:hover .product-thumb .fade_img img.image_thumb { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; } @media (min-width: 1201px) { .full_width .product-list .product-thumb { width: auto; } } @media only screen and (max-width: 480px) { .product-list .product-description { width: 100%; text-align: center; padding: 0 15px !important; } } /*--------------------- newsletter Common CSS ------------------------*/ .block_newsletter form input[type="email"] { padding: 10px 145px 10px 15px; width: 100%; height: 50px; text-align: center; } .block_newsletter form .input-group .input-group-btn .btn { padding: 0 32px; height: 45px; position: absolute; top: 0; bottom: 0; left: auto; right: 0px; border:none; z-index:1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .input-group.newsletter-input { float: left; width: 100%; position: relative; } .block_newsletter .ttinput_newsletter button span.icon{ display: none; } .block_newsletter .block_content form .input-group span.subscribe { font: 400 14px/18px var(--font-stack-body); } @media (max-width: 1199px) { .block_newsletter form .input-group .input-group-btn .btn { padding: 8px 20px; height: 34px; } .block_newsletter .block_content form .input-group span.subscribe { font-size: 12px; line-height: 16px; } .block_newsletter form input[type="email"] { padding: 10px 125px 10px 15px; height: 40px; } } @media (max-width: 600px) { .block_newsletter .block_content form .input-group span.subscribe { font-size: 10px; line-height: 12px; } } @media (max-width: 480px) { .block_newsletter .ttinput_newsletter button span.icon{ display: block; } .block_newsletter form .input-group .input-group-btn .btn { padding: 0 8px; } .block_newsletter form input[type="email"] { padding: 10px 55px 10px 15px; } } .footer-top .block_newsletter .block_content form { margin: 0; } .block_newsletter .form-vertical .errors,.block_newsletter .form-vertical .form-success { position: absolute; top: auto; bottom: -55px; left: 0; right: 0; padding: 12px 14px; z-index: 2; width: auto; font-size: 13px; margin: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .block_newsletter .form-vertical { float: left; width: 100%; position: relative; } .block_newsletter .ttinput_newsletter button i { display: none; } /*--------------------- newsletter model CSS ------------------------*/ .modal-dialog { margin: 0; } .modal-header i.mdi.mdi-close { float: left; width: 25px; text-align: center; line-height: 25px; font-size: 18px; height: 25px; } .modal-header .close { transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; margin: 0; } .modal-header .close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); opacity: 0.9; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; } .modal-md { margin: 0 auto; } .modalpopupclose { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } #newsletterModal .modal-dialog .modal-content .modal-block .title { float: left; width: 100%; font: 500 20px/22px var(--font-stack-header); margin: 0 0 20px; color: #fff; } #newsletterModal .modal-dialog .modal-content .modal-block .desc{ font: 800 62px/64px var(--font-stack-header); float: left; width: 100%; color: #fff; margin: 0 0 10px; } #newsletterModal .modal-dialog .modal-content .modal-block .subtitle { color: #fff; font: 400 18px/20px var(--font-stack-body); float: left; width: 100%; margin: 0 0 15px; } .modal-newsletter .checkbox-group { line-height: normal; text-align: center; float: left; width: 100%; z-index: 1; } .modal-newsletter .checkbox-group input[type="checkbox"] + label { font-size: 13px; color: #eee; } .modal-newsletter .checkbox-group input[type="checkbox"] + label:hover, .modal .modal-newsletter .checkbox-group input[type="checkbox"] + label:focus, .modal .modal-newsletter .checkbox-group input[type="checkbox"] + label:active { color: #fff; } .modal-newsletter .checkbox-group.active input[type="checkbox"] + label { color: #fff; } .modal-newsletter .checkbox-group.form-group-top input[type="checkbox"] { height: 15px; width: 15px; float: none; vertical-align: top; display: inline-block; margin: 0px; } .modal-newsletter .checkbox-group label .check:before { content: "\f12c"; color: var(--color-btn-secondary); background:#fff; font-size: 12px; line-height: 18px; font-family: 'Material Design Icons'; font-style: normal; font-weight: 500; display: none; } .color_swatch_Value li.active label { width: 14px; height: 14px; } .modal-newsletter p { padding-bottom: 7px; } #newsletterModal .modal-header { height: 25px; width: 25px; position: absolute; top: 5px; right: 5px; border: none; z-index: 1; background: #fff; padding: 12px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } #newsletterModal .modal-header .close { position: absolute; right: 0; left: auto; top: 0; bottom: auto; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; height: 25px; width: 25px; text-align: center; color: #222; } #newsletterModal .modal-header .close:hover i:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } #newsletterModal .modal-header .close i:before { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #newsletterModal .modal-newsletter .row-subscibe { margin: 0 0 30px; float: left; width: 100%; position: relative; } #newsletterModal .modal-newsletter .row-subscibe input { height: 44px; border: none; font-size: 14px; color: #666; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-align: center; margin: 0 0 25px; font-weight: 400; padding: 15px; z-index: 1; position: relative; } #newsletterModal .modal-newsletter .row-subscibe input[type="text"]::placeholder { color: #222; } #newsletterModal .modal-newsletter .row-subscibe button { height: 40px; background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); padding: 0 24px; border: none; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #newsletterModal .modal-newsletter .row-subscibe button:hover { color: var(--color-product-primary-text); } #newsletterModal .modal-newsletter .row-subscibe button:hover::after { background: var(--color-section); } #newsletterModal .modal-newsletter .checkbox-group .box { margin-top: 0; display: none; top: 2px; bottom: auto; } #newsletterModal .modal-newsletter .checkbox-group label { font-size: 13px; line-height: 16px; padding-left: 5px; margin: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #newsletterModal .modal-newsletter .checkbox-group label:hover { color: #fff; } #newsletterModal .modal-newsletter p { margin-bottom: 0px; } #newsletterModal .modal-content .modal-block { width: 100%; float: left; background: var(--color-btn-primary); padding: 80px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; } #newsletterModal form.subscribe-form { width: auto; float: none; margin: 0; display: inline-block; vertical-align: top; text-align: center; } #newsletterModal .modal-dialog.white-modal.modal-md { margin: 0 auto; display: inline-block; border: none; vertical-align: middle; height: auto; overflow: hidden; z-index: 2; width: 650px; position: relative; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; } @media only screen and (max-width: 1399px) { #newsletterModal .modal-dialog .modal-content .modal-block .subtitle, #newsletterModal .modal-dialog .modal-content .modal-block .title{ font-size: 16px; line-height: 18px; } #newsletterModal .modal-dialog .modal-content .modal-block .desc{ font-size: 52px; line-height: 54px; } } @media only screen and (max-width: 1299px) { #newsletterModal .modal-content .modal-block{ padding: 50px 15px; } #newsletterModal .modal-dialog .modal-content .modal-block .desc{ font-size: 42px; line-height: 44px; } #newsletterModal .modal-newsletter .row-subscibe{ margin: 0 0 20px; } #newsletterModal .modal-dialog.white-modal.modal-md{ width:550px; } #newsletterModal .modal-dialog .modal-content .modal-block .title{ margin: 0 0 15px; } } @media only screen and (max-width: 1199px) { #newsletterModal .modal-dialog.white-modal.modal-md { width: 500px; } #newsletterModal .modal-dialog .modal-content .modal-block .title{ margin: 0 0 12px; } #newsletterModal .modal-dialog .modal-content .modal-block .desc{ font-size: 34px; line-height: 36px; } #newsletterModal .modal-dialog .modal-content .modal-block .subtitle{ margin: 0 0 15px; } #newsletterModal .modal-dialog .modal-content .modal-block .subtitle, #newsletterModal .modal-dialog .modal-content .modal-block .title{ font-size: 14px; line-height: 16px; } } @media only screen and (max-width: 767px) { #newsletterModal .modal-header .close { width: 20px; height: 20px; } #newsletterModal .modal-header{ width: 20px; height: 20px; padding: 10px; } #newsletterModal .modal-header i.mdi.mdi-close { font-size: 16px; width: 20px; height: 20px; line-height: 20px; } #newsletterModal .modal-dialog.white-modal.modal-md { width: 420px; } #newsletterModal .modal-dialog .modal-content .modal-block .desc { font-size: 30px; line-height: 32px; } #newsletterModal .modal-newsletter .row-subscibe button{ height: 36px; padding: 0 18px; font-size: 13px; } #newsletterModal .modal-newsletter .row-subscibe input{ height: 40px; font-size: 13px; margin: 0 0 15px; } #newsletterModal .modal-dialog .modal-content .modal-block .subtitle, #newsletterModal .modal-dialog .modal-content .modal-block .title{ font-size: 12px; line-height: 14px; } #newsletterModal .modal-content .modal-block { padding: 30px 15px; } } @media only screen and (max-width: 480px) { #newsletterModal .modal-dialog.white-modal.modal-md { width: 300px; } #newsletterModal .modal-newsletter .row-subscibe { margin: 0 0 15px; } #newsletterModal .modal-dialog .modal-content .modal-block .title { margin: 0 0 10px; font-size: 12px; line-height: 14px; } #newsletterModal .modal-dialog .modal-content .modal-block .desc { font-size: 26px; line-height: 28px; } #newsletterModal .modal-dialog .modal-content .modal-block .subtitle { margin: 0 0 10px; font-size: 12px; line-height: 14px; } #newsletterModal .modal-newsletter .checkbox-group label{ font-size: 12px; } } /*-------------------- Blogs and Comments -------------------*/ .lightbox .lb-outerContainer .lb-container .lb-nav { left: 0 !important; width: 100% !important; right: 0; margin: 0 auto; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next { background: #fff; margin: auto; line-height: 20px; padding: 9px 0; height: 40px !important; width: 40px !important; line-height: 22px; margin: auto; cursor: pointer; } .lightbox .lb-dataContainer .lb-data .lb-closeContainer .lb-close::before{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .lightbox .lb-dataContainer .lb-data .lb-closeContainer .lb-close:hover:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev{ border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -khtml-border-radius:0 5px 5px 0; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next{ border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover { background: var(--color-btn-primary); } .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-prev:hover:before, .lightbox .lb-outerContainer .lb-container .lb-nav a.lb-next:hover:before { color: var(--color-btn-secondary-text); } .blog_latest_new_home .text-center { padding: 30px 0 0; } .blog_latest_new_home .grid--blog { text-align: center; } #blog_slider .article__grid__inner .ttblog_image_holder a.article__grid-image { float: left; width: 100%; position: relative; overflow: hidden; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } #blog_slider .article__grid__inner .ttblog_image_holder > a::before { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; height: 100%; width: 100%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #blog_slider .article__grid__inner:hover .ttblog_image_holder > a::before { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #blog_slider .tt-blog-content .blog-content-wrap { padding: 0; float: left; width: 100%; text-align: left; } #blog_slider .tt-blog-content .blog-content-wrap .h3.article__title a { text-overflow: ellipsis; float: left; width: 100%; overflow: hidden; } #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt { font:italic 400 14px/22px var(--font-stack-header); margin: 0 0 15px; float: left; width: 100%; } #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons { float: left; width: 100%; margin: 0; } #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons > li { float: left; width: 100%; margin: 0; } #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more { float: left; width: auto; position: relative; padding: 0 0 0 25px; } #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:after { content: " "; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto 0; background: #222; width: 20px; height: 1px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:hover{ color: var(--color-btn-primary); padding: 0 0 0 35px; } #blog_slider .tt-blog-content .blog-content-wrap .list--inline.article__meta-buttons a.read-more:hover:after { width: 30px; background: var(--color-btn-primary); } #blog_slider .tt-blog-content .blog-content-wrap .article__date i.mdi.mdi-calendar { font-size: 16px; line-height: 18px; padding: 2px 6px 0 0; float: left; width: auto; } #blog_slider .article__date span{ float: left; width: 100%; font-size: 14px; font-weight: 500; } #blog_slider .tt-blog-content .article__title { font: 600 16px/18px var(--font-stack-header); display: inline-block; overflow: hidden; width: 100%; float: left; margin: 0 0 10px; white-space: nowrap; } #blog_slider .tt-blog-content .article__title > a { color: var(--color-text); } #blog_slider .tt-blog-content .article__title > a:hover { color: var(--color-btn-primary); } #blog_slider.grid-blog-slider .article__grid-image img { width: 100%; } .tt-blog-content span.bloglinks { bottom: 0; height: 45px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 45px; z-index: 1; } .tt-blog-content span.bloglinks a { border: 2px solid #fff; color: #fff; float: left; width: 45px; padding: 11px; height: 45px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .tt-blog-content span.bloglinks a i { float: left; font-size: 20px; line-height: 22px; font-weight: normal; } .tt-blog-content:hover .blog_image_holder .bloglinks a,.tt-blog-content:hover span.bloglinks a { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .tt-blog-content .ttblog_image_holder > a::before { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; height: 100%; width: 100%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .tt-blog-content:hover .ttblog_image_holder > a::before { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .ttblog_image_holder.blog_image_holder { float: left; width: 100%; position: relative; } .blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a.btn::before { border-bottom: none; } @media only screen and (max-width: 991px) { #blog_slider .article__grid__inner .ttblog_image_holder > a::before,.tt-blog-content .ttblog_image_holder > a::before { opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; -webkit-opacity: 0.3; } #blog_slider .tt-blog-content .blog_image_holder .bloglinks a,.tt-blog-content span.bloglinks a { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } } @media only screen and (max-width: 767px) { #blog_slider .tt-blog-content .blog-content-wrap .rte.article__grid-excerpt { font-size: 12px; } .feature-blog .section-header .subtitle { padding: 0; } } @media only screen and (max-width: 480px) { #blog_slider .article__date span{ font-size: 11px; line-height: 16px; } .feature-blog .owl-theme .owl-nav{ right:10px; } } /*--------------------- blog Next Prev CSS -------------------*/ #blog_slider.owl-theme .owl-dots { margin: 20px 0 0; } #blog_slider .brand-bar__item { padding: 0 15px; float: left; width: 100%; } .owl-theme .owl-dots .owl-dot span{ display: none; } .owl-theme .owl-nav{ margin:0; } .owl-theme .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-prev:focus, .owl-theme .owl-nav .owl-next:focus, .owl-theme .owl-nav .owl-prev:active, .owl-theme .owl-nav .owl-next:active { background: none; } .owl-theme .owl-nav .owl-prev { left: -30px; } .owl-theme .owl-nav .owl-next { right: -30px; } .owl-carousel .owl-nav .disabled{ cursor: not-allowed; opacity:0.6; } .owl-theme .owl-nav .owl-next:hover::before, .owl-theme .owl-nav .owl-prev:hover::before{ color:var (--color-btn-primary); } @media (max-width: 1000px) { .owl-theme .owl-nav .owl-prev{ left: -15px; } .owl-theme .owl-nav .owl-next { right: -15px; } } @media (max-width: 991px) { .owl-theme .owl-nav{ -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility : visible; float: none; display: inline-block; vertical-align: top; width: auto; } .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next { position: static; margin: 0 2px; } } @media(max-width:767px){ .owl-theme .owl-nav { padding:0 10px; } } /*--------------------- blog inner content -------------------*/ .blogleft_inner_content { float: left; width: 100%; } .blogleft_inner_content .article.tt-blog-content { float: left; width: 100%; padding: 0; margin: 0 0 30px; } .blogleft_inner_content .tt-blog-content .tt-blog-description { float: left; width: 100%; } .blogleft_inner_content .tt-blog-content .tt-blog-description p { font: 400 14px/22px var(--font-stack-body); float: left; width: 100%; margin: 0 0 8px; } .blogleft_inner_content .tt-blog-content .tt-blog-description h4.article__title { font: 700 16px/20px var(--font-stack-header); margin: 0 0 10px; float: left; width: 100%; } .blogleft_inner_content .tt-blog-content .tt-blog-description h4.article__title > a { color: var(--color-text); } .blogleft_inner_content .tt-blog-content .tt-blog-description h4.article__title > a:hover{ color: var(--color-btn-primary); } .blogleft_inner_content .tt-blog-content .tt-blog-description .blog-tag { margin: 0 0 5px; float: left; width: 100%; } .blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share { float: left; width: 100%; margin: 0 0 10px; } .blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share > div { float: left; width: 30px; height: 30px; margin: 0 5px 0 0; } .blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share i.mdi { font-size: 18px; line-height: 30px; } .blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn { float: left; width: 100%; } .blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a { background: none; color: #222; position:relative; padding: 0 0 0 25px; } .blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a:hover { color: var(--color-btn-primary); } .blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a::after { content: " "; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto 0; background: #222; width: 20px; height: 1px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .blogleft_inner_content .tt-blog-content .tt-blog-description .blog-btn a:hover::after { width: 30px; background: var(--color-btn-primary); } .blogleft_inner_content .tt-blog-content .blog_image_holder a{ display: block; position: relative; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .blogleft_inner_content .tt-blog-content .blog_image_holder img { width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .blogleft_inner_content .article .ttblog_image_holder.blog_image_holder { float: left; width: 100%; position: relative; overflow: hidden; margin: 0 0 15px; } .blogleft_inner_content .article .blogs-sub-title { float: none; display: inline-block; vertical-align: top; width: auto; padding: 10px; position: absolute; top: auto; bottom: 10px; left: auto; right: 10px; box-shadow: 1px 0 10px rgb(0 0 0 / 10%); background: #fff; color: #666; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .blogleft_inner_content .article .blogs-sub-title p { margin: 0; float: none; display: inline-block; vertical-align: top; } .blogleft_inner_content .article .blogs-sub-title p i.mdi { vertical-align: middle; } @media only screen and (max-width: 767px) { .blogleft_inner_content .tt-blog-content .tt-blog-description .tt-social-share { margin: 5px 0; } } @media only screen and (max-width: 480px) { .blogleft_inner_content .article .blogs-sub-title { padding: 5px 10px; } } /*-------------------- blog_list ----------------*/ .blog_list.grid__item { padding: 0; } .blog_list.grid__item.blog_list_item .tt-blog-description .tt-social-share { width: 100%; float: left; } .blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn { float: left; width: 100%; margin: 15px 0 0; } .blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn .btn { line-height: 20px; } .blog_list.grid__item.blog_list_item p.blog-date { float: none; display: inline-block; vertical-align: top; width: auto; padding: 10px; position: absolute; top: auto; bottom: 10px; left: auto; right: 25px; box-shadow: 1px 0 10px rgb(0 0 0 / 10%); color:#666; background: #fff; margin:0px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .blog_list.grid__item.blog_list_item p.blog-date .mdi.mdi-calendar { vertical-align: middle; } .blog_list.grid__item.blog_list_item .blog-tag { float: left; width: 100%; margin: 0 0 5px; } .blog_list.grid__item.blog_list_item .comments-count { float: left; width: 100%; padding: 0; margin: 5px 0; } .blog_list.grid__item.blog_list_item .blog_title_wrap { width: auto; float: left; } .blog_list.grid__item.blog_list_item .blog_descrition { margin: 5px 0 0; padding: 0; } .blog_list.grid__item.blog_list_item .blog_descrition p { font:400 14px/22px var(--font-stack-body); margin: 0 0 10px; float: left; width: 100%; } .blog_list .article.tt-blog-content { float: left; width: 100%; margin: 0 0 30px; } .blog_list .article.tt-blog-content .ttblog_image_holder a.article__grid-image { position: relative; display: inline-block; vertical-align: top; overflow: hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .blog_list .article.tt-blog-content .ttblog_image_holder a.article__grid-image img{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .blog_list .tt-blog-content .blog_image_holder { position: relative; float: left; width: 100%; margin: 0 0 20px 0; padding: 0; } .blog_list .tt-blog-content .blog_image_holder a.article__grid-image { float: left; width: 100%; position: relative; } .blog_list .tt-blog-content .blog_image_holder a.article__grid-image img { width: 100%; } .blog_list .tt-blog-description .tt-social-share i.mdi { font-size: 18px; line-height: 30px; } .blog_list .tt-blog-description .tt-social-share > div { display: inline-block; margin: 0 15px 0 0; float:none; vertical-align: top; } .blog_list .blog-btn i { margin-left: 5px; vertical-align: middle; } .blog_list .tt-blog-content .article__title { font-size: 17px; line-height: 20px; } .blog_list .tt-blog-content .article__title a { color: var(--color-text); font-weight: 700; font-family: var(--font-stack-header); } .blog_list .tt-blog-content .article__title a:hover{ color:var(--color-btn-primary); } .blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a{ float: left; width: auto; position: relative; padding: 0 0 0 25px; color:#222; } .blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a:hover{ color: var(--color-btn-primary); } .blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a::after{ content: " "; position: absolute; left: 0; right: auto; top: 0; bottom: 0; margin: auto 0; background: #222; width: 20px; height: 1px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .blog_list.grid__item.blog_list_item .tt-blog-description .blog-btn a:hover::after{ width: 30px; background: var(--color-btn-primary); } @media only screen and (max-width: 767px) { .blog_list .article.tt-blog-content .ttblog_image_holder { width: 100%; margin: 0 0 15px; } .blog_list .article.tt-blog-content .tt-blog-description { float: left; width: 100%; } } /*-------------------- blog masonry ----------------*/ .blog_masonry_left .article.tt-blog-content { float: left; width: 100%; padding:0; margin: 0 0 30px; } /*----------------- blog single post -----------------*/ .content_wrap article.grid-item.blog-post-single { padding: 0; } .blog-post-single a.blog-post__full-image { float: left; width: 100%; margin: 0 0 20px; } .blog-post-single a.blog-post__full-image img { width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .blog-post-single .blog-meta { float: left; width: auto; } .blog-post-single .blog-meta .article_date { font-size: 14px; line-height: 18px; color: var(--color-body-text); border-right: 1px solid var(--color-border); padding-right: 15px; float: left; width: auto; } .blog-post-single .blog-meta .article_date i.mdi.mdi-calendar { vertical-align: top; } .blog-post-single .blog-meta a.blog__name { float: left; width: auto; font-size: 14px; line-height: 20px; } .blog-post-single .section-header.text-left h1 { font: 700 20px/22px var(--font-stack-header); color: var(--color-text); float: left; width: 100%; margin: 20px 0 0; } .blog-post-single > .rte { float: left; width: 100%; margin: 15px 0 25px; } .blog-post-single .item-social-sharing.text-left { float: left; width: 100%; margin: 0 0 30px; } .blog-post-single .item-social-sharing h2.h4 { float: left; width: 100%; font-size: 16px; line-height: 18px; font-weight: 500; color: #333; margin: 0 0 10px 0; display: none; } .blog-post-single .item-social-sharing .tt-social-share { float: left; width: 100%; } .blog-post-single .item-social-sharing .tt-social-share > div { float: left; width: 30px; height: 30px; margin: 0 10px 0 0; } .blog-post-single .item-social-sharing .tt-social-share > div > a { float: left; width: 30px; height: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2); text-align: center; color: #fff; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .blog-post-single .item-social-sharing .tt-social-share > div > a:hover { transform: translateY(-4px); -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); -ms-transform: translateY(-4px); } .blog-post-single .item-social-sharing .tt-social-share > div i.mdi { font-size: 18px; line-height: 30px; } .blog-post-single .item-social-sharing .tt-social-share > div.facebook > a { background: #3b5998; } .blog-post-single .item-social-sharing .tt-social-share > div.twitter > a { background: #00aced; } .blog-post-single .item-social-sharing .tt-social-share > div.google_plus > a { background: #d34836; } .blog-post-single .item-social-sharing .tt-social-share > div.pinterest > a { background: #c8232c; } .blog-post-single .item-social-sharing .tt-social-share > div.linkedin > a { background: #0077B5; } .blog-post-single .paginatoin_custom.blog_nav { float: left; width: 100%; } .blog-post-single .newer-post{ float: right; display: inline-block; vertical-align: top; margin-left: 10px; } .blog-post-single hr.hr--clear.hr--small { display: none; } .blog-post-single .paginatoin_custom .blog_nav_img, .blog-post-single .paginatoin_custom .blog_nav_title { display: none; } .blog-post-single .paginatoin_custom a { float: left; width: auto; padding: 10px 20px; font-weight: 500; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; background: var(--color-btn-primary); color: var(--color-btn-primary-text); position: relative; overflow: hidden; z-index: 1; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .blog-post-single .paginatoin_custom a:hover { color: var(--color-btn-secondary-text); background: var(--color-btn-secondary); } .blog-post-single .paginatoin_custom a:focus, .blog-post-single .paginatoin_custom a:active{ background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .blog-post-single .comments-count { float: left; width: auto; border-left: 1px solid var(--color-border); padding-left: 15px; line-height: 18px; color: var(--color-body-text); } .blog-post-single .meta.text-center { float: left; width: auto; margin: 0 0 0 10px; color: var(--color-body-text); border-left: 1px solid var(--color-border); } .blog-post-single .comment .blog-meta .text-center.meta { border: none; margin: 0; } .blog-post-single .comments-count i.mdi { margin-right: 5px; } .blog-post-single ul { float: left; width: 100%; margin: 0 0 30px; } .blog-post-single ul > li { float: left; width: 100%; margin: 0; } .blog-post-single h2.h3 { float: left; width: 100%; font-size: 20px; line-height: 22px; font-weight: 500; margin: 0 0 20px; color: var(--color-text); } .sidebar .recent_article.widget ul li { margin: 0 0 10px; } .sidebar .recent_article ul li { margin: 0 0 20px; } .sidebar .recent_article ul li:last-child { margin: 0; } .sidebar .recent_article ul li .article-detail { padding-right: 0; } .sidebar .recent_article ul li .article-detail h5.article__title { font: 700 14px/16px var(--font-stack-header); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sidebar .recent_article ul li .article-detail h5.article__title a { color: var(--color-text); } .sidebar .recent_article ul li .article-detail h5.article__title a:hover{ color: var(--color-btn-primary); } .sidebar .recent_article ul li .article-detail .article_date { line-height: 16px; } .sidebar .recent_article ul li .article-detail .article_date i { font-size: 14px; } .sidebar .recent_article ul li .article-detail .article_date time { font-size: 14px; } .sidebar .recent_article .artical-image { padding: 0; } .tt-blog-content .blogs-sub-title .comments-count > span { display: none; } .article-template { margin: 0 0 30px; } .article-template .content_wrap .sidebar .text-left { float: left; width: 100%; } .article-template .content_wrap .sidebar .comments { float: left; width: 100%; border: 1px solid var(--color-border); padding: 15px 10px; } .article-template .content_wrap .sidebar .comments h2.h3 { font-size: 16px; line-height: 18px; text-align: left; font-weight: 500; color: var(--color-text); margin: 0 0 15px; font-family: var(--font-stack-header); } .article-template .content_wrap .sidebar .comments .grid-item.large--one-half { float: left; width: 100%; } .article-template .content_wrap .sidebar .comments input.btn.text-center:hover, .article-template .content_wrap .sidebar .comments input.btn.text-center:active, .article-template .content_wrap .sidebar .comments input.btn.text-center:focus { background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .article-template .collection_wrapper,.cms-aboutus,.cms-aboutus1{ background: var(--color-section); padding: 20px; } @media (min-width: 481px) and (max-width: 991px) { .sidebar .recent_article .artical-image { width: auto; } } @media only screen and (max-width: 991px) { .article-template .content_wrap .sidebar .text-left { margin: 10px 0 0; } .sidebar .sidebar__inner .widget.recent_article { margin: 0 0 10px; } .sidebar .sidebar__inner .widget.recent_article > ul { padding: 15px; float: left; width: 100%; } .sidebar .sidebar__inner .widget.widget_categories ul { padding: 0 15px; } } @media only screen and (max-width: 480px) { .blog-post-single > .rte{ margin: 15px 0 10px; } .blog-post-single .item-social-sharing.text-left { margin: 0 0 15px; } .blog-post-single .comments-count { border: none; padding: 0; margin: 10px 0 0 0; width: 100%; } .blog-post-single .meta.text-center { border: none; padding: 0; margin: 10px 0 0 0; float: left; } .article-template { margin: 0; } } /*------------------------- Mega-Menu CSS ----------------------------*/ .template-index .sidebar div#shopify-section-TT-mega_menu { margin: 0; } .sticky_header.fixed #tt-megamenu h5.toggle_menu{ margin:0 0 10px; } .site-header .sticky_header.fixed #cart { margin: 4px 0; padding: 0 0 0 20px; } .fixed #shopify-section-TT-mega_menu #tt-megamenu { margin: 0; } #tt-megamenu h5.toggle_menu { padding: 15px 15px 15px 65px; margin: 0 0 35px 10px; background: var(--color-btn-secondary); color: var(--color-btn-secondary-text); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; position: relative; text-align: left; cursor: pointer; font: 500 16px/24px var(--font-stack-header); } #tt-megamenu .toggle_menu i.mdi-menu { float: right; width: auto; background: var(--color-btn-secondary-text); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: var(--color-btn-secondary); font: 500 22px/30px var(--font-stack-header); height: 30px; left: 20px; position: absolute; right: auto; top: 12px; width: 30px; text-align: center; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #tt-megamenu:hover .toggle_menu i.mdi-menu { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } #tt-megamenu .tt-mega_menu{ float: left; width: 100%; } #tt-megamenu .tt-mega_menu li.tt_menu_item,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item1{ float: left; width: 100%; position: relative; margin: 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item > a{ float: left; width: 100%; padding: 10px 24px; position: relative; cursor: pointer; font: 700 16px/18px var(--font-stack-header); text-align: center; } @media(max-width: 1199px){ #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item > a{ font-size: 14px; line-height: 16px; } } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap{ float: left; width: 100%; position: absolute; right: auto; left: 100%; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -khtml-border-radius: 0 0 5px 5px; background: var(--color-body); border: 1px solid var(--color-border); z-index: 3; padding: 20px 15px; top: 0; } #tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item>ul.tt_sub_menu_linklist { display: block; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu{ float: none; display: inline-block; vertical-align: top; padding: 0 15px; text-align: left; position: relative; z-index: 1; width: 100%; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu img{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a{ float: left; width: 100%; position: relative; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; overflow: hidden; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner::before{ background: rgba(255,255,255,.3); bottom: 0; content: ""; left: 50%; position: absolute; right: 51%; top: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner:hover::before{ left: 0; right: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner::after { background: rgba(255,255,255,.6); bottom: 50%; content: ""; left: 0; position: absolute; right: 0; top: 50%; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu a.menu-banner:hover::after { top: 0; bottom: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all .9s linear; -webkit-transition: all .9s linear; -moz-transition: all .9s linear; -o-transition: all .9s linear; -ms-transition: all .9s linear; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a:hover { box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1); -ms-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1); -o-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.1); } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.product { margin: 0; padding: 0; width: 100%; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li { float: left; width: 100%; margin: 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item .sub_mn_title a{ transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #tt-megamenu .tt-mega_menu li.tt_menu_item .sub_mn_title a:hover{ color: var(--color-btn-primary); } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li > a,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist>li>a { float: left; width: 100%; font: 400 14px/24px var(--font-stack-body); text-align: left; padding: 0 0 5px; color: var(--color-body-text); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li > a:hover,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist > li > a:hover{ color: #222; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu.banner { padding: 0 15px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu { float: left; width: 100%; margin: 10px 0 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav { display: none; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav:hover .owl-prev::before, #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav:hover .owl-next::before { color: var(--color-text-hover-field); } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav > div { float: left; height: 30px; width: 30px; position: absolute; top: 0; bottom: 0; margin: auto; font-size: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; cursor: pointer; background: none; border: none; padding: 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav > div::before { content: "\f141"; left: 0; right: 0; margin: 0 auto; height: 30px; width: 30px; font-family: "Material Design Icons"; font-size: 28px; line-height: 30px; color: var(--color-body-text); } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav .owl-prev { left: -15px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav .owl-next { right: -15px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav .owl-next::before { content: "\f142"; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu:hover .list_product_menu_content .owl-nav > div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; border: none; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper { padding: 0 0 10px 0; animation: none; margin: 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb { float: left; width: 100%; border: none; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item { float: left; width: 100%; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item .product_info { float: left; width: 100%; padding: 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .fade_img img.image_thumb_swap { margin: 0 auto; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb a.grid-view-item__link { float: left; width: 100%; position: relative; margin: 0 0 10px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb:hover .product-price__sale-label { top: 10px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .product_info .h4.grid-view-item__title { margin: 0 0 5px; float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item__title > a { color: var(--color-text-field); float: left; width: 100%; white-space: nowrap; font: 500 14px/18px var(--font-stack-body); } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb .grid-view-item__meta { font-family: var(--font-stack-header); } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper:hover .product-thumb .grid-view-item__title > a { color: var(--color-text-hover-field); } #tt-megamenu .tt-mega_menu li.tt_menu_item span.tt_mn_sub_heading,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.tt_mn_sub_heading { float: left; width: auto; padding: 2px 5px; font-size: 10px; line-height: 14px; position: absolute; top: -8px; margin: 0 3px; font-weight: 600; font-family: var(--font-stack-body); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } #tt-megamenu .tt-mega_menu li.tt_menu_item ul.tt_sub_menu_linklist{ float: left; width: 100%; margin: 0; min-width: 180px; padding: 8px 0; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item ul.tt_sub_menu_linklist{ float: left; width: 100%; margin: 0; padding: 8px 0 8px 20px; text-align:left; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap.disable, #tt-megamenu .tt-mega_menu li.tt_menu_item:hover .tt_sub_menu_wrap.disable, #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap.disable, #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item:hover .tt_sub_menu_wrap.disable{ display: none !important; } #tt-megamenu .tt-mega_menu li.more_menu > ul > li .tt_sub_menu_wrap .tt_sub_menu { margin: 0; padding: 0; width: 100% !important; } #tt-megamenu .tt-mega_menu li.more_menu > ul > li.tt_menu_item a::after { right: 20px; } #tt-megamenu .tt-mega_menu li.more_menu > ul > li:hover > a { color: var(--color-text-hover-field); } #tt-megamenu .tt-mega_menu li.more_menu ul.tt_sub_menu_linklist li.tt_menu_item .tt_sub_menu_wrap ul.tt_sub_menu_linklist > li:hover > a { color: var(--color-text-hover-field); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .tt-megamenu1 .tt-mega_menu1 ul.tt_menus_ul1 { float: left; width: 100%; margin: 0; } .tt-megamenu1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } .tt-megamenu1::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); } .tt-megamenu1::-webkit-scrollbar { width: 5px; } #tt-megamenu ul.tt_menus_ul li.tt_menu_item > a::after{ position: absolute; content: "\f140"; height: 20px; width: 20px; font-size: 16px; line-height: 22px; font-family: "Material Design Icons"; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; text-align: center; font-style: normal; } #tt-megamenu ul.tt_menus_ul li.tt_menu_item.single > a::after{ display: none; } #tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4{ float: left; width: 100%; text-align:left; font: 600 16px/26px var(--font-stack-header); border-bottom: 1px solid var(--color-border); padding: 0 0 8px; margin: 0; color: var(--color-text); } #tt-megamenu1 .tt_sub_menu_wrap .sub_mn_title{ float: left; width: 100%; font: 500 14px/18px var(--font-stack-header); text-align: left; border-bottom: 1px solid var(--color-border); padding: 0 0 8px; margin: 0; color: var(--color-text); } #shopify-section-TT-megamenu #tt-megamenu li.more_menu li.tt_menu_item { padding: 0; margin: 0; width: 100%; position: relative; } #tt-megamenu .tt-mega_menu .tt_menus_ul li.more_menu>ul>li.tt_menu_item a { float: left; width: 100%; padding: 3px 20px; text-align: left; font: 500 14px/20px var(--font-stack-body); } #tt-megamenu .tt-mega_menu li.more_menu>ul>li .tt_sub_menu_wrap{ right: 100%; left: auto; margin: 0; top: auto; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.categories, #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item > a { text-align: left; padding: 0 0 5px; margin: 10px 0; } @media only screen and (min-width: 992px) { .site-header #tt-megamenu .tt-mega_menu .tt_menus_ul > li > a::before,.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1 > li > a::before { content: ""; left: 12px; right: auto; position: absolute; top: auto; bottom: 0px; height: 100%; z-index: -1; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; width: 0; background: var(--color-btn-primary); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li>a::before{ left: 0px; height: 2px; } .site-header #tt-megamenu .tt-mega_menu .tt_menus_ul>li:hover>a::before,.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li:hover>a::before,.site-header #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1>li.open>a::before{ width: 90%; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item>a{ width:auto; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.more_menu1>a { width: 100%; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.more_menu1>a:after { position: absolute; content: "\f140"; height: 20px; width: 20px; font-size: 16px; line-height: 20px; font-family: "Material Design Icons"; right: 0px; left: auto; top: 0; bottom: 0; margin: auto; text-align: center; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .mobile-nav__sublist-trigger { display: inline-block; vertical-align: top; float: right; margin: 10px 0; cursor:pointer; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.mobile-nav__sublist-expand,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.open span.mobile-nav__sublist-contract{ display: inline-block; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item.open span.mobile-nav__sublist-expand,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item span.mobile-nav__sublist-contract{ display: none; } #tt-megamenu{ float: left; } .header_1 .tt-megamenu1,.header_2 .tt-megamenu1 { position: fixed; right: 0; left: auto; top: 0; bottom: 0; width: 350px; background: #fff; z-index: 9; display: none; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: transform .2s; } .tt-megamenu1 .tt-mega_menu1 span.menu-close i { position: absolute; right: 20px; left: auto; top: 30px; bottom: auto; height: 22px; width: 22px; font-size: 22px; line-height: 22px; color: #222; float: none; display: inline-block; vertical-align: top; text-align: center; cursor:pointer; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .tt-megamenu1 .tt-mega_menu1 span.menu-close i:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .tt-mega_menu1 { float: left; width: 100%; height: 100%; padding: 112px 5px 30px 0 } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item { position: relative; float: left; width: 100%; margin: 0; padding: 0 30px; } #tt-megamenu .tt-mega_menu{ display: block !important; margin: 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item { width: auto; margin: 0 2px; padding: 18px 0; position: static; } #tt-megamenu .tt-mega_menu li.tt_menu_item.pages,#tt-megamenu .tt-mega_menu li.tt_menu_item.blog,#tt-megamenu .tt-mega_menu li.tt_menu_item.home{ position: relative; } #tt-megamenu .tt-mega_menu li.tt_menu_item > a, #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories { z-index: 1; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } #tt-megamenu .tt-mega_menu li.tt_menu_item.single > a, #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories { padding: 8px 20px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap{ left: 0; right: 0; top: 100%; text-align: center; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -o-transform: scaleY(0); -ms-transform: scaleY(0); transform-origin: center top 0; visibility: hidden; display: block !important; border-top: 2px solid var(--color-btn-primary); margin: auto; } #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap{ float:left; width:100%; display:none; } #tt-megamenu .tt-mega_menu li.tt_menu_item:hover > .tt_sub_menu_wrap{ transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); visibility: visible; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item,#tt-megamenu1 .tt-mega_menu1 li.more_menu.tt_menu_item{ position: relative; } #tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item ul.tt_sub_menu_linklist li.tt_menu_item > a::after { content: "\f142"; } #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item > a::after { right: 0px; } #tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item { position: relative; } #tt-megamenu .tt-mega_menu .tt_menus_ul li.tt_menu_item:hover>a::after { content: '\F143'; } } @media (min-width: 992px) and (max-width: 1300px) { #tt-megamenu h5.toggle_menu { padding: 15px 5px 15px 50px; } #tt-megamenu .toggle_menu i.mdi-menu { left: 15px; } } @media only screen and (max-width: 1200px) { #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a { padding: 8px 20px; } } @media only screen and (max-width: 991px) { #tt-megamenu .tt-mega_menu li.tt_menu_item span.tt_mn_sub_heading{ font-size: 8px; line-height: 12px; top: -5px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist>li>a, #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu_linklist>li>a{ font-size:13px; } #tt-megamenu .tt-mega_menu li.more_menu.tt_menu_item.left > a{ display: none !important; } #tt-megamenu h5.toggle_menu { padding: 12px 0; margin: 0; border-bottom: none; line-height: 22px; background: none; } #tt-megamenu .toggle_menu i.mdi-menu { background: none; left: auto; right: 20px; top: 8px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav{ display:none; } #tt-megamenu .tt-mega_menu,#tt-megamenu1 .tt-mega_menu1 { display: none; position: absolute; left: 0; right: 0; top: 100%; bottom: auto; z-index: 9; margin: 0; padding: 15px 0; text-align: center; background: #fff; border: 1px solid var(--color-border); } #tt-megamenu .tt-mega_menu li.tt_menu_item.more_menu .tt_sub_menu_wrap li.tt_menu_item .tt_sub_menu_wrap { padding: 0; } #tt-megamenu .tt-mega_menu li.more_menu > ul > li a { font-weight: 600; } #tt-megamenu .tt-mega_menu li.tt_menu_item { display: block !important; text-align: left; margin: 5px 0; } #tt-megamenu .tt-mega_menu li.tt_menu_item .left_more_menu { display: none !important; } #tt-megamenu .tt-mega_menu li.tt_menu_item span.categories, #tt-megamenu .tt-mega_menu li.tt_menu_item > a { padding: 5px 20px; text-align: left; color: var(--color-body-text); font-weight: 400; } #tt-megamenu .tt-mega_menu li.tt_menu_item:hover > a, #tt-megamenu .tt-mega_menu li.tt_menu_item:hover span.categories { color: var(--color-text-hover-field); } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap,#tt-megamenu1 .tt-mega_menu1 li.tt_menu_item .tt_sub_menu_wrap { position: static; padding: 0 20px; border: none; display: none; background: none; width: 100% !important; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .list_product_menu_content .owl-nav > div { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .list_products_menu .product-wrapper .product-thumb:hover .product-price__sale-label { top: 20px; } #tt-megamenu .tt-mega_menu li.more_menu > ul > li .tt_sub_menu_wrap .tt_sub_menu { padding: 0 15px; } #tt-megamenu ul.tt_menus_ul,#tt-megamenu1 ul.tt_menus_ul1 { float: left; width: 100%; margin: 0; } #tt-megamenu ul.tt_menus_ul li.tt_menu_item > a::after{ display: none; } #tt-megamenu ul.tt_menus_ul{ margin: 0 0 8px; border-bottom: 1px solid rgba(0,0,0,0.1); } #tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4,#tt-megamenu .tt_sub_menu_wrap h4.sub_mn_title, #tt-megamenu .tt_sub_menu_wrap .sub_mn_title.h4{ font-size: 13px; } } @media only screen and (max-width: 767px) { #tt-megamenu ul.tt_menus_ul > li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu { padding: 0 15px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu img{ margin:0 0 10px; } } @media only screen and (max-width: 480px) { #tt-megamenu ul.tt_menus_ul > li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu{ width: 100% !important; padding: 0 10px 12px; } #tt-megamenu .tt-mega_menu li.tt_menu_item .tt_sub_menu_wrap .tt_sub_menu > a { width: auto; } } /*----------------- Checkout - Button AND Error Message CSS -------------------------------*/ .product-single .product-information-inner .product-form__error-message-wrapper { float: left; width: 100%; margin: 15px 0 0; padding: 12px; color: #dc0000; background-color: #fff6f6; border-color: #dc0000; border-radius: 25px -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; text-align: center; } /*---------------------- image loader --------------------------*/ .product-wrapper .product-thumb .loader { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; width: 100%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 200ms ease-in-out 0s; -webkit-transition: all 200ms ease-in-out 0s; -moz-transition: all 200ms ease-in-out 0s; -o-transition: all 200ms ease-in-out 0s; -ms-transition: all 200ms ease-in-out 0s; display: flex; align-items: center; justify-content: center; background: #fff; cursor: pointer; } .product-wrapper .product-thumb .loader .preloader-wrapper { height: 50px; width: 50px; display: inline-block; position: relative; } .product-wrapper .product-thumb .loader .preloader-wrapper .spinner-layer { position: relative; float: none; display: inline-block; vertical-align: top; width: 50px; height: 50px; } .product-wrapper .product-thumb .loader .preloader-wrapper .spinner-layer::before { content: ''; box-sizing: border-box; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border: 2px solid transparent; border-top-color: #222; border-bottom-color: #222; animation: spinner 1.5s ease-in-out infinite; } @media only screen and (max-width: 767px) { .product-wrapper .product-thumb .loader .preloader-wrapper { height: 30px; width: 30px; } .product-wrapper .product-thumb .loader .preloader-wrapper .spinner-layer { height: 30px; width: 30px; } .product-wrapper .product-thumb .loader .preloader-wrapper .spinner-layer::before { height: 30px; width: 30px; } } .product-wrapper .product-thumb .second-productimg img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 500ms ease-in-out 0s; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; } .product-wrapper.loading .product-thumb .loader { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .product-wrapper.loading:hover .product-thumb .featured-image { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } @keyframes spinner { to { transform: rotate(360deg) } } /*------------------------ Product page ---------------------------*/ .video-source { float: left; width: 100%; cursor: pointer; } .video-source video { float: left; width: 100%; height: 100%; vertical-align: top; } /*------------------- Size guide Chart ---------------------*/ .product-template__container{ float: left; width: 100%; position: relative; } .product-template__container .modal-dialog { width: 880px; vertical-align: middle; display: inline-block; } .product-template__container .modal-dialog table { width: 100%; margin-top: 17px; border: none; } .product-template__container .modal-dialog table thead th { color: #666; font-size: 14px; font-weight: 600; text-align: center; border: none; } .product-template__container .modal-dialog table tbody tr { background: #f7f4ef; } .product-template__container .modal-dialog table tbody tr:nth-child(odd) { background: #f4efe8; } .product-template__container .modal-dialog table td { color: #666; font-size: 14px; font-weight: normal; text-align: center; padding: 10px 4px; border: none; } .product-template__container .modal-dialog .modal-content { padding: 20px; background-color: var(--color-body); float: left; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-template__container .modal-dialog .modal-content .modal-header { border-bottom: 1px solid var(--color-border); float: left; width: 100%; margin: 0 0 20px; } .product-template__container .modal-dialog .modal-content .modal-header button.close { float: none; display: inline-block; vertical-align: top; position: absolute; top: 5px; bottom: auto; left: auto; right: 5px; width: 28px; height: 28px; line-height:28px; font-size: 28px; border: none; text-shadow: none; color: #666; opacity: 1; font-weight: 400; } .product-template__container .modal-dialog .modal-content .modal-body { float: left; width: 100%; padding: 0; } .product-template__container .modal-dialog .modal-content .tt-title { margin: 0; font-size: 24px; line-height: 26px; background: var(--color-btn-primary); color: #fff; padding: 10px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-template__container .modal-dialog .modal-content .tt-title::after{ display: none; } @media only screen and (max-width: 991px) { .product-template__container .modal-dialog { width: 720px; } } @media only screen and (max-width: 767px) { .product-template__container .modal-dialog { width: 100%; padding: 0 10px; } .product-template__container .modal-dialog .modal-content { padding: 10px 15px; } .product-template__container{ padding: 10px 0 0; } } /*-------------------- Recommendation Product -------------------------*/ .product-notification { position: fixed; bottom: 70px; background: var(--color-body); width: 330px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; z-index: 2; border: 2px solid var(--color-border); visibility: hidden; left: 50px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } @media only screen and (max-width: 480px) { .product-notification { width: 290px; left: 20px; } } .product-notification.pos-right { right: 50px; left: auto; } .product-notification.active { bottom: 50px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } .product-notification .closeNotify { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: var(--color-btn-primary); color: var(--color-btn-primary-text); position: absolute; right: -10px; top: -10px; cursor: pointer; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-notification .closeNotify:hover { color: var(--color-btn-secondary-text); background: var(--color-btn-secondary); } .product-notification .product-suggest { float: left; width: 100%; } .product-notification .product-suggest .product-image { max-width: 90px; margin: auto; float: left; width: 28%; padding: 4px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .product-notification .product-suggest .column-right { padding: 14px 10px; line-height: 20px; float: right; width: 72%; } .product-notification .product-suggest .column-right label { color: var(--color-body-text); font-size: 12px; font-weight: 500; float: left; width: 100%; } .product-notification .product-suggest .column-right .product-name { color: var(--color-text); font-size: 14px; float: left; width: 100%; margin: 0 0 3px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .product-notification .product-suggest .column-right .from-ago, .product-notification .product-suggest .column-right .time-ago { color: var(--color-body-text); font-size: 12px; font-weight: 400; float: left; width: 100%; font-style: italic; } /*--------------------- Cookie CSS ----------------------------*/ .template-index .main-content .shopify-section.recommendations-product { margin: 0; } .cookiestatus .cookie-block #cookie_message { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .cookiestatus .cookie-block #cookie_message.se-cookies-message-open { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .cookiestatus .cookie-block #cookie_message .tt-cookie-inner > span { vertical-align: middle; } .cookiestatus .cookie-block #cookie_message button.btn { margin: 0 0 0 10px; border :none; } .cookiestatus .cookie-block.full_bottom { float: left; width: 100%; } .cookiestatus .cookie-block.full_bottom #cookie_message { padding: 10px; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); font-size: 12px; float: left; width: 100%; } .cookiestatus .cookie-block.bottom_fix #cookie_message, .cookiestatus .cookie-block.bottom_to_left #cookie_message, .cookiestatus .cookie-block.bottom_to_right #cookie_message { padding: 30px; position: fixed; float: none; display: inline-block; bottom: 10px; top: auto; width: 400px; left: 10px; right: auto; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); z-index: 2; } @media only screen and (max-width: 543px) { .cookiestatus .cookie-block.bottom_fix #cookie_message, .cookiestatus .cookie-block.bottom_to_left #cookie_message, .cookiestatus .cookie-block.bottom_to_right #cookie_message { padding: 15px; width: 280px; } } .cookiestatus .cookie-block.bottom_fix #cookie_message { width: 100%; padding: 10px; text-align: center; bottom: 0px; left: 0; right: 0; } .cookiestatus .cookie-block.bottom_to_right #cookie_message { right: 10px; left: auto; } .cookiestatus .cookie-block.bottom_to_right #cookie_message .tt-cookie-inner > span, .cookiestatus .cookie-block.bottom_to_left #cookie_message .tt-cookie-inner > span { font-size: 15px; line-height: 30px; float: left; width: 100%; margin: 0 0 15px; } .product-form__error-message-wrapper--hidden { display: none; } /*-------------------- animation --------------------*/ @-webkit-keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @-moz-keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @keyframes fixedmenu { 0% { top: -100%; } 100% { top: 0; } } @-webkit-keyframes fixedfooter { 0% { bottom: -100%; } 100% { bottom: 0; } } @-moz-keyframes fixedfooter { 0% { bottom: -100%; } 100% { bottom: 0; } } @keyframes fixedfooter { 0% { bottom: -100%; } 100% { bottom: 0; } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes fade_out { 0% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } 100% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } } @-moz-keyframes fade_out { 0% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } 100% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } } @keyframes fade_out { 0% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } 100% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } } @-webkit-keyframes fade_in { 0% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } 100% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } } @-moz-keyframes fade_in { 0% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } 100% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } } @keyframes fade_in { 0% { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } 100% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } @-webkit-keyframes zoomIn { from { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes scaleAppear { 0% { opacity: 0; -webkit-transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes scaleAppear { 0% { opacity: 0; -moz-transform: scale(0); } 100% { opacity: 1; -moz-transform: scale(1); } } @-ms-keyframes scaleAppear { 0% { opacity: 0; -ms-transform: scale(0); } 100% { opacity: 1; -ms-transform: scale(1); } } @-o-keyframes scaleAppear { 0% { opacity: 0; -o-transform: scale(0); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes scaleAppear { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } .scaleAppear { -webkit-animation: scaleAppear 750ms ease; -moz-animation: scaleAppear 750ms ease; -ms-animation: scaleAppear 750ms ease; -o-animation: scaleAppear 750ms ease; animation: scaleAppear 750ms ease; } /*------------------------- Cart Page CSS -------------------------------*/ .template-cart #cartEmpty { float: left; width: 100%; min-height: 400px; padding: 5px; border: 2px solid var(--color-border); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; display: flex; align-items: center; justify-content: center; } .template-cart #cartEmpty h1.tt-innerpagetitle{ text-align: center; } .template-cart #cartEmpty p { float: left; width: 100%; margin: 15px 0 0; text-align: center; } .template-cart .cart__product-information { float: left; width: 100%; } .template-cart .product-price dl { margin: 0; } .template-cart .cart__image-wrapper.product_img { width: 115px; float: none; display: inline-block; vertical-align: top; } .template-cart .cart__image-wrapper.product_img img{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; padding: 3px; border: 1px solid var(--color-border); } .template-cart .cart-content { float: left; width: 100%; } .template-cart .cart-content .list-view-item__title a.cart__product-title { float: left; width: 100%; margin: 0 0 8px; font-weight: 500; color: #444; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .template-cart .cart-content .list-view-item__title a.cart__product-title:hover{ color: var(--color-text-hover-field); } .template-cart .cart-content ul.product-details { float: left; width: 100%; margin: 0 0 5px; } .template-cart .cart-content ul.product-details li.product-details__item { font-size: 12px; } .template-cart .cart__price dt, .template-cart .cart__price .cart__qty { display: none; } .template-cart .cart__quantity-td .cart__qty { float: none; width: auto; display: inline-block; vertical-align: top; } .template-cart .cart__quantity-td .cart__qty label { display: none; } .cart-qty-box-set { float: left; width: auto; display: flex; align-items: center; justify-content: center; vertical-align: top; border: 1px solid var(--color-border); } .quantity__button { width: 35px; height: 35px; border: 0; cursor: pointer; padding: 0; float: left; margin: 0 5px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .quantity__button:hover{ background: #ebe5da; } .quantity__button .icon.icon-minus, .quantity__button .icon.icon-plus{ width: 10px; height: 35px; pointer-events: none; } .template-cart .table-responsive { border: medium none; float: left; width:100%; } .template-cart .cart-wrapper .cart-table { padding-right:30px; } .cart-wrapper .product_title .product_img { float: none; display: inline-block; vertical-align: top; padding: 0 15px; } .cart-wrapper .text-center .qty-box-set { float: none; display: inline-block; vertical-align: top; margin: 0; } .cart-wrapper .cart__remove a:hover i { color: #fff; } .cart-wrapper .cart__subtotal { font-weight: 600; margin: 20px 0 0; float: left; width: 100%; } .cart-wrapper .cart__subtotal .money { font-size: 22px; font-weight: 500; color: var(--color-btn-primary); font-family: var(--font-stack-header); } .cart-wrapper .cart__footer .h6 { margin: 0; color: var(--color-text); font-weight: 600; } .cart-wrapper .cart__footer .grid .grid-item { padding: 0; } .cart-wrapper .cart__footer .grid .grid-item.cart-right { margin: 20px 0 0; } .cart-wrapper .cart__footer .grid .grid-item label { font-size: 14px; font-weight: 500; margin: 0 0 10px 0; } .cart-wrapper .cart__footer button { padding: 10px 20px; } .cart-wrapper .cart__footer #update { margin: 0 10px 0 0; } .cart__blocks .cart__ctas button.btn { width: 100%; float: none; display: inline-block; vertical-align: top; border: none; padding: 15px 12px; } #shopify-section-cart-template .cart-wrapper .shop_table.cart_table { border:none; } #shopify-section-cart-template .cart-wrapper .cart-notes{ width: 100%; float:left; margin: 30px 0 0; padding: 0; } .shop_table.cart_table span.money { font-weight: 700; color: #222; font-family: var(--font-stack-header); } .cart_table thead th span, .shop_table.cart_table th { font: 700 14px/18px var(--font-stack-header); color: var(--color-text); text-align:center; border: none; border-bottom: 1px solid var(--color-border); } .cart__remove i.mdi.mdi-delete { font-size: 18px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .cart__remove a:hover i.mdi.mdi-delete{ color:#ff0000; } .cart-header { float: left; width: 100%; margin: 0 0 15px; } .totals__subtotal { float: left; width: 100%; font: 700 24px/26px var(--font-stack-header); margin: 0; padding: 0 15px; text-align: center; } .totals__subtotal-value { float: left; width: 100%; text-align: center; margin: 20px 0 0; font: 700 16px/20px var(--font-stack-header); color: var(--color-btn-primary); } .cart__blocks p.tax-note { margin: 10px 0; float: left; width: 100%; } .cart-wrapper .cart__footer button{ width: 100%; float: none; display: inline-block; vertical-align: top; } .cart__blocks .cart__ctas button.btn{ background-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .cart__blocks .cart__ctas button.btn i.mdi.mdi-share { margin-right: 7px; font-size: 18px; line-height: 20px; vertical-align: middle; } .cart__blocks .cart__ctas button.btn:hover{ color: var(--color-btn-primary-text); } .cart__blocks .cart__ctas button.btn::after{ background-color: var(--color-btn-primary); } .cart__footer { position: relative; float: left; width: 100%; } .cart__footer .js-qty { margin: 0 auto; } .cart__footer input[name="goto_pp"] { padding: 10px 0px 0px; } .cart__footer .amazon-payments-pay-button { vertial-align: top; margin: 0; } .cart__footer .cart__blocks { padding: 30px; background: #faf7f2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .cart__instructions { margin-bottom: var(--gutter); } .cart__image,.cart__image img { display: block; } .cart__subtotal { display: inline; font-family: var(--font-stack-header); font-size: 20px; line-height:22px; margin: 0 0 0 (var(--gutter) / 3); } .cart__mini-labels { display: block; font-family: var(--font-stack-body); font-size: em(14px); margin: var(--gutter) / 2 0 0; } .cart__product { line-height: em(26px); margin: 0; } .site-header__cart .no-items #ToggleDown p { margin: 0 0 5px 0; } .cart__remove { font-family: var(--font-stack-body); font-size: em(14px); margin: 0 0 var(--gutter) / 2; } .cart-item__discount { display: block; } .cart__additional_checkout_buttons > *:not(script) { padding: 10px 0 0 10px; vertical-align: top; line-height: 1; } .cart__additional_checkout_buttons > *:not(script):first-child, .cart__additional_checkout_buttons > *:not(script):empty { padding-left: 0px; } .cart--no-cookies .cart--continue-message { display: none; } .cart--no-cookies .cart--empty-message { display: none; } .cart--cookie-message { display: none; padding-bottom: 25px; } .cart--no-cookies .cart--cookie-message { display: block; } .cart-policy { float: left; width: 100%; padding: 30px; background: #faf7f2; margin: 15px 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .cart-policy .policy .policy-icon { float: none; display: inline-block; vertical-align: top; width: 40px; height: 40px; line-height: 40px; } .cart-policy .policy { float: left; width: 100%; margin: 0 0 15px; display: flex; align-items: center; } .cart-policy .policy .content { float: none; display: inline-block; vertical-align: top; padding: 0 0 0 10px; } .policy-title { float: left; width: 100%; margin: 0 0 5px; font: 700 15px/18px var(--font-stack-header); color:#222; } @media only screen and (min-width: 1025px) { .cart__remove { margin-bottom: 0; } .cart__mini-labels { margin-top: var(--gutter); } .template-cart .cart-wrapper { max-width: 100%; margin: 0 auto; } } @media only screen and (max-width: 1199px) { .template-cart .cart-wrapper .cart-table{ width:100%; } .cart__footer { width: 100%; padding: 0; } .template-cart .table-responsive { width: 100%; padding: 0; } } @media only screen and (max-width: 991px) { .cart-wrapper .cart__footer .cart-subtotal { float: left; width: 100%; margin: 0 0 10px; } .cart-wrapper .cart__footer .cart__instructions { margin-bottom: 10px; } .template-cart .cart__product-information { max-width: 100%; width: 200px; } .template-cart .product-price, .template-cart .product-final-price { float: left; max-width: 100%; width: 100px; } } @media only screen and (max-width: 480px) { .cart-wrapper .cart__footer .grid .grid-item.cart-right{ margin:0px; } .cart-wrapper .cart__subtotal .money { font-size: 18px; } .cart-wrapper .cart__footer #update { margin: 0 1px 0 0; } .cart__footer { margin: var(--gutter) 0; padding: 0; margin: 15px 0; } .cart__footer:first-of-type { margin-top: 0; } .cart__product a { font-size: 13px; } .cart-policy{ padding: 15px; } .cart-policy .policy .content{ width: 80%; } .cart__footer .grid{ padding: 15px; } } /*====================== Customer Account Page ==========================*/ .customer-orders { overflow: auto; } .template-customers-addresses #address_form_new, .template-customers-addresses .edit-address { margin: 30px 0; } #address_form_new #address_default_address_new.btn { float: right; margin: 0 0 30px 0; } #address_form_new #address_province_container_new { padding: 0; } #address_form_new .grid-item.one-half.first, .edit-address .grid-item.one-half.first { padding-left: 0; } #address_form_new .grid-item.one-half.last, .edit-address .grid-item.one-half.last { padding-right: 0; } #address_form_new label, .edit-address label { font-size: 14px; font-weight: 500; } #address_form_new .grid-item.left, .edit-address .grid-item.left { padding-left: 0; } #address_form_new .grid-item.right, .edit-address .grid-item.right { padding-right: 0; } #address_form_new a, .edit-address a { color: var(--color-btn-primary-text); float: left; } #address_form_new .btn:hover a, .edit-address .btn:hover a { color: var(--color-btn-secondary-text); } #address_form_new select, .edit-address select { padding: 12px 10px; } .edit-address .btn.update{ float: right; margin:0 0 30px 0; } .template-customers-order .grid-item.two-thirds, .template-customers-account .grid-item.two-thirds { padding-left: 0; overflow: auto; } .template-customers-order table.full th, .template-customers-account table.full th, .template-customers-order table.full td, .template-customers-account table.full td { padding: 15px; } .template-customers-order .grid-item.one-third, .template-customers-account .grid-item.one-third { padding-right: 0; } .template-customers-order .grid-item h2.h4, .template-customers-account .grid-item h2.h4 { border-bottom: 1px solid var(--color-border); padding-bottom: 5px; color: var(--color-body-text); } .shopify-challenge__container .g-recaptcha{ float:left; width:100%; } .template-customers-account .grid-item h2.h4 { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; color: var(--color-body-text); } .template-customers-account .grid { float: left; width: 100%; margin: 20px 0; } .template-customers-activate_account label { font-size: 14px; font-weight: 500; margin: 0 0 10px; } @media only screen and (max-width: 1024px) { #address_form_new .grid-item.right, .edit-address .grid-item.right { padding: 0; } #address_form_new .grid-item.left, .edit-address .grid-item.left { padding: 0; } .template-customers-order .grid-item.two-thirds,.template-customers-account .grid-item.two-third{ width: 100%; padding: 0; } .template-customers-order .grid-item.one-third,.template-customers-account .grid-item.one-third{ width: 100%; padding: 0; } } @media only screen and (max-width: 767px) { .template-customers-register .register, .template-customers-login .register{ float: left; width: 100%; } } /*========================== Password Page ============================*/ .password.gradient { min-height: 100vh; display: flex; flex-direction: column; background-attachment: fixed; height: 100%; } .password__footer-caption svg { width: 70px; height: 20px; float: none; display: inline-block; vertical-align: bottom; color: #111; } #shopify-section-password-header { float: left; width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #e5e5e5; } #shopify-section-password-header .modal__content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; display: flex; justify-content: center; align-items: center; } #shopify-section-password-header .password-modal__content { background: #fff; float: left; width: 600px; text-align: center; padding: 30px; position:relative; } #shopify-section-password-header details.password-modal { float: right; width: auto; } #shopify-section-password-header .modal__close-button.link { background: none; border: none; position: absolute; top: 10px; bottom: auto; right: 10px; left: auto; padding: 0; font-size: 20px; width: 20px; height: 20px; } .password #MainContent { float: left; width: 100%; margin: 50px 0; text-align: center; } .password .newsletter-form__field-wrapper { float: none; width: 500px; display: inline-block; vertical-align: top; } #shopify-section-password-footer { float: left; width: 100%; text-align: center; border-top: 1px solid #e5e5e5; padding: 20px 0; } #shopify-section-password-footer .password__footer-text { float: left; width: 100%; font-size: 13px; margin: 0 0 10px; } #shopify-section-password-footer .list-social.list-unstyled { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 15px; } #shopify-section-password-footer .list-social__link { float: left; font-size: 16px; line-height: 30PX; width: 30px; height: 30px; } #recover_password .text-center { margin-top: 10px; float: left; width: 100%; } #recover_password .text-center .btn { border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; } #recover_password .text-center p { width: auto; float: none; display: inline-block; vertical-align: top; } #recover_password .title { color: #111; font-size: 22px; line-height: 28px; font-weight: 600; } #recover_password .tt-innerpagetitle { font-size: 18px; } .lock-icon-svg { width: 0.7 * var(--font-size-base); height: 0.7 * var(--font-size-base); display: inline-block; vertical-align: baseline; } .lock-icon-svg path { fill: currentColor; } .lt-ie9 .lock-icon-svg { display: none; } .admin-login { font-size: 95%; } .template-customers-login .login, .template-customers-register .register { text-align: center; } .template-customers-register .register .errors { text-align: left; } .login-page form#customer_login { margin: 0; float: left; width: 100%; } .login-page div#recover_password { text-align: left; } .login-page .grid .grid-item, .login-page .grid--rev .grid-item, .login-page .grid--full .grid-item { padding: 0; text-align: left; } .login-page form .text-center > p { margin: 0; } .register-page form#create_customer { margin: 0; float: left; width: 100%; } .login-page form .text-center>p { margin: 0; } .template-customers-login .login .login-page, .register .register-page { float: none; width: auto; display: inline-block; vertical-align: top; padding: 30px; background: #fff; box-shadow: 1px 2px 3px 0 #e5e5e5; -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5; -moz-box-shadow: 1px 2px 3px 0 #e5e5e5; -ms-box-shadow: 1px 2px 3px 0 #e5e5e5; -o-box-shadow: 1px 2px 3px 0 #e5e5e5; } #customer_login .text-center .btn { padding: 10px 25px; background: #111; color: #fff; } #customer_login .text-center .btn:hover, #customer_login .text-center .btn:focus, #customer_login .text-center .btn:active { background:var(--color-btn-secondary); color:var(--color-btn-secondary-text); } .template-customers-register .footer-bottom .text-center a { float: none; } .template-customers-register .footer-bottom .text-center .btn { padding: 10px 25px; background: #111; color: #fff; margin: 20px 0; } .template-customers-register .footer-bottom .text-center .btn:hover, .template-customers-register .footer-bottom .text-center .btn:focus, .template-customers-register .footer-bottom .text-center .btn:active { background:var(--color-btn-secondary); color:var(--color-btn-secondary-text); } .template-customers-register .footer-bottom .text-center .mdi.mdi-chevron-left { font-size: 13px; } #shopify-section-password-header .password-modal__content svg.icon.icon-error, .password #MainContent svg.icon.icon-success { height: 20px; width: 20px; float: none; display: inline-block; vertical-align: middle; } @media only screen and (min-width: 992px){ .login-page form>input, .register-page form>input { min-width: 550px; } } @media only screen and (max-width: 991px) { .template-customers-login .login .login-page, .register .register-page { width: 100%; } } @media only screen and (max-width: 480px) { #recover_password .title { font-size: 18px; line-height: 20px; } .template-customers-login .login .login-page, .register .register-page { padding: 20px 15px; } #customer_login .text-center .btn { margin: 10px 0 0; } } /*-------------------------------- END ----------------------------*/ model-viewer{ position:absolute; left:0; right:0; top:0; bottom:0; width:100%; max-width:100%; height:100%; float:left; } .modal-open .modal{ float: left; width: 100%; text-align: center; } .product-single__photos .model.main_image_wrap, .product-block .model-viewer,.product-block .model-view{ padding-top:100%; } /*========================= Collection Filters =================================*/ aside.sidebar-tag.filter.color.tags img { width: 16px; height: 16px; margin-right: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; overflow: hidden; border: 1px solid var(--color-border); transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -moz-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; -ms-transition: all 600ms ease-in-out 0s; } aside.sidebar-tag.filter.color.tags a:hover img, aside.sidebar-tag.filter.color.tags a.active img { border-color: #bbb; } .off-canvas-wrapper .collection_sidebar { float: left; width: 100%; } .off-canvas-wrapper .collection_sidebar .widget ul li.product-wrapper { margin: 0 0 15px; padding: 0; } .off-canvas-wrapper .collection_sidebar .widget.widget_promo_img li { margin: 0; } .active-filter { font-weight: bold; } .view-mode.filter-grid-list.grid__item { float: left; } a.filter-left { float: left; font-size: 17px; font-weight: 500; } .pages_list.open { float: left; position: relative; width: auto; } @media only screen and (max-width: 1024px) { .collection-filters { margin-bottom: var(--gutter); } } .filter-sortby label, .filter-show label { display: inline-block; float: left; font-size: 13px; font-weight: 500; line-height: 30px; margin: 0; padding-right: 10px; } .collection_template .sorting_wrapper .btn.dropdown-toggle { font-size: 13px; font-weight: 500; padding: 5px 34px 5px 15px; color: var(--color-text-field); border: 1px solid var(--color-border); background: #fff; } .facet-filters__sort{ font-size: 13px; font-weight: 500; padding: 5px 34px 5px 15px; color: var(--color-text-field); border: 1px solid var(--color-border); margin:0px; } .collection_template .sorting_wrapper .btn.dropdown-toggle:hover { border: 1px solid #ddd; background: #f5f5f5; } .collection_template .sorting_wrapper .btn.dropdown-toggle::after, .collection_template .sorting_wrapper .btn.dropdown-toggle::before { display: none; } .collection_template .sorting_wrapper .btn.dropdown-toggle > i { bottom: auto; font-size: 16px; line-height: 18px; left: auto; position: absolute; right: 10px; top: 5px; } .collection_template .sorting_wrapper .sorting-section.open .btn.dropdown-toggle { border: 1px solid var(--color-border); } .collection_template .facet-filters__sort{ width: 200px; text-align: left; } @media (min-width:497px) and (max-width: 536px)) { .collection_template .facet-filters__sort{ width: 150px; } } @media (min-width: 348px) and (max-width: 496px) { .collection_template .facet-filters__sort{ width: 130px; } } @media(max-width:575px){ .collection_template .facet-filters__sort{ width:150px; } } @media only screen and (max-width: 536px) { .collection_template .facet-filters__sort{ width: 100%; } .facet-filters__sort{ padding: 5px 8px 5px 10px; } } .collection_template .sorting_wrapper .pages_list .dropdown-backdrop { display: none; } .collection_template .sorting_wrapper .open .btn.dropdown-toggle { background: #fff; } .collection_template .sorting_wrapper .open .btn.dropdown-toggle::after { display: none; } .sorting-section, .pages_list { float: right; position: relative; } .collection_wrapper ul li.active > a,.collection_wrapper ul li.active > a:hover { background-color: #111; color: #ffffff; } .dropdown-menu > li > a { color: var(--color-text-field); font-size: 13px; } .dropdown-menu > li > a:hover { color: var(--color-text-hover-field); background: #e5e5e5; } .sorting_wrapper .dropdown-menu{ width:100%; background:#fff; border-color:var(--color-border); } .filter-show.grid__item { display: inline-block; margin-left: 15px; } @media only screen and (max-width: 480px) { .filter-sortby label, .filter-show label { padding-right: 5px; } .sorting-section, .pages_list { float: left; } .full_width.wrap_right_filter .filter-show.grid__item, .full_width.wrap_left_filter .filter-show.grid__item{ margin-left:5px; } .filter-show.grid__item{ margin:0; } } .collection-sorting { float: right; display: inline-block; margin: 0; } .filter-dropdown { height: 60px; margin: 0; max-width: 250px; position: relative; } .supports-pointerevents .filter-dropdown__select { position: absolute; text-indent: -999px; } .supports-pointerevents .filter-dropdown__label { background-color: var(--color-body); color: var(--color-body-text); cursor: pointer; display: block; font-family: var(--font-stack-body); font-size: em(15px); font-weight: 500; margin: 13px; max-width: 220px; overflow: hidden; pointer-events: none; position: absolute; text-align: left; text-overflow: ellipsis; white-space: nowrap; z-index: 1; } @media only screen and (min-width: 1024px) { .filter-dropdown__wrapper { display: inline-block; width: 225px; } .sorting-filters--enabled .collection-tags { margin-right: 25px; } .supports-pointerevents .filter-dropdown__label { max-width: 195px; } } @media only screen and (min-width: 481px) { .collection-sorting .grid-item { padding: 0 15px; min-width: 200px; } } .mobile-facets { position: fixed; right: auto; top: 0; left: 0; bottom: 0; visibility: hidden; z-index: 5; background:#fff; height:100%; } .menu-opening .mobile-facets { visibility: visible; } .mobile-facets__inner{ display: block!important; transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; transform: translateX(-100px); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -o-transform: translateX(-100px); -ms-transform: translateX(-100px); position:absolute; top: 0; left:0; right: auto; bottom: 0; padding: 30px; text-align: left; background: #fff; width:300px; height: 100%; overflow-y: auto; } .menu-opening .mobile-facets__inner{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); } .mobile-facets__summary>div { position: relative; float: left; width: 100%; } .mobile-facets__summary>div span.mobile-facets__arrow { position: absolute; top: 0; bottom: 0; right: 0px; left: auto; float: none; display: inline-block; vertical-align: top; width: 25px; height: 40px; line-height: 40px; } .mobile-facets__summary>div span.mobile-facets__arrow:focus i,.mobile-facets__summary>div span.mobile-facets__arrow:hover i,.mobile-facets__summary>div span.mobile-facets__arrow:active i{ color: #fff; } .mobile-facets__main { float: left; width: 100%; padding: 10px 0 0; } .mobile-facets__close { align-items: center; justify-content: center; position: fixed; top: 10px; right: auto; opacity: 0; visibility:hidden; left: 10px; z-index: 6; } .mobile-facets__close i { float: none; display: inline-block; vertical-align: top; width: 22px; height: 22px; line-height: 22px; font-size: 22px; } details.mobile-facets__details.js-filter.widget { margin: 0px; } .menu-opening .mobile-facets__close { opacity: 1; visibility:visible; } .mobile-facets__main .main.mobile-facets__footer{ float: left; width: 100%; align-items: center; background: #fff; display: flex; justify-content: space-between; margin: 0 0 15px; } label.mobile-facets__label input[type=checkbox]{ vertical-align: middle; border: 1px solid #e5e5e5; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 18px; width: 18px; float: left; line-height: 18px; margin-right: 10px; transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; outline: none; cursor: pointer; } label.mobile-facets__label { position: relative; } .mobile-facets__label .icon-checkmark { position: absolute; left: 3px; top: 6px; bottom: auto; right: auto; margin: auto; visibility: hidden; } .mobile-facets__label>input[type=checkbox]:checked~.icon-checkmark { visibility: visible; } ul.mobile-facets__list.list-unstyled,.disclosure-has-popup .mobile-facets__submenu .facets__price { float: left; width: 100%; margin: 0 0 8px; } li.mobile-facets__item.list-menu__item { float: left; width: 100%; margin: 0 0 8px; } .mobile-facets__main .main.mobile-facets__footer a.mobile-facets__clear.btn { background: none; border: 2px solid var(--color-btn-primary); color: var(--color-product-primary-text); padding: 7px 20px; } .mobile-facets__main .main.mobile-facets__footer .mobile-facets__clear.btn::after{ display:none; } .mobile-facets__main .main.mobile-facets__footer .mobile-facets__clear.btn:hover { border-color: #ff0000; color: #ff0000; } .mobile-facets__main .main.mobile-facets__footer button.no-js-hidden.btn.btn-primary { border: none; } .mobile-facets__details .mobile-facets__footer { float: left; width: 100%; } .mobile-facets__details .mobile-facets__footer .btn { background: none; border: none; color: #666; padding: 5px 0; } details.mobile-facets__details.js-filter { float: left; width: 100%; margin: 0 0 10px; } .mobile-facets__details .mobile-facets__footer .btn:hover{ color: var(--color-btn-secondary-text); } .mobile-facets__details .mobile-facets__footer .btn::after{ content: ""; left: 0px; right: auto; position: absolute; top: auto; bottom: 0; height: 2px; z-index: -1; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; width: 0; background: var(--color-btn-secondary-text); } .mobile-facets__details .mobile-facets__footer a.mobile-facets__clear.underlined-link.btn { margin: 0 10px 0 0; } .mobile-facets__details .mobile-facets__footer .mobile-facets__clear.btn:hover{ color: #ff0000; } .mobile-facets__details .mobile-facets__footer .mobile-facets__clear.btn::after{ background: #ff0000; } .mobile-facets__details .mobile-facets__footer .btn:hover::after{ width: 90%; } .mobile-facets__summary h4 { font: 500 15px/20px var(--font-stack-header); color: var(--color-text); margin: 0 0 15px; cursor: pointer; float: left; width: 100%; padding: 10px 10px; position: relative; background: #f7f4ef; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -khtml-border-radius: 5px; } details.mobile-facets__details.js-filter:hover h4{ color: #fff; background: var(--color-btn-primary); } details.mobile-facets__disclosure.disclosure-has-popup .mobile-facets__open{ float:left; width:100%; padding: 15px; border-bottom: none; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-text); } .full_width details.mobile-facets__disclosure.disclosure-has-popup .mobile-facets__open{ padding:15px 0px; } @media(min-width: 992px){ menu-drawer.mobile-facets__wrapper { display: none; } } @media(max-width: 991px){ .sidebar-block .facets-container .facets,.off-canvas-wrapper menu-drawer.mobile-facets__wrapper{ display:none; } .off-canvas-wrapper .sidebar-block .facets-container .facets{ display:block; } } @media(min-width: 992px){ .sidebar-block.mobile { display: none; } } @media(max-width: 991px){ .sidebar-block.desktop { display: none; } } /*=========================== Collection Page =============================*/ .collection_template { float: left; width: 100%; }.collection_template .tt-title{ display:none; } .collection_template .owl-nav{ right:10px; } .collection_template .collection-desc-wrap { float: left; width: 100%; background: #fff; padding: 30px; box-shadow: 1px 2px 3px 0 #e5e5e5; -webkit-box-shadow: 1px 2px 3px 0 #e5e5e5; -moz-box-shadow: 1px 2px 3px 0 #e5e5e5; -ms-box-shadow: 1px 2px 3px 0 #e5e5e5; -o-box-shadow: 1px 2px 3px 0 #e5e5e5; } .product-short-list.style3 .product-wrapper .product-qty{ margin: 0 3px 10px 0; } @media only screen and (min-width: 1200px) { .template-collection .left-sidebar.sidebar,.template-collection .right-sidebar.sidebar { width: 20%; } .template-collection .collection_wrapper{ width: 80%; } } .collection-grid { margin-bottom: -var(--gutter); } .product-wrapper .product-description .h4 a:hover { color: var(--color-text-hover-field); } a.featured-box { border: 1px solid var(--color-border); color: var(--color-body-text); display: block; margin-bottom: var(--gutter); } a.featured-box:hover { color: var(--color-text-hover-field); } .section-header.text-left .section-header__title { display: none; } .collection_template .section-header.text-left .description { font-size: 13px; margin:0px; } .collection_wrapper .filter-wrapper .sorting_wrapper { float: right; width: auto; padding: 0 0 0 10px; } .grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown { float: left; width: 100%; position: relative; } .grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container { position: static; float: left; margin: 0 0 20px; padding: 0 0 0 35px; width: 205px; } .grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after { left: 3px; line-height: 40px; } .grid-item.product-list .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container, .grid-item.product-short-list .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .list-collection-products .pickgradient-products:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .list-collection-products .pickgradient-products img { max-width: 100%; transition: transform 0.45s; -webkit-transition: transform 0.45s; -moz-transition: transform 0.45s; -o-transition: transform 0.45s; -ms-transition: transform 0.45s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } p.text-center.veiw_all_collections a { line-height: 2.5; display: inline-block; } p.text-center.veiw_all_collections a span.icon.icon-chevron-right { padding-top: 2px; float: right; padding-left: 5px; } .list-collection-products .pickgradient-products { overflow: hidden; display: inline-block; width: auto; float: none; vertical-align: top; position: relative; border: none; cursor: pointer; margin: 0 0 20px; } .list-collection-products .pickgradient-products .deatil { position: absolute; left: 0; right: 0; top: auto; bottom: 8px; margin: auto; width: 100%; height: auto; z-index: 1; text-align: left; padding: 0 8px; } .list-collection-products .pickgradient-products .deatil .collection-desc { float: left; width: auto; background: #fff; padding: 10px 15px; position: relative; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: translateX(-150px); -webkit-transform: translateX(-150px); -moz-transform: translateX(-150px); -o-transform: translateX(-150px); -ms-transform: translateX(-150px); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .list-collection-products .pickgradient-products:hover .deatil .collection-desc{ transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -o-transform: translateX(10px); -ms-transform: translateX(10px); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility:visible; } .list-collection-products .pickgradient-products .deatil .tt-event-overlay { float: left; width: 100%; margin: 5px 0 0; } .list-collection-products .pickgradient-products .deatil a.grid-link.collection-link { float: left; width: 100%; text-overflow: ellipsis; overflow: hidden; } .list-collection-products .pickgradient-products .deatil .collection-detail { color: #111; padding: 0 0 5px; white-space: nowrap; width: 60%; float: none; display: none; vertical-align: top; } .list-collection-products .pickgradient-products .deatil .collection-detail span { text-overflow: ellipsis; overflow: hidden; float: left; width: 100%; } p.collection-count { font-size: 12px; margin: 0; z-index: 1; width: 100%; color: #666; } a.grid-link.collection-link span.grid-link__title { font-size: 14px; font-weight: 600; color: #111; white-space: nowrap; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } a.grid-link.collection-link span.grid-link__title:hover { color: #FF5635; } .filter-wrapper { float: left; width: 100%; margin: 0 0 30px; border:2px solid var(--color-border); padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; background:var(--color-section); } .section-header__title { font: 600 24px/30px var(--font-stack-header); color: var(--color-header-text); margin: 0 0 10px; } .sorting_wrapper { display: flex; float: left; } .grid-item.medium--one-third.large--one-half.product-grid img, .grid-item.medium--one-third.large--one-third.product-grid img { width: 100%; } .collection_right .products-grid-view > .grid-item.product-grid, .collection_left .products-grid-view > .grid-item.product-grid,.full-width .products-grid-view > .grid-item.product-grid { width: 25%; clear: none; } .collection_right .products-grid-view > .grid-item.product-grid:nth-child(4n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(4n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(4n+1) { clear: both; } @media (max-width: 1329px) { .collection_right .products-grid-view > .grid-item.product-grid:nth-child(4n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(4n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(4n+1) { clear: none; } .collection_right .products-grid-view>.grid-item.product-grid, .collection_left .products-grid-view > .grid-item.product-grid { width: 33.33%; clear: none; } .collection_right .products-grid-view>.grid-item.product-grid:nth-child(3n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(3n+1) { clear: both; } } @media only screen and (max-width: 1199px) { .grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container { padding: 0 0 0 30px; margin: 0 0 15px; } .grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after, .grid-item.product-short-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container::after { left: 5px; line-height: 34px; } .full-width .products-grid-view > .grid-item.product-grid { width: 33.333%; clear: none; } .full-width .products-grid-view > .grid-item.product-grid:nth-child(3n+1) { clear: both; } } @media only screen and (min-width: 768px) { .product-list .grid-view-item.product-layouts .product-wrapper .product-thumb .padding_0.right_img { margin: 0 -10px !important; } } @media only screen and (max-width: 991px) { .list-collection-products .grid__item { width: 33.33%; } .collection_wrapper{ width: 100%; } .left-sidebar, .right-sidebar { margin-top: 20px; } .collection_template .collection-desc-wrap { padding: 20px; } } @media only screen and (max-width: 767px) { .list-collection-products .grid__item { width: 50%; } } @media (max-width: 720px) { .collection_right .products-grid-view > .grid-item.product-grid, .collection_left .products-grid-view > .grid-item.product-grid,.full-width .products-grid-view > .grid-item.product-grid { width: 50%; clear: none; } .collection_right .products-grid-view > .grid-item.product-grid:nth-child(3n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(3n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(3n+1) { clear: none; } .collection_right .products-grid-view > .grid-item.product-grid:nth-child(2n+1), .collection_left .products-grid-view > .grid-item.product-grid:nth-child(2n+1),.full-width .products-grid-view > .grid-item.product-grid:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 480px) { .collection_wrapper .section-header.text-left .description, .collection_template .section-header.text-left .description { font-size: 11px; } .collection_wrapper .filter-wrapper .sorting_wrapper { float: left; width: 100%; margin: 10px 0 0; padding:0; } .list-collection-products .grid__item { width: 100%; } .full_width.wrap_right_filter .sorting_wrapper { width: 100%; } .left-sidebar, .right-sidebar { margin-top: 15px; } .collection_template .collection-desc-wrap { padding:15px; } } /*=================== left filter =============================*/ .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 8888; width: 100%; height: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; -moz-transition: opacity 0.5s ease, visibility 0.5s ease; -o-transition: opacity 0.5s ease, visibility 0.5s ease; -ms-transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(0, 0, 0, 0.5); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-visible { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { position: fixed; z-index: 12; transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: var(--color-body); overflow: auto; } .off-canvas.position-left.is-open { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); } .off-canvas.position-right.is-open { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } .off-canvas.is-transition-overlap { z-index: 8889; } .off-canvas.is-transition-overlap.is-open { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; } .off-canvas .collection_sidebar .refined-widgets { float: left; width: 100%; } .off-canvas .collection_sidebar .refined-widgets a.clear-all { color: #222; font-weight: 500; float: left; width: 100%; padding: 10px 15px; margin: 0 0 15px; font-family: var(--font-stack-header); font-size: 16px; background: #f5f5f5; } .off-canvas .collection_sidebar .widget h4 a.clear { float: right; } .off-canvas .collection_sidebar ul .owl-nav { top: -58px; right: 0; } .off-canvas .collection_sidebar .widget_top_rated_products h4 { float: left; width: 100%; font: 700 16px/18px var(--font-stack-header); color: var(--color-text); margin: 0 0 20px; cursor: pointer; padding: 0 0 15px; position: relative; border-bottom: 1px solid var(--color-border); } .off-canvas .collection_sidebar .widget_top_rated_products h4::before { position: absolute; left: 0; right: auto; top: auto; bottom: -1px; background: var(--color-btn-secondary); height: 2px; width: 30px; content: ""; } .off-canvas .collection_sidebar .shopify-section .widget { border: none; float: left; width: 100%; margin: 0 0 30px; } .off-canvas .collection_sidebar .disclosure-has-popup { float: left; width: 100%; margin: 0 0 30px; } .off-canvas .sidebar_close { position: relative; float: right; width: auto; cursor: pointer; } .off-canvas .sidebar_close i { font-size: 22px; position: absolute; right: 10px; left: auto; top: 10px; bottom: auto; height: 22px; width: 22px; line-height: 22px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); color: #666; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .off-canvas .sidebar_close:hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .off-canvas.position-left { width: 320px; transform: translateX(-320px); -webkit-transform: translateX(-320px); -moz-transform: translateX(-320px); -o-transform: translateX(-320px); -ms-transform: translateX(-320px); overflow-y: initial; overflow-x: hidden; scrollbar-width: thin; } .off-canvas.position-right { width: 320px; transform: translateX(350px); -webkit-transform: translateX(350px); -moz-transform: translateX(350px); -o-transform: translateX(350px); -ms-transform: translateX(350px); overflow-y: initial; overflow-x: hidden; scrollbar-width: thin; } .off-canvas::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } .off-canvas::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .off-canvas::-webkit-scrollbar { width: 5px; } .off-canvas.position-right .sidebar_close { float: left; width: auto; } .off-canvas.position-right .sidebar_close i { left: 8px; right: auto; } a.filter-right { float: right; line-height: 2.1; font-size: 15px; font-weight: 500; } a.filter-right i{ padding-left: 10px; } a.filter-left{ line-height: 2.1; font-size: 15px; } a.filter-left i{ padding-right: 10px; } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; width: 270px; transform: translateX(-270px); -webkit-transform: notranslateX(-270px); -moz-transform: translateX(-270px); -o-transform: translateX(-270px); -ms-transform: translateX(-270px); } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; width: 270px; transform: translateX(-270px); -webkit-transform: notranslateX(-270px); -moz-transform: translateX(-270px); -o-transform: translateX(-270px); -ms-transform: translateX(-270px); } .full_width.wrap_left_filter .view-mode.filter-grid-list.grid__item, .full_width.wrap_left_filter .sorting_wrapper { float: right; padding-left: 15px; } .full_width.right_filter.collection-sorting { float: left; margin-left: 15px; } .full_width.left_filter.collection-sorting { float: right; } .full_width .sorting_wrapper input.dropdown-toggle[type="submit"], .full_width .sorting_wrapper .dropdown-toggle.btn--secondary { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e5e5e5; color: #111; padding: 7px 22px 7px 10px; } .full_width.wrap_toggle_filter .collection_sidebar { margin: 30px 0 0; border: none; padding: 15px 0; } .full_width .filter-toggle { float: right; margin: 5px; } .full_width .sorting_wrapper { margin: 0 0 0 20px; float: left; } .full-width .collection_template .product-list.grid-item { width: 50%; clear: none; } .full_width .collection_sidebar { margin: 10px 0 0; border-top: 1px solid var(--color-border); padding: 15px 0 0; } .full_width .collection_sidebar .refined-widgets a { width: auto; display: inline-block; vertical-align: top; text-align: center; background-color: var(--color-btn-primary); color: var(--color-btn-primary-text); padding: 7px 20px; float: right; margin: 0 0 10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; } .full_width .collection_sidebar .refined-widgets a:hover { background-color: var(--color-btn-secondary); color: var(--color-btn-secondary-text); } .full_width .filter-toggle .mdi.mdi-format-align-right { padding: 0 0 0 7px; font-size: 17px; line-height: 17px; vertical-align: middle; } .sorting_wrapper button>i { font-size: 8px; left: auto; position: absolute; right: 8px; top: 12px; } .sidebar .widget{ margin-bottom: 30px; float: left; width: 100%; border: 2px solid var(--color-border); padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .sidebar .widget_top_rated_products:hover .owl-carousel .owl-nav .owl-prev::before,.sidebar .widget_top_rated_products:hover .owl-carousel .owl-nav .owl-next::before{ color:var(--color-body); } .sidebar .widget .clear{ float:right; } .sidebar-block .widget-content { float: left; width: 100%; padding-left: 15px; } .collection_template .sidebar-block .widget-content{ max-height: 170px; overflow-x: hidden; scrollbar-width: thin; } .collection_template .sidebar-block .widget-content::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } .collection_template .sidebar-block .widget-content::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); } .collection_template .sidebar-block .widget-content::-webkit-scrollbar{ width: 5px; } .sidebar .widget h4, .sidebar-block .widget .h4, .sidebar-block .widget h4 { font: 700 15px/20px var(--font-stack-header); color: var(--color-text); margin: 0 0 15px; cursor: pointer; float: left; width: 100%; padding: 10px 15px; position: relative; background: #f7f4ef; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .sidebar-block ul li > a { color: var(--color-text-field); float: left; font-size: 14px; font-weight: 400; line-height: 22px; width: 100%; position: relative; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .collection_template .full_width #shopify-section-sidebar-promoimage.shopify-section::after { display: none; } .sidebar-block ul li > a:hover { color: var(--color-text-hover-field); } .collection_sidebar ul.product-categories{ padding-left:15px; } .sidebar .widget ul li { margin: 0 0 5px 0; display: inline-block; width: 100%; vertical-align: top; padding: 0; } .sidebar .widget ul li.product-wrapper { margin: 0 0 15px 0; animation: none; } .sidebar .widget_promo_img ul li { margin: 0; } .sidebar-block .widget ul li { margin: 0 0 10px; float: left; width: 100%; } .widget.widget_top_rated_products .sidebar .widget ul li { margin: 0 0 15px 0; } .sidebar .widget .top-products-detail .price .money, .collection_sidebar .widget .top-products-detail .price .money { font-size: 14px; line-height: 16px; } .sidebar .widget .top-products-detail .compare-price .money, .collection_sidebar .widget .top-products-detail .compare-price .money { font-size: 12px; line-height: 14px; font-weight: 400; } .widget-content li > a.active { position: relative; } .widget-content li > a.active span { color: #111; } .widget-content li > a.active::before { content: "\f12c"; font-family: "Material Design Icons"; position: absolute; left: 3px; right: auto; top: 4px; bottom: auto; height: 15px; width: 15px; color: #fff; font-size: 11px; line-height: 16px; } .collection_sidebar .refined-widgets > a > i { float: right; font-size: 16px; line-height: 20px; } .collection_sidebar .widget .product-categories ul { padding: 0 0 0 15px; } .widget.widget_promo_img,.off-canvas .collection_sidebar .shopify-section .widget.widget_promo_img { padding: 0; border: none; margin: 0; } .off-canvas .collection_sidebar .shopify-section .widget.widget_promo_img #promo-carousel{ margin: 0; } .product-wrapper.sidebar-product .image.product-thumb { padding: 0; } .product-wrapper.sidebar-product .image.product-thumb .product-t { border: none; border: 1px solid var(--color-border); border-radius: 8px; } .product-wrapper.sidebar-product .image.product-thumb .loader .preloader-wrapper { height: 30px; width: 30px; } .product-wrapper.sidebar-product .image.product-thumb .loader .preloader-wrapper .spinner-layer { height: 30px; width: 30px; } .product-wrapper.sidebar-product .image.product-thumb .loader .preloader-wrapper .spinner-layer::before { height: 30px; width: 30px; } .filter-toggle-wrap { display: none; float: left; width: 100%; } .filter-toggle-wrap .collection_sidebar .refined-widgets a > i { margin-left: 8px; } .filter-toggle-wrap .collection_sidebar .shopify-section .widget { float: left; width: 100%; padding: 0 15px; } .collection_template .product-list.grid-item { width: 100%; } .collection_template .item-row.product-layouts { padding: 0; } .collection_template .grid-uniform.product-grid { float: left; width: 100%; margin: 0; } .collection_template .full_width .shopify-section { float: left; width: 17%; position: relative; } .full_width .sidebar-block .facets-container { width: 66%; } .full_width .sidebar-block .facets-container .disclosure-has-popup { float: left; width: 25%; padding: 0 15px; position: relative; } .sidebar-block .widget:hover h4 i { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .grid-uniform.product-grid.col-main { margin: 0; } .off-canvas-wrapper .sidebar-block{ float: left; width: 100%; margin: 30px 0 0; } .full_width .sidebar-block .facets-container #FacetsWrapperDesktop { float: left; width: 100%; margin: 0 0 40px; } .full_width .sidebar-block .facets-container .active-facets{ float: left; width: 100%; text-align: center; } @media only screen and (min-width: 992px) { .sidebar .widget:hover h4, .sidebar-block .widget:hover .h4, .sidebar-block .widget:hover h4{ color:#fff; background: var(--color-btn-primary); } .sidebar-block .widget:hover h4 i { color:#fff; } .collection_template .full_width .shopify-section::after{ content: ""; position: absolute; top: 0; bottom: 0; left: auto; right: 0; width: 1px; height: 210px; background: #e5e5e5; } .full_width .sidebar-block .facets-container .disclosure-has-popup::after { content: ""; position: absolute; top: 0; bottom: 0; left: auto; right: 0; width: 1px; height: 210px; background: #e5e5e5; } } @media only screen and (max-width: 1499px) { .full-width .collection_template .product-list.grid-item { width: 100%; } } @media only screen and (max-width: 1199px) { .collection_template .full_width .shopify-section#shopify-section-sidebar-promoimage { display: none; } .collection_template .full_width .shopify-section { width: 22%; } .full_width .sidebar-block .facets-container { width: 78%; } .sidebar .widget h4, .sidebar-block .widget .h4, .sidebar-block .widget h4 { margin: 0 0 10px; } } @media only screen and (max-width: 991px) { .sidebar .widget_promo_img ul li{ float:left; } .full_width .sidebar-block .facets-container { width: 100%; } .off-canvas .collection_sidebar .widget_top_rated_products h4 { font-size: 14px; line-height: 16px; } .off-canvas .collection_sidebar .refined-widgets a { border: none; } .off-canvas .shopify-section#shopify-section-sidebar-bestsellers, .off-canvas .shopify-section#shopify-section-sidebar-promoimage { margin: 0; } .collection_template .sidebar .widget h4, .collection_template .sidebar-block .widget .h4, .collection_template .sidebar-block .widget h4, .sidebar__inner .collection_sidebar .widget h4 { margin: 0; background: none; padding: 15px; border-bottom: none; font-size: 14px; line-height: 18px; } .sidebar-block { margin-bottom: 30px; float: left; width: 100%; border: 1px solid var(--color-border); } .sidebar-block .widget { padding: 0; border: none; float: left; width: 100%; border-bottom: 1px solid var(--color-border); } .sidebar-block .widget .h4, .sidebar-block .widget h4 { padding: 15px; } .sidebar-block .color .widget { border-bottom: none; } .sidebar-block .widget-content{ padding: 0px; } .sidebar-block div ul { padding: 0 15px; float: left; width: 100%; margin: 2px 0 10px; } .sidebar-block div ul li ul { padding: 0 0 0 15px; } .main-content .sidebar-block .shopify-section { margin: 0; } .off-canvas-wrapper .sidebar-block { background: none; box-shadow: none; border: none; padding: 0px; } .off-canvas-wrapper .sidebar-block div ul { padding: 0; margin: 0; } .off-canvas-wrapper .sidebar-block .widget { border: none; margin: 0 0 15px; padding:0px; } .widget-content li > a.active::before { top: 2px; } .sidebar .widget .no-bullets .image { width: auto; } .collection_sidebar .widget a > i { float: unset; display: inline-block; } .sidebar .collection_sidebar div ul:not(#promo-carousel) { padding: 0 15px 5px 15px; float: left; width: 100%; } .collection_sidebar div ul#promoimg-carousel{ padding: 0 !important; } .sidebar .collection_sidebar > div .widget > h4 { padding: 15px; } .collection_template .sidebar .widget h4::before, .collection_template .sidebar-block .widget .h4::before, .collection_template .sidebar-block .widget h4::before, .sidebar__inner .collection_sidebar .widget h4::before { display: none; } .off-canvas-wrapper .sidebar .widget h4::before, .off-canvas-wrapper .sidebar-block .widget .h4::before, .off-canvas-wrapper .sidebar-block .widget h4::before{ display:inline-block; } .sidebar-block .widget > ul > li:last-child { margin: 0 0 15px; } .off-canvas .sidebar-block .widget>ul>li:last-child { margin: 0 0 5px; } .sidebar h4.toggle{ cursor: pointer; } .sidebar h4.toggle::after ,.sidebar-block .widget h4.toggle::after, .sidebar .widget.active h4.toggle::after, .sidebar-block .widget.active h4.toggle::after{ font-family: 'Material Design Icons'; content: '\f140'; font-size: 18px; font-weight: 500; float: right; } .sidebar .widget.active h4.toggle::after, .sidebar-block .widget.active h4.toggle::after { content: '\f143'; } .sidebar .widget > *:nth-child(2){ padding: 0; margin-top:15px; margin:0; } .filter-toggle-wrap .collection_sidebar .shopify-section .widget { padding: 0; } .collection_template .shopify-section .widget.widget_promo_img { padding: 0; float: none; width: 40%; display: inline-block; vertical-align: top; } .collection_template .full_width #shopify-section-sidebar-promoimage { text-align: center; } .collection_template .full_width .shopify-section { width: 100%; } .filter-toggle-wrap .sidebar-block { margin: 0px; padding: 0px } .full_width.wrap_toggle_filter .collection_sidebar{ padding:0px; } } @media only screen and (max-width: 480px) { .off-canvas.position-left,.off-canvas.position-right { width: 290px; } .full_width.wrap_left_filter .view-mode.filter-grid-list.grid__item, .full_width.wrap_left_filter .sorting_wrapper { padding-left: 0; } .full_width.right_filter.collection-sorting { margin-left: 0; } .full_width .sorting_wrapper { margin: 0; width: 100%; } .collection_template .sidebar .widget h4, .collection_template .sidebar-block .widget .h4, .collection_template .sidebar-block .widget h4, .sidebar__inner .collection_sidebar .widget h4 { padding: 12px; line-height: 16px; font-size: 13px; } .widget_top_rated_products .top-products-detail { width: 60%; } .collection_template .shopify-section .widget.widget_promo_img { width: 50%; } .collection_template .masonary-collection.grid-uniform.product-grid .products-grid-view{ padding:0; } } /*----------------- Filter css -----------------*/ .sidebar-block .facets-container, .sidebar-block .facets-container .facets{ float: left; width: 100%; } .sidebar .widget .disclosure-has-popup { float: left; width: 100%; padding:0 5px; } .sidebar .widget .disclosure-has-popup .facets-title { color: #111; font-size: 14px; line-height: 20px; float: left; width: 100%; font-weight: 500; margin: 0 0 10px; } .sidebar .widget .disclosure-has-popup .facets-filter { float: left; width: 100%; margin:0 0 15px; } .sidebar-block .widget ul li.facets__item label.facet-checkbox,ul li.mobile-facets__item label.mobile-facets__label { margin: 0; font-weight: 400; vertical-align: middle; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; position:relative; } .sidebar-block .widget ul li.facets__item label.facet-checkbox input[type=checkbox] { vertical-align: middle; border: 1px solid #e5e5e5; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 18px; width: 18px; float: left; line-height: 18px; margin-right: 10px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; outline: none; cursor: pointer; } .sidebar-block .widget ul li.Color .facet-checkbox .icon-checkmark { left: 6px; color: #ccc; } .disclosure-has-popup .facets__price { float: left; width: 100%; } .disclosure-has-popup .facets__price .field { float: left; width: 50%; padding-right: 15px; } .disclosure-has-popup ul.facets__list { padding: 0; } .disclosure-has-popup .facets__price .field input.field__input { margin: 0; padding: 8px 10px; } .disclosure-has-popup .facets__price .field label.field__label { font-weight: 400; } .sidebar-block .widget ul li.Color label.facet-checkbox input[type=checkbox]{ display: none; } ul.mobile-facets__list li.Color label.mobile-facets__label input[type=checkbox]{ border: none; } .sidebar-block .widget ul li.Color span,ul.mobile-facets__list li.Color span{ float: none; width: auto; line-height: 18px; display: inline-block; vertical-align: top; text-align: center; margin: 0 0 0 10px; } .sidebar-block .widget ul li.Color label.facet-checkbox,ul.mobile-facets__list li.Color label.mobile-facets__label{ float: left; width: 18px; height: 18px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; border-radius: 50%; cursor: pointer; box-shadow: 0 0 0 1px rgb(0 0 0 / 10%); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .facet-checkbox .icon-checkmark { visibility: hidden; position: absolute; left: 3px; z-index: 5; top: 0px; bottom: 0; margin: auto; right: auto; } .facet-checkbox>input[type=checkbox]:checked~.icon-checkmark { visibility: visible; } /*----- leftsidebar promo image----*/ .widget_promo_img #promo-carousel .owl-dots { position: absolute; top: auto; bottom: 0; right: 0; left: auto; background: #fff; padding: 5px 10px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .widget_promo_img #promo-carousel .owl-dots .owl-dot { display: inline-block; background: none; padding: 0; border: none; } .widget_promo_img #promo-carousel .owl-dots .owl-dot span { background: #222; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; cursor: pointer; display: inline-block; float: none; margin: 0 5px; height: 12px; width: 12px; vertical-align: middle; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .widget_promo_img #promo-carousel .owl-dots .owl-dot.active span { border: 2px solid var(--color-btn-secondary); height: 15px; width: 15px; position: relative; background: none; } .widget_promo_img #promo-carousel .owl-dots .owl-dot.active span:hover { background: none; } .widget_promo_img #promo-carousel .owl-dots .owl-dot.active span::after { background: var(--color-btn-secondary); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; bottom: 0; content: ""; height: 5px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 5px; } .widget_promo_img #promo-carousel .owl-dots .owl-dot span:hover { background: var(--color-btn-secondary); } .widget_promo_img #promo-carousel:hover .owl-dots { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .widget.widget_promo_img img { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } /*-------------------------- Grid, List, And Short-list ------------------------------*/ .filter-grid-list span { display: none; } .filter-grid-list #list-view, .filter-grid-list #grid-view, .filter-grid-list #short-list-view { position: relative; background: none; padding: 15px; margin: 0 3px 0 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; float: none; display: inline-block; vertical-align: top; width: auto; cursor: pointer; } .filter-grid-list.view-mode.grid__item .btn::after { display: none; } .filter-grid-list .grid::before, .filter-grid-list .list::before, .filter-grid-list .short-list::before { content: "\f03b"; color: #666; font-family: "Material Design Icons"; position: absolute; left: 0px; right: auto; top: 0; bottom: 0; font-size: 24px; height: 30px; width: 30px; line-height: 30px; margin: 0 auto; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; background: none; animation: none; font-weight: 400; } .filter-grid-list .list::before { content: "\f969"; } .filter-grid-list .short-list::before { content: "\f687"; } .filter-grid-list .grid.active::before, .filter-grid-list .grid:hover::before, .filter-grid-list .list.active::before, .filter-grid-list .list:hover::before, .filter-grid-list .short-list.active::before, .filter-grid-list .short-list:hover::before { color: #222; } .widget_filter_tag.total_2, .widget_filter_tag.total_2 .sidebar-tag { float: left; width: 50%; } .widget_filter_tag.total_3 { float: left; width: 75%; } .widget_filter_tag.total_4, .widget_filter_tag.total_1 .sidebar-tag { float: left; width: 100%; } .widget_filter_tag.total_1, .widget_filter_tag.total_4 .sidebar-tag { float: left; width: 25%; } /*----------------------- product page color and size design ---------------------*/ .swatch { margin-bottom: 0; } .swatch .header { font-size: 14px; font-weight: 600; margin: 0 0 5px; width: 100%; color: #222; } .swatch .swatch-element { position: relative; float: none; width: 30px; display: inline-block; vertical-align: top; height: 30px; cursor: pointer; } .swatch .swatch-element.size input:checked + label { background: #444; border: 1px solid #444; color: #fff; } .swatch .swatch-element label { float: left; width: 100%; height: 100%; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; color: #ccc; cursor: pointer; border: 1px solid #e3e3e3; line-height: 30px; } .swatch .swatch-element .tooltip { text-align: center; background: #fff; color: #0f0f0f; bottom: 100%; padding: 5px 10px; display: block; position: absolute; z-index: 2; min-width: 50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); margin-bottom: 12px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; filter: alpha(opacity=0); visibility: hidden; transition: all 0.25s ease-in-out 0s; -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; -ms-transition: all 0.25s ease-in-out 0s; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); font-size: 12px; font-weight: 500; letter-spacing: normal; pointer-events: none; } .swatch .swatch-element .tooltip:before { bottom: -16px; content: ""; display: block; height: 16px; left: 0; position: absolute; width: 100%; } .swatch .swatch-element .tooltip:after { border-left: solid transparent 7px; border-right: solid transparent 7px; border-top: solid #fff 7px; bottom: -7px; content: " "; height: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); position: absolute; width: 0; } .swatch .swatch-element:hover .tooltip { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; filter: alpha(opacity=100); visibility: visible; pointer-events: auto; } .swatch input[type=radio] { display: none; } .swatch.soldout { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; filter: alpha(opacity=50); } .swatch.soldout label { cursor: no-drop; } /*---------------------------- Extened Product -----------------------------*/ .col-left-border p { border-bottom: 1px solid var(--color-border); } @media only screen and (min-width: 601px) { .template-product .banner3-flex { display: flex; align-items: center; } } /*==================== Common header css =====================*/ .header_language .disclosure { position: relative; float: left; width: 100%; cursor: pointer; font-weight: 500; } .header_currency,.header_language{ float: none; display: inline-block; vertical-align: top; position: relative; } .header_currency .tbl-list>li.currency .flag-dropdown-menu>li { width: auto; } .site-header__cart.icon-btn { float: none; display: inline-block; vertical-align: top; margin: 0 15px 0 0; } @media (max-width: 1199px) { .currency_code,.language_code { font-size: 12px; } .currency_wrapper.dropdown-toggle, .language_wrapper.dropdown-toggle{ padding: 12px 8px 12px 0; margin-right: 8px; } } @media (max-width: 991px) { .widget_promo_img #promo-carousel .owl-dots{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .language_wrapper.dropdown-toggle{ color:#222; padding: 11px 8px 10px 0; } .currency_wrapper.dropdown-toggle{ margin-right: 0; color:#222; padding: 11px 0 10px 0; } } /*==================== footer common CSS =====================*/ .template-index .main-content .shopify-section.footer { margin: 0; } .site-footer .footer-wrap{ background: var(--colorFooterbg); } .site-footer .footer-wrap .footer-column .inline-list{ float: left; width: 100%; margin: 0; } .site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a{ font: 400 20px/22px var(--font-stack-body); color: var(--color-btn-primary); } .site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a:hover{ color: var(--color-btn-secondary); } .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{ width: 40px; height: 40px; background: var(--color-btn-primary); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; cursor: pointer; margin-right: 10px; text-align: center; } .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg i.mdi.mdi-phone{ font-size: 16px; color: #fff; float: none; display: inline-block; vertical-align: top; height: 40px; width: 40px; line-height: 40px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg:hover i.mdi.mdi-phone{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); } @media(min-width: 992px){ .site-footer .footer-wrap .footer-column .inline-list{ display: block !important; padding:0px; } .widget-title.toggle { display: none; } } .footer-column > *:nth-child(2) { display: none; padding: 0 15px; } .footer-column > *:nth-child(3) { display: none; padding: 0 15px; } .site-footer .footer-bottom-wrap .footer-column.payment-icon { float: right; width: auto; } .site-footer .footer-bottom .copyright a{ color: var(--FooterBottomText); } .site-footer .footer-bottom .copyright a:hover{ color: var(--FooterBottomLink); } .site-footer .footer-wrapper .footer-column ul.inline-list li a:hover, .site-footer .footer-wrap .footer-column ul.inline-list li a:hover{ color: var(--color-text); } .site-footer a { transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } @media(max-width: 1299px){ .site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a{ font-size: 18px; line-height: 20px; } .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{ width: 35px; height: 35px; } } @media(max-width: 1199px){ .site-footer .footer-wrap .footer-column.contactus .contact-us span.phone a{ font-size: 16px; line-height: 18px; } .site-footer .footer-wrap .footer-column.contactus .contact-us .phone-bg{ width: 30px; height: 30px; } } @media(max-width: 991px){ .widget-title.toggle { display: block !important; } .widget-title { display: none; } .site-footer h5.widget-title.toggle::after { content: '\f140'; float: right; font-family: 'Material Design Icons'; font-size: 18px; font-weight: 500; } .site-footer .active h5.widget-title.toggle::after{ content: '\f143'; float: right; font-family: 'Material Design Icons'; font-size: 18px; font-weight: 500; } .site-footer .footer-column.active h5.toggle, .site-footer .widget h5.toggle{ background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .site-footer .footer-column { width: 100%; float: left; } .site-footer .footer-wrap .footer-column .inline-list{ margin: 10px 0 0; } .site-footer .footer-wrap .footer-column .inline-list ul{ margin: 0; } } @media(max-width: 767px){ .site-footer .footer-bottom-wrap .footer-column.payment-icon { float :left; width: 100%; text-align: center; } } @media(max-width: 480px){ .block_content .input-group-btn .subscribe{ display:none; } } /*===============================homeslider===========================*/ .home-slider ul.slides li a img { width: 100%; } .homeslider { float: left; width: 100%; overflow: hidden; } .tt-homeslider .home-slider, .homeslider #popup_toggle{ float: left; width: 100%; position:relative; overflow: hidden; } .home-slider ul.slides.slick-slider { margin: 0; } .home-slider .slides li { margin: 0; position:relative; margin:0 15px; } .homeslider .slides .slick-arrow { border: 2px solid var(--color-btn-primary); height: 45px; width: 45px; font-size: 0; line-height: normal; z-index: 1; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } .homeslider .slides .slick-arrow:hover.slick-disabled,.homeslider .slides .slick-arrow:focus.slick-disabled { color:#222; background: #fff; } .homeslider .slides .slick-arrow.slick-disabled{ cursor: not-allowed; color:#666; } .homeslider .slides:hover .slick-arrow { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow { left: 75px; } .homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow { right: 75px; } .homeslider .slides .slick-arrow::after { font-family: "Material design Icons"; text-align: center; font-size: 30px; line-height: 40px; height: 40px; width: 40px; float: none; display: inline-block; vertical-align: top; } .homeslider .slides .slick-prev.slick-arrow::after {content: "\f141";} .homeslider .slides .slick-next.slick-arrow::after {content: "\f142";} .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-subtitle{ font: 400 16px/18px var(--font-stack-body); margin: 0 0 5px; float: none; width: 100%; display: inline-block; vertical-align: top; } .tt-homeslider .home-slider .homeslider .slider-content{ margin: auto; bottom: auto; float: left; width: 100%; left: 0; top: 30px; position: absolute; right: auto; display: flex; overflow:hidden; align-items: center; text-align: left; min-height: 180px; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-title{ font: 700 30px/36px var(--font-stack-header); margin: 0 0 10px; float: left; width: 100%; position: relative; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-decr{ font: 400 14px/16px var(--font-stack-body); float:none; width:auto; display: inline-block; vertical-align: top; margin:0 0 10px 0; padding: 8px 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-button > a{ font: 400 14px/16px var(--font-stack-body); padding: 12px 27px; float: none; width: auto; vertical-align: top; } .tt-homeslider .home-slider .homeslider .slider-content-wrap.content-right { right: 10%; left: auto; text-align: left; } .tt-homeslider .home-slider .homeslider .slider-content-wrap.content-center{ left: 0; right: 0; margin: 0 auto; bottom: 26%; } .homeslider .play-icone { bottom: 0; height: 70px; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0; width: 70px; background:var(--color-btn-primary); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; cursor:pointer; } .homeslider .play-icone:hover{ background-color:var(--color-btn-secondary); } .homeslider .play-icone:hover i{ color: var(--color-product-secondary-text); } .homeslider .play-icone i { color: #fff; font-size: 58px; line-height: 70px; padding: 0 1px; } .homeslider .popup_overlay { float: left; width: 100%; position: absolute; left: 0; text-align: center; z-index: 999; right: 0; display: none; top: 0; background: rgba(0,0,0,0.9); height: 100%; } .homeslider .popup_overlay .video-wrapper { position: static; } /* .type_slide .slider-content-wrap.content-left.effect_left,.type_slide .slider-content-wrap.content-left.effect_right,.type_slide .slider-content-wrap.content-left.effect_top,.type_slide .slider-content-wrap.content-left.effect_bottom, .type_slide .slider-content-wrap.content-right.effect_left,.type_slide .slider-content-wrap.content-right.effect_right,.type_slide .slider-content-wrap.content-right.effect_top,.type_slide .slider-content-wrap.content-right.effect_bottom, .type_slide .slider-content-wrap.content-center.effect_left,.type_slide .slider-content-wrap.content-center.effect_right,.type_slide .slider-content-wrap.content-center.effect_top,.type_slide .slider-content-wrap.content-center.effect_bottom{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } */ .type_slide .slick-active .slider-content-wrap.content-left.effect_left,.type_slide .slick-active .slider-content-wrap.content-left.effect_right,.type_slide .slick-active .slider-content-wrap.content-left.effect_top,.type_slide .slick-active .slider-content-wrap.content-left.effect_bottom, .type_slide .slick-active .slider-content-wrap.content-right.effect_left,.type_slide .slick-active .slider-content-wrap.content-right.effect_right,.type_slide .slick-active .slider-content-wrap.content-right.effect_top,.type_slide .slick-active .slider-content-wrap.content-right.effect_bottom, .type_slide .slick-active .slider-content-wrap.content-center.effect_left,.type_slide .slick-active .slider-content-wrap.content-center.effect_right,.type_slide .slick-active .slider-content-wrap.content-center.effect_top,.type_slide .slick-active .slider-content-wrap.content-center.effect_bottom{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } @media(max-width:1699px){ .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-title{ font-size: 24px; line-height: 28px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-decr{ font-size: 12px; line-height: 14px; } } @media (max-width: 1199px) { .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-title { font-size: 23px; line-height: 28px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-subtitle{ font-size: 14px; line-height: 16px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-decr{ padding: 6px 14px; } .tt-homeslider .home-slider .homeslider .slider-content{ min-height: 160px; top: 20px; } } @media(max-width:991px){ .home-slider .slides li{ margin:0 8px; } } @media (max-width: 950px) { .homeslider .slides .slick-arrow::after{ line-height: 30px; height: 30px; width: 30px; font-size: 26px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-title { font-size: 18px; line-height: 22px; } .homeslider .slides .slick-arrow{ height: 40px; width: 40px; } } @media (max-width: 767px) { .home-slider .slides li{ margin:0 15px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap{ width:55%; } } @media (max-width:650px) { .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap{ width:67%; } } @media(max-width:575px){ .tt-homeslider .home-slider .homeslider .slider-content-wrap .slider-button > a { font-size: 12px; line-height: 14px; padding: 9px 13px; } .homeslider .slides .slick-arrow::after{ font-size: 24px; line-height: 25px; height: 25px; width: 25px; } .homeslider .slides .slick-arrow{ height: 35px; width: 35px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap { width: 62%; } } @media (max-width: 480px) { .homeslider .slides:hover .slick-prev.slick-arrow, .homeslider .slides .slick-prev.slick-arrow { left: 15px; } .homeslider .slides:hover .slick-next.slick-arrow, .homeslider .slides .slick-next.slick-arrow{ right:15px; } .homeslider .slides .slick-arrow { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .homeslider .slides .slick-arrow::after{ font-size: 20px; } .homeslider .slides .slick-arrow{ height: 30px; width: 30px; } .homeslider .slides ul.slick-dots { bottom: 5px; position: static; top: 0; margin: 10px 0 0; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap { width: 67%; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-title { font-size: 14px; line-height: 20px; margin: 0 0 6px; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-subtitle { font-size: 13px; line-height: 15px; margin: 0 ; } .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap .slider-decr { padding: 5px 10px; margin: 0 0 6px; } .tt-homeslider .home-slider .homeslider .slider-content { min-height: 115px; } } @media (max-width: 430px) { .tt-homeslider .home-slider .homeslider .slider-content .slider-content-wrap { width: 100%; } .home-slider .slides li { margin: 0 10px; } } /*==================== Product common CSS=====================*/ .product-wrapper .spr-badges.grid-item-meta i { font-size: 10px !important; } .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 18px; width: 18px; line-height: 18px; } .product-wrapper .pro_btn a > i.mdi-cached, .product-wrapper .btn_wrapper .pro_btn.add-to-compare a:not(.added) > .compare-fill,.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading svg,.product-wrapper .add-to-compare.pro_btn a.add-in-compare-js.added .compare-icon{ display: none; } .product-wrapper .btn_wrapper .pro_btn a.btn svg{ width:14px; height:40px; line-height: 40px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.grid-view-item .product-wrapper .pro_btn a.loading i{ font-size: 16px; height: 40px; width: 40px; line-height: 40px; color: var(--color-product-secondary-text); float: none; display: inline-block; vertical-align: top; } .grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ float: left; } .product-wrapper .pro_btn a.loading i.mdi-cached::before{ -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .product-single .product-information .add-to-compare.pro_btn .add-in-compare-js.btn i.mdi.mdi-cached::before { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } .style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{ float: none; display: inline-block; vertical-align: top; } .add_tocart.pro_btn form { margin: 0; } .product-wrapper .cart-qty { float: left; width: 100%; } @media(max-width: 991px){ .product-wrapper .btn_wrapper .pro_btn a.btn svg{ width:12px; height:34px; line-height: 34px; } .grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.grid-view-item .product-wrapper .pro_btn a.loading i{ font-size: 14px; height: 30px; width: 30px; line-height: 30px; } } @media(max-width:480px){ .grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i, .grid-view-item .product-wrapper .pro_btn a.loading i { font-size: 14px; height: 35px; width: 35px; line-height: 35px; } .product-short-list .grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.product-short-list .grid-view-item .product-wrapper .pro_btn a.loading i , .product-list .grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.product-list .grid-view-item .product-wrapper .pro_btn a.loading i{ font-size: 14px; height: 33px; width: 33px; line-height: 33px; } } /*====================list & short view common css ======================== */ .product-list .product-wrapper { text-align: left; } .product-list .product-wrapper, .product-short-list .product-wrapper{ border: 2px solid var(--color-border); padding: 8px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background:var(--color-section); } .product-list .product-thumb, .product-short-list .product-thumb{ padding: 0; } .product-list .product-layouts .product-wrapper .product-thumb a.grid-view-item__link, .product-short-list .product-layouts .product-wrapper .product-thumb a.grid-view-item__link{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-list .product-wrapper .product-description .btn_wrapper,.product-short-list .product-wrapper .product-description .btn_wrapper { float: none; display: inline-block; vertical-align: top; text-align: left; } .product-list .product-wrapper .product-description .btn_wrapper .pro_btn,.product-short-list .product-wrapper .product-description .btn_wrapper .pro_btn{ float: none; display: inline-block; vertical-align: top; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; margin: 0 2px; } .product-short-list .product-wrapper .product-qty{ margin: 0 0 10px; } .product-list .product-layouts .product-wrapper .color-size, .product-short-list .product-layouts .product-wrapper .color-size { float: left; width: 100%; } .product-list .product-desc,.product-short-list .product-desc { display: block; font-size: 14px; margin: 0 0 10px; float:left; width: 100%; } .product-list .product-wrapper .spr-badges.grid-item-meta,.product-short-list .product-wrapper .spr-badges.grid-item-meta{ float: left; width: 100%; position: static; transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; text-align: left; } .product-list .product-layouts.grid-view-item .product-wrapper .product-description, .product-short-list .product-layouts.grid-view-item .product-wrapper .product-description{ margin: 8px 0 0; } .product-list .product-wrapper .spr-badge,.product-short-list .product-wrapper .spr-badge{ background:none; padding:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; } .product-list .product-wrapper:hover .spr-badges.grid-item-meta, .product-short-list .product-wrapper:hover .spr-badges.grid-item-meta{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title { text-align: left; padding: 0; } .product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta { width: 20%; } .product-short-list .product-description .h4 { margin: 0 0 5px; } .product-short-list .product-layouts .product-wrapper .btn_wrapper { float: right; width: 20%; text-align:center; position: static; transform: translateY(0); opacity: 1; } .product-short-list .product-wrapper .btn_wrapper .pro_btn a{ margin:0; } .product-short-list .product-wrapper .product-description .grid-view-item__vendor { margin: 0 0 5px; float: left; width: 100%; } .product-short-list .product-price__price.compare_price .money, .product-short-list .product-price__price.compare_price { float: left; width: 100%; text-decoration: line-through; } .product-list .product-wrapper .product-description .grid-view-item__vendor { font-size: 12px; margin: 0 0 10px; } .product-list .product-wrapper .product-thumb a.grid-view-item__link img { width: 100%; } .product-list a.grid-link__title, .product-short-list a.grid-link__title { font-weight: 500; } @media (max-width: 1199px){ .product-short-list .product-layouts .product-wrapper .btn_wrapper{ width: 28%; } .product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title{ width:48%; } } @media (min-width: 992px){ .product-short-list .product-wrapper .add_tocart.pro_btn a.btn{ width: auto; height: auto; } } @media (max-width: 991px){ .product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta { width: 24%; } .product-short-list .style1 .product-wrapper .cart-qty{ text-align:center; } } @media (min-width: 768px) and (max-width: 991px){ .product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title{ padding: 0 10px 0 0; } } @media (max-width: 767px){ .product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .short-title,.product-short-list .product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta, .product-short-list .product-layouts .product-wrapper .btn_wrapper{ float:left; width:100%; text-align: left; } .product-layouts .product-wrapper .product-thumb a.grid-view-item__link img { width: 100%; } } @media (max-width: 650px){ .product-short-list .product-layouts.grid-view-item .product-wrapper .product-thumb{ padding-right:0px; } .product-short-list .product-layouts .product-wrapper .color-size,.product-short-list .product-wrapper .product-description .grid-view-item__vendor{ display:none; } .product-short-list .product-price__price.compare_price, .product-short-list .product-price__price.compare_price .money { float: none; width: auto; display: inline-block; vertical-align: top; } .product-list .product-layouts .product-wrapper .product-description, .product-list .product-layouts.grid-view-item .product-wrapper .product-thumb{ float: left; width: 100%; text-align: center; } .product-list .product-layouts.grid-view-item .product-wrapper .product-thumb{ margin: 0 0 15px; } .product-list .product-wrapper .spr-badges.grid-item-meta{ text-align: center; } } @media (max-width: 480px){ .product-short-list .product-wrapper .add_tocart.pro_btn a .tooltip-label{ display: none } .product-list .product-wrapper .product-description .btn_wrapper .pro_btn,.product-short-list .product-wrapper .product-description .btn_wrapper .pro_btn{ margin: 0; } .product-list .product-desc{ font-size:13px; } } /*==================== Product Hover Style1 CSS=====================*/ .tab-pane .style1 .product-wrapper, .product-grid.style1 .product-wrapper, .product-grid.style2 .product-wrapper, .tab-pane .style2 .product-wrapper, .related-products .style1 .product-wrapper, .related-products .style2 .product-wrapper, #recently-viewed-products.style1 .product-wrapper, #recently-viewed-products.style2 .product-wrapper, .search-products .style1 .product-wrapper, .search-products .style2 .product-wrapper{ padding: 8px; } @media(min-width: 992px){ .tab-pane .style1 .product-wrapper, .product-grid.style1 .product-wrapper, .tab-pane .style2 .product-wrapper, .product-grid.style2 .product-wrapper, .related-products .style1 .product-wrapper, .related-products .style2 .product-wrapper, #recently-viewed-products.style2 .product-wrapper, .search-products .style1 .product-wrapper, .search-products .style2 .product-wrapper{ overflow: visible; margin: 0 0 40px; } } .tab-pane .style1 .product-wrapper::after, .product-grid.style1 .product-wrapper::after, .tab-pane .style2 .product-wrapper::after, .product-grid.style2 .product-wrapper::after, .related-products .style1 .product-wrapper::after, .related-products .style2 .product-wrapper::after, #recently-viewed-products.style1 .product-wrapper::after, #recently-viewed-products.style2 .product-wrapper::after, .search-products .style1 .product-wrapper::after, .search-products .style2 .product-wrapper::after{ position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; margin: auto; border: 2px solid var(--color-border); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .tab-pane .style1 .product-wrapper:hover::after, .product-grid.style1 .product-wrapper:hover::after, .related-products .style1 .product-wrapper:hover::after, .search-products .style1 .product-wrapper:hover::after, .search-products .style2 .product-wrapper:hover::after{ bottom: -15px; border-color: var(--color-btn-primary); } .style1.product-layouts.grid-view-item .product-wrapper .product-description{ text-align: left; } .style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label { font: 500 15px/18px var(--font-stack-header); } .style1 .product-wrapper .cart-qty { position: absolute; top: auto; bottom: -45px; left: 0; right: 0; margin: auto; z-index: 1; text-align: center; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .style1 .product-wrapper:hover .cart-qty{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .style1 .product-wrapper .product-qty, .style1 .product-wrapper .add_tocart.pro_btn{ float: none; display: inline-block; vertical-align: top; width: auto; } .style1 .product-wrapper .product-qty{ margin-right: 5px; margin-bottom:5px; } .search-result-product .style1 .product-wrapper .add_tocart.pro_btn::after,.style1.product-grid .product-wrapper .add_tocart.pro_btn::after,.tab-content .style1 .product-wrapper .add_tocart.pro_btn::after.related-products .style1 .product-wrapper .add_tocart.pro_btn::after{ content: ""; left: 0px; right: auto; position: absolute; background: #222; top: auto; bottom: 0px; height: 2px; z-index: -1; -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; width: 0; } .product-wrapper .add_tocart.pro_btn.soldout::after,.product-wrapper .add_tocart.pro_btn .add-to-cart-disable::after{ display:none; } .search-result-product .style1 .product-wrapper .add_tocart.pro_btn:hover::after,.tab-content .style1 .product-wrapper .add_tocart.pro_btn:hover::after,.style1.product-grid .product-wrapper .add_tocart.pro_btn:hover::after,.related-products .style1 .product-wrapper .add_tocart.pro_btn:hover::after{ width: 100%; } .style1 .flip-countdown.simple-countdown .countdown-container.countdown-block{ top: auto; bottom: 8px; left: 8px; right: 8px; } @media(max-width: 1299px){ .products-grid-view .style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{ font-size: 13px; } .style1 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left:35px; } } @media (max-width: 1199px){ .style1 .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 5px; } .style1 .qty-box-set .quantity{ width: 65px; height: 36px; } .style1 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left:0; } } @media (max-width: 991px) { .style1 .product-wrapper .product-qty,.style1 .product-wrapper:hover .product-qty{ transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .style1.product-list .product-wrapper .add_tocart.pro_btn a.btn svg, .style1.product-short-list .product-wrapper .add_tocart.pro_btn a.btn svg{ height:15px } .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg{ height: 34px; line-height: 34px; } .style1.product-layouts .product-wrapper .product-thumb .btn_wrapper,.style1.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{ transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .style1.product-layouts .product-wrapper .product-thumb .btn_wrapper{ width: 34px; } .style1 .product-wrapper .btn_wrapper .pro_btn a{ width: 34px; height: 34px; } .product-grid.style1 .product-wrapper:hover::after, .tab-pane .style1 .product-wrapper:hover::after, .product-grid.style1 .product-wrapper::after, .tab-pane .style1 .product-wrapper::after, .related-products .style1 .product-wrapper:hover::after,.related-products .style1 .product-wrapper::after{ border-color: var(--color-btn-primary); } .product-grid.style1 .product-wrapper:hover::after, .tab-pane .style1 .product-wrapper:hover::after, .product-grid.style1 .product-wrapper::after, .tab-pane .style1 .product-wrapper::after, .related-products .style1 .product-wrapper:hover::after,.related-products .style1 .product-wrapper::after{ bottom: 0; } .style1 .product-wrapper .cart-qty{ position: static; text-align: left; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .style1 .product-wrapper .add_tocart.pro_btn a.btn { padding: 7px 6px; } .style1 .product-wrapper .qty-box-set .quantity,.style1 .product-wrapper .qty-box-set .quantity1, .style1 .product-wrapper .qty-box-set .qtyminus, .style1 .product-wrapper .qty-box-set .qtyminus1, .style1 .product-wrapper .qty-box-set .qtyplus,.style1 .product-wrapper .qty-box-set .qtyplus1{ height: 34px; line-height: 34px; } } @media (max-width: 767px) { .tab-pane .style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{ display: none; } .style1 .product-wrapper .cart-qty{ text-align: left; } .product-short-list .product-price__price .money{ text-align:left; } .style1.product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a, .style1.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{ padding: 8px 16px; } .style1.product-short-list .product-wrapper .product-qty{ margin:0 5px 0 0 } .style1 .product-wrapper .add_tocart.pro_btn a.btn { padding: 7px 9px; } } @media(max-width:767px){ .product-short-list .product-price__price .money{ text-align:left; } } @media (max-width: 650px) { .tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn{ padding: 0; height: 34px; width: 34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg,.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg{ height: 30px; } .tab-pane .style1.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.tab-pane .style1.grid-view-item .product-wrapper .pro_btn a.loading i, .tab-pane .style1.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 26px; width: 26px; line-height: 26px; } .tab-pane .products-grid-view .style1 .product-wrapper .add_tocart.pro_btn a.btn{ padding: 0; } .style1 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 35px; } } @media (max-width: 480px) { .style1.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i,.style1.grid-view-item .product-wrapper .pro_btn a.loading i, .style1.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ font-size: 13px; height: 26px; width: 26px; line-height: 26px; } .tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn{ height: 30px; width: 30px; }.style1.product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{ padding:0; } .tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg,.tab-pane .style1 .product-wrapper .add_tocart.pro_btn a.btn svg{ height: 26px; width: 13px; } .style1.product-layouts.grid-view-item .product-wrapper:hover .product-description .grid-view-item__meta, .style1.product-layouts.grid-view-item .product-wrapper .product-description .grid-view-item__meta{ margin: 0 0 5px; } .style1.product-layouts .product-wrapper .product-thumb .btn_wrapper { width: 30px; display:none } .style1 .product-wrapper .product-qty,.style1 .product-wrapper:hover .product-qty{ display: none; } .style1.grid-view-item .product-wrapper .pro_btn a.add-cart-btn.loading i.mdi-cached{ height: 18px; width: 18px; line-height: 18px; } .style1 .product-wrapper .btn_wrapper .pro_btn a{ width: 30px; height: 30px; } .style1 .product-wrapper .btn_wrapper > .pro_btn a.btn svg{ width: 12px; height: 30px; line-height: 30px; } .tab-pane .style1.product-layouts.grid-view-item .product-wrapper .product-description{ padding: 10px 0 0; } .style1 .product-wrapper .add_tocart.pro_btn a .tooltip-label{ font-size: 12px; } .style1 .product-wrapper .cart-qty{ text-align: left; } } /*===============style1 list & short view==========================*/ .product-list .style1 .product-wrapper .cart-qty{ position: static; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; text-align: left; margin: 0 8px 0 0; width: auto; } .product-short-list .style1 .product-wrapper .cart-qty{ position: static; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; margin: 0 0 10px; } .product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a, .product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{ padding: 10px 16px; width: auto; } .product-short-list .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart.soldout a, .product-list .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart.soldout a{ padding: 8px 26px; } @media(max-width:1199px){ .product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg{ height:36px; line-height:36px; } .product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn ,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn { height:36px; width:36px; } .product-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg, .product-short-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg { height:15px; } .product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a, .product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{ height:36px; width:auto; } } @media(max-width:991px){ .product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn svg{ height:34px; line-height:34px; } .product-short-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn ,.product-list .style1 .product-wrapper .btn_wrapper .pro_btn a.btn { height:34px; width:34px; } .product-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg, .product-short-list .product-wrapper .btn_wrapper .add_tocart.pro_btn a.btn svg { height:15px; } .product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a, .product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{ height:34px; width:auto; } } @media (max-width: 650px) { .product-list .style1.product-layouts.grid-view-item .product-wrapper .product-description, .product-list .style1 .product-wrapper .spr-badges.grid-item-meta{ text-align: center; } .product-list .product-layouts.grid-view-item .product-wrapper .product-description .qty-box-set{ float: none; display: inline-block; vertical-align: top; } .product-list .style1 .product-wrapper .cart-qty{ margin: 0 0 10px; text-align: center; width: 100%; } .product-list .style1 .product-wrapper .product-description .btn_wrapper{ text-align: center; } } @media (max-width: 767px) { .product-short-list .style1 .product-wrapper .product-qty{ float: left; width: auto; } .product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart{ float: left; width: auto; margin: 0; } } @media (max-width: 480px) { .product-list .style1 .product-wrapper .btn_wrapper .add_tocart.pro_btn a, .product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{ padding: 4px 8px; } .product-short-list .style1 .product-wrapper .product-description .btn_wrapper .pro_btn.add_tocart a{ padding: 0; height: 30px; width: 30px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .product-short-list .style1 .product-wrapper .add_tocart.pro_btn a.btn svg,.product-short-list .style1 .product-wrapper .add_tocart.pro_btn a.btn svg{ height: 26px; width: 13px; } .product-short-list .style1 .product-wrapper .cart-qty { float: none; width: auto; display: inline-block; vertical-align: top; } .product-short-list .style1.grid-view-item .product-wrapper .pro_btn a.add-cart-btn.loading i.mdi-cached{ height: 26px; width: 26px; line-height: 26px; } } /*==================== Product Hover Style2 CSS=====================*/ .tab-pane .style2 .product-wrapper:hover::after, .product-grid.style2 .product-wrapper:hover::after, .related-products .style2 .product-wrapper:hover::after, .search-products .style2 .product-wrapper:hover::after{ border-color: var(--color-btn-primary); } .tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description, .products-grid-view>.product-grid .style2.product-layouts .product-wrapper .product-description, .related-products .style2.product-layouts.grid-view-item .product-wrapper .product-description, .search-products .style2.product-layouts.grid-view-item .product-wrapper .product-description{ text-align: left; background: #fff; padding: 30px 15px 5px; } #recently-viewed-products.style2 .product-wrapper .product-description{ text-align: left; background: #faf7f2; padding: 15px 15px 5px; } .style2.product-layouts .product-wrapper .product-thumb .btn_wrapper{ transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .style2.product-layouts .product-wrapper .add_tocart.pro_btn a.btn svg{ height: 20px; vertical-align: initial; } .product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn svg, .product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn svg{ height: 36px; } .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 40px; width: 40px; line-height: 40px; } .tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description::after, .products-grid-view>.product-grid .style2.product-layouts .product-wrapper .product-description::after, .related-products .style2.product-layouts.grid-view-item .product-wrapper .product-description::after, #recently-viewed-products.style2 .product-wrapper .product-description::after, .search-products .style2 .product-wrapper .product-description::after{ content: ''; position: absolute; top: 0; bottom: auto; left: 0; right: 0; border-top: 4px double rgba(0,0,0,0.1); width: 90%; margin: 0 auto; } .style2 .product-wrapper .add_tocart.pro_btn a.btn{ height: 45px; width: 45px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; line-height: 54px; padding: 0; background: #222; } .style2 .product-wrapper .add_tocart.pro_btn a.btn.loading, .product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn.loading, .product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn.loading{ background: var(--color-btn-primary); } .style2 .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block{ top: auto; bottom: 20px; } .style2 .qty-box-set .quantity, .style2 .qty-box-set .quantity1 { height: 36px; line-height: 36px; } .style2 .qty-box-set .qtyminus,.style2 .qty-box-set .qtyplus,.style2 .qty-box-set .qtyminus1,.style2 .qty-box-set .qtyplus1 { height: 36px; line-height: 36px; } .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{ border: 4px solid #fff; float: none; display: inline-block; vertical-align: top; width: auto; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; position: absolute; top: -25px; bottom: auto; left: auto; right: 10px; margin: auto; z-index: 1; } .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty{ float: none; display: inline-block; vertical-align: top; width: auto; position: absolute; top: -15px; bottom: auto; left: auto; right: 70px; z-index: 1; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .style2 .qty-box-set .quantity,.style2 .qty-box-set .quantity1, .style2 .qty-box-set .qtyminus,.style2 .qty-box-set .qtyminus1,.style2 .qty-box-set .qtyplus,.style2 .qty-box-set .qtyplus1{ height: 30px; line-height: 30px; } .style2 .product-wrapper:hover .add_tocart.pro_btn{ border-color: var(--color-btn-primary); } .style2 .product-wrapper .add_tocart.pro_btn a .tooltip-label{ display: none; } .style2 .product-layouts .product-wrapper:hover .product-thumb .btn_wrapper, .style2 .product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{ -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } @media(min-width: 992px){ .tab-pane .style2 .product-wrapper .btn_wrapper .pro_btn.add-to-compare{ -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); transition: all 600ms ease-in-out 0s; -webkit-transition: all 600ms ease-in-out 0s; -moz-transition: all 600ms ease-in-out 0s; -o-transition: all 600ms ease-in-out 0s; -ms-transition: all 600ms ease-in-out 0s; } .tab-pane .style2 .product-wrapper .btn_wrapper .pro_btn.quick-view-wrap{ -webkit-transform: translateX(120px); -moz-transform: translateX(120px); -ms-transform: translateX(120px); -o-transform: translateX(120px); transform: translateX(120px); transition: all 800ms ease-in-out 0s; -webkit-transition: all 800ms ease-in-out 0s; -moz-transition: all 800ms ease-in-out 0s; -o-transition: all 800ms ease-in-out 0s; -ms-transition: all 800ms ease-in-out 0s; } .tab-pane .style2 .product-wrapper .btn_wrapper .pro_btn.add-to-wishlist{ -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -ms-transform: translateX(80px); -o-transform: translateX(80px); transform: translateX(80px); transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .tab-pane .style2 .product-wrapper:hover .btn_wrapper .pro_btn.quick-view-wrap, .tab-pane .style2 .product-wrapper:hover .btn_wrapper .pro_btn.add-to-compare, .tab-pane .style2 .product-wrapper:hover .btn_wrapper .pro_btn.add-to-wishlist{ transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform:translateX(0); -ms-transform: translateX(0); } } @media (max-width: 1399px) and (min-width: 1200px){ .style2.product-layouts .product-wrapper .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 24px; } } @media(max-width: 991px){ .style2.product-layouts .product-wrapper .product-thumb .btn_wrapper, .style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper{ transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .style2.product-layouts .product-wrapper .product-thumb .btn_wrapper{ width: 30px; } .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty, .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{ position: static; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; } .tab-pane .style2 .product-wrapper::after{ border-color: var(--color-btn-primary); } .style2 .flip-countdown.simple-countdown .countdown-container.countdown-block{ bottom: 10px; top: auto; } .style2 .product-wrapper .add_tocart.pro_btn a.btn{ height: 30px; width: 30px; line-height: 35px; padding: 0; background: #fff; box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); -webkit-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); -moz-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); } .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{ border: none; } .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty .qty-box-set{ border: none; box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); -webkit-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); -moz-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); } .style2 .product-wrapper .add_tocart.pro_btn a.btn svg{ height: 13px; width: 13px; } .style2 .product-wrapper .btn_wrapper .pro_btn a{ width: 30px; height: 30px; } .style2 .product-wrapper .btn_wrapper .pro_btn a.btn svg{ width: 12px; height: 30px; line-height: 30px; } .style2.grid-view-item .product-wrapper .pro_btn .loading .add_to_wishlist i, .style2.grid-view-item .product-wrapper .pro_btn a.loading i, .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ font-size: 14px; height: 26px; width: 26px; line-height: 26px; } .tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description, .products-grid-view>.product-grid .style2.product-layouts .product-wrapper .product-description{ padding: 15px 5px 5px; } .style2.product-layouts .product-wrapper .add_tocart.pro_btn a.btn svg{ height: 24px; fill: var(--color-product-primary-text); } } @media(max-width: 480px){ .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty{ display: none; } } /*==============================style2 list & short view ===================*/ .product-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty, .product-short-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty{ transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; position: static; transition:none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; margin:0 0 10px; } .product-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn, .product-short-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{ position: static; border: none; } .product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn, .product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn{ background: #fff; box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); -webkit-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); -moz-box-shadow: 0 0 6px rgba(0 ,0 ,0, 0.1); } .product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn, .product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn{ height: 40px; width: 40px; line-height: 45px; } .product-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached, .product-short-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 36px; width: 36px; line-height: 36px; } @media(max-width: 991px){ .product-list .style2 .product-wrapper .add_tocart.pro_btn a.btn, .product-short-list .style2 .product-wrapper .add_tocart.pro_btn a.btn{ height: 30px; width: 30px; line-height: 35px; } .product-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached, .product-short-list .style2.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 26px; width: 26px; line-height: 26px; } } @media(max-width: 480px){ .product-short-list .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty { float: none; width: auto; display: inline-block; vertical-align: top; } } /*------------------------------Product Hover Style 3--------------------------------*/ @media(min-width: 992px){ .style3 .product-wrapper .add_tocart.pro_btn a .tooltip-label{ display: inline-block; } } .style3 .product-wrapper .product-price__sale-label{ right: 10px; left: auto; } .style3 .product-wrapper .custom_label { top: 15px; } .style3 .product-wrapper .add_tocart.pro_btn, .style3 .product-wrapper .product-qty{ float: none; display: inline-block; vertical-align: top; width: auto; margin: 0 3px 3px 0; } .style3 .product-wrapper .add_tocart.pro_btn a{ padding: 11px 13px; } .style3 .product-wrapper .product-qty .qty-box-set{ border: none; } /* .tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before, .search-products .style3 .product-wrapper .product-description::before, #recently-viewed-products.style3 .product-wrapper .product-description::before{ position: absolute; content: ''; top: -106px; bottom: auto; left: 0; right: 0; margin: auto; border: 40px solid #fff; z-index: -1; width: 100%; border-radius: 182px 0 0 182px; -moz-border-radius: 182px 0 0 182px; -webkit-border-radius: 182px 0 0 182px; -khtml-border-radius: 182px 0 0 182px; height: 400px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform:rotate(90deg); -ms-transform: rotate(90deg); } */ .product-grid.style3 .product-wrapper, .tab-pane .style3 .product-wrapper, .related-products .style3 .product-wrapper, .search-products .style3 .product-wrapper, #recently-viewed-products.style3 .product-wrapper{ padding: 8px; border: 3px solid var(--color-border); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; background:var(--color-section); } .related-products .style3 .product-wrapper,#recently-viewed-products.style3 .product-wrapper{ border:none; border-radius:none; } .search-products .style3.product-layouts .product-wrapper .color-size{ display: none; } .tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description, .related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description, .products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description, #recently-viewed-products.style3 .product-wrapper .product-description{ padding:0; } .owl-item:first-child .product-wrapper.product_container.imgloaded { border-left: none; } .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block{ top: auto; bottom: 15px; } .style3 .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } @media(max-width: 1499px){ .products-grid-view .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left: 5px; } } @media(min-width: 1300px) and (max-width: 1399px){ .products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before{ top: -116px; } } @media (max-width: 1299px){ .products-grid-view .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 35px; } } @media(max-width: 1199px){ .tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before, .search-products .style3 .product-wrapper .product-description::before, #recently-viewed-products.style3 .product-wrapper .product-description::before{ top: -100px; border-radius: 176px 0 0 176px; -moz-border-radius: 176px 0 0 176px; -webkit-border-radius: 176px 0 0 176px; -khtml-border-radius: 176px 0 0 176px; } .search-products .style3 .product-wrapper .product-description::before{ top: -105px; } .products-grid-view .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 0; } .style3 .product-wrapper .add_tocart.pro_btn a { padding: 8px 6px; } } @media(max-width: 991px){ .tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before, .search-products .style3 .product-wrapper .product-description::before, #recently-viewed-products.style3 .product-wrapper .product-description::before{ height: 340px; } .search-products .style3 .product-wrapper .product-description::before{ height: 370px; } .style3.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper, .style3.product-layouts .product-wrapper .product-thumb .btn_wrapper{ transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transition:none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .style3 .product-wrapper .product-price__sale-label{ right: 10px; } .style3 .product-wrapper .add_tocart.pro_btn a{ padding: 0; height: 35px; width: 35px; line-height: 35px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; } .style3.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 35px; width: 35px; line-height: 35px; } .style3 .product-wrapper .custom_label { top: 5px; } } @media(max-width: 767px){ .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block{ bottom: 45px; } } @media(max-width:650px){ .products-grid-view .style3 .flip-countdown.simple-countdown .countdown-container.countdown-block::after { left: 30px; } .product-list .product-wrapper .product-description .btn_wrapper{ text-align:center; } } @media(max-width: 480px){ .tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before, .search-products .style3 .product-wrapper .product-description::before, #recently-viewed-products.style3 .product-wrapper .product-description::before{ border-radius: 166px 0 0 166px; -moz-border-radius: 166px 0 0 166px; -webkit-border-radius: 166px 0 0 166px; -khtml-border-radius: 166px 0 0 166px; } .style3.product-layouts .product-wrapper .product-thumb .btn_wrapper { height: 100px; } .style3 .product-wrapper .product-qty{ display: none; } .product-grid.style3 .product-wrapper, .tab-pane .style3 .product-wrapper, .related-products .style3 .product-wrapper, .search-products .style3 .product-wrapper, #recently-viewed-products.style3 .product-wrapper{ padding: 5px; min-height: 290px; } } @media(max-width: 400px){ .tab-pane .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .related-products .style3.product-layouts.grid-view-item .product-wrapper .product-description::before, .products-grid-view>.product-grid .style3.product-layouts .product-wrapper .product-description::before, .search-products .style3 .product-wrapper .product-description::before, #recently-viewed-products.style3 .product-wrapper .product-description::before{ height: 340px; } } /*=================style3 list &short view============================*/ .product-list .style3 .product-wrapper .product-description .cart-qty{ margin: 0 0 10px; } @media(min-width: 992px){ .product-short-list .style3 .product-wrapper .product-description .cart-qty{ margin: 0 0 10px; } } @media(max-width: 480px){ .product-list .style3 .product-wrapper .add_tocart.pro_btn a, .product-short-list .style3 .product-wrapper .add_tocart.pro_btn a{ padding: 0; height: 34px; width: 34px; line-height: 34px; } .product-list .style3.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached, .product-short-list .style3.grid-view-item .product-wrapper .pro_btn.add_tocart a.loading i.mdi-cached{ height: 24px; width: 24px; line-height: 24px; font-size: 13px; } .product-list .style3 .product-wrapper .product-description .cart-qty, .product-short-list .style3 .product-wrapper .product-description .cart-qty{ float: none; display: inline-block; vertical-align: top; width: auto; margin: 0 5px 5px 0; } .product-short-list .style3 .product-wrapper .product-description .cart-qty{ margin: 0; } } /*------------------------------payment security--------------------------------*/ .product-information .payment-icons { float: left; width: 100%; margin: 0 0 20px; } .payment-icons li:first-child { margin: 0; } .payment-icons li { margin: 0 0 0 4px; cursor: default; color: var(--FooterBottomText); float: none; vertical-align: top; display: inline-block; height: 24px; line-height: 24px; } .product-single .product-information .payment-icons svg { font-size: 24px; line-height: 28px; height: 34px; width: 34px; } .product-information .payment-content { float: left; width: 100%; } .product-information .payment-security { float: left; width: 100%; font: 700 16px/18px var(--font-stack-header); margin: 0 0 15px; color: #222; background: #f7f4ef; padding: 12px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .payment-sec-cnt { display: flex; align-items: center; padding-left: 0; float: left; width: 100%; margin: 0 0 20px; } .payment-sec-cnt .security-content { float: none; display: inline-block; vertical-align: top; margin: 0 0 0 10px; } .payment-sec-cnt .security-content .security-title { float: left; width: 100%; font: 500 14px/18px var(--font-stack-body); } .payment-sec-cnt .security-content .security-title{ color: #222; } .payment-sec-cnt .security-content .security-subtitle{ color: #666; } @media(max-width: 1199px){ .payment-sec-cnt .security-content .security-subtitle, .payment-sec-cnt .security-content .security-title { font-size:13px; } } @media(max-width: 991px){ .payment-sec-cnt .security-content .security-subtitle, .payment-sec-cnt .security-content .security-title { font-size:12px; line-height: 16px; } } @media(max-width: 480px){ .payment-sec-cnt{ margin: 0 0 10px; } } /*------------------------------#shopify-section-product-template-1--------------------------------*/ .design_1 .product-single__thumbs .grid-item { padding: 0; } .design_1 .product-single__photos { margin-bottom: 20px; } .design_1 .product-block .title-arrows { padding: 0 0 10px; float: left; width: 100%; text-align: center; } .design_1 .product-information-inner.product-block.fixed-product-block.product-description { padding: 0 15px; } .design_1 .product-information .product-info{ margin: 0; } .design_1 .product-information { float: left; padding: 0; display: inline-block; } .design_1 .product_fixed_block.product-description{ padding: 0 15px; float: left; } .design_1 .product-additional .product-block { border: 2px solid var(--color-border); padding: 20px; border-radius: 5px; position: relative; text-align: left; } .design_1.product-single .product-information .single-option-selector{ display: inline-block; float: none; vertical-align: top; } .design_1 .product-information .product-additional .selector-wrapper select{ width: 140px; float: none; display: inline-block; vertical-align: top; margin: 0 0 10px 15px; } .design_1 .product-additional .product-block .select{ float: none; display: inline-block; vertical-align: top; } .design_1 .product-additional .product-block label { line-height: 40px; float: none; display: inline-block; vertical-align: top; } .design_1 .product-information .product-additional .product-single__addtocart .btn{ width: 140px; padding: 10px 15px; margin: 10px 0; } .design_1 .product-information .product-additional .product-single__addtocart .qty-box-set { float: none; display: inline-block; vertical-align: top; width: auto; } .design_1 .product-information .product-additional .product-form__submit[aria-disabled=true]+.shopify-payment-button,.design_1 .product-information .product-additional .product-form__submit[disabled]+.shopify-payment-button { display: none; } .design_1 .product-information .product-additional .shopify-payment-button{ min-width: auto; width: 100%; } .design_1 .product-information .product-additional .shopify-payment-button .shopify-payment-button__button{ float: none; width: auto; display: inline-block; vertical-align: top; } .design_1 .product-form__controls-group { float: left; width: 100%; } .design_1 .product-information .product-additional .grid--uniform.product-single__addtocart { float: left; width: 100%; text-align:center; padding: 15px 0; background: #f7f4ef; border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; } .design_1 .product-information .product-additional .grid--uniform.product-single__addtocart form { margin: 0; } .product-single.design_1 .product-additional .btn-content { float: left; width: 100%; text-align:center; background: #f7f4ef; border-radius: 0 0 5px 5px; } .product-single.design_1 .add-to-wishlist.pro_btn .show { height: auto; width: auto; } .product-single.design_1 .product-information .add-to-wishlist.pro_btn .show .loading, .product-single.design_1 .product-information .add-to-wishlist.pro_btn .show .loading a.add_to_wishlist { float: none; display: inline-block; vertical-align: top; } .product-single.design_1 .product-additional .add-to-compare, .product-single.design_1 .product-additional .add-to-wishlist { float: left; width: 100%; margin: 0; padding: 0 0 8px; } .product-single.design_1 .product-additional .size { float: left; width: 100%; padding: 0 0 8px; } .product-single.design_1 .product-additional .print_wrap { float: left; width: 100%; margin: 0; padding: 0 0 8px; } .product-single.design_1 .product-additional .product-360-button{ float: left; width: 100%; } .product-single.design_1 .product-additional .product-360-button a, .product-single.design_1 .product-additional .product-Video-btn.popup-video.tip-top{ float: none; width: auto; display: inline-block; vertical-align: top; margin: 0 0 10px; } .product-single.design_1 .sizechart, .product-single.design_1 .product-information a.print, .product-single.design_1 .product-information .add-to-compare a{ float: none; width: auto; display: inline-block; vertical-align: top; margin: 0; } @media(max-width: 1599px){ .design_1.product-single .product-information .single-option-selector{ width: 160px; } } @media(max-width: 1399px){ .design_1.product-single .product-information .single-option-selector{ width: 120px; } } @media(max-width: 1199px){ .design_1 .product-information.fixed-product-block, .design_1 .product-additional{ float: left; width: 100%; } .product-single.design_1 .product-information .selector-wrapper.js.product-form__item { float: left; width: 100%; } } @media(max-width:991px){ .design_1 .product_fixed_block.product-description{ width: 100%; } } /*------------------------------#shopify-section-product-template-2--------------------------------*/ .product-single.design_2 fieldset{ margin: 0 0 10px; } .product-single.design_2 .shopify-payment-button__button[disabled]{ display: none; } .product-single.design_2 { float: left; width: 100%; padding: 30px 50px; background: var(--color-section); } .design_2 .pro_img { float: left; width: 100%; position: relative; } .design_2 .product-single__thumb img{ border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; padding: 5px; border: 2px solid var(--color-border); } .design_2.product-single .pro_img .product-image-btn { right: 10px; } .design_2.product-single a.product-lightbox-btn { width: 30px; height: 30px; float: none; display: inline-block; vertical-align: top; line-height: 30px; } .design_2.product-single .pro_img i.mdi.mdi-magnify { font-size: 24px; -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; transition: all 400ms ease-in-out 0s; } .design_2 .product-Video-btn.popup-video.tip-top { margin: 0; } .design_2 .product-Video-btn i.mdi.mdi-video { float: none; } .design_2.product-single .pro_img:hover i.mdi.mdi-magnify { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; } .design_2 .product-block .title-arrows { border-bottom: 1px solid var(--color-border); padding: 0 0 10px; float: left; width: 100%; text-align: center; margin: 0 0 15px; } .design_2 .additinal-product,.design_2 .main-product { padding: 0; } .design_2 .additinal-product .pro_img { cursor: pointer; margin-bottom: 15px; padding: 3px; border: 1px solid var(--color-border); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .design_2 .additinal-product .pro_img img{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } @media (min-width: 1300px) { .design_2 .product-wrapper-owlslider { padding-right: 60px; } .design_2 .product-information { float: left; } } .design_2 .additinal-product .pro_img::after{ background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; height: 100%; width: 100%; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .design_2 .additinal-product .pro_img:hover::after{ opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; } .userInput{ background: #f3f3f3; } @media (min-width: 992px) and (max-width: 1299px){ .design_2 .product-wrapper-owlslider { padding-right: 30px; } } @media (min-width: 1200px) { .design_2 .product-information,.design_2 .product-wrapper-owlslider,.design_2 .additinal-product { top: 130px; } } @media (min-width: 1199px) { .design_2 .product-information,design_2 .product-wrapper-owlslider,.design_2 .additinal-product { top: 50px; } } @media (min-width: 992px) { .design_2 .product-information,.design_2 .product-wrapper-owlslider,.design_2 .additinal-product { position: sticky; } .header_style_2.product_sticky_design_2 .breadcrumb-wrapper.breadcrumb-content { padding: 120px 18px 30px; } .template-product.product_sticky_design_2 .page-wrapper { overflow: visible; } } @media (max-width: 1699px) { .design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{ width:330px; min-width: 330px; } } @media (max-width: 1599px) { .design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{ width:310px; min-width: 310px; } } @media (max-width: 1499px) { .design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{ width: 280px; min-width: 280px; } } @media (max-width: 1399px) { .design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{ width: 250px; min-width: 250px; } } @media (max-width: 1299px) { .design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{ width: 220px; min-width: 220px; } } @media (max-width: 1199px) { .design_2 .product-single__addtocart .btn,.design_2 .shopify-payment-button{ width: 170px; min-width: 170px; } } @media (max-width: 991px) { .design_2 .additinal-product{ display:none; } .design_2 .main-product{ width:100%; } .design_2 .product-single__addtocart .btn, .design_2 .shopify-payment-button { width: 130px; min-width: 130px; } } @media (max-width: 767px) { .design_2 .main-product .product-wrapper-owlslider{ padding: 0px; } .design_2 .main-product .product-information { padding: 0; } .product-single.design_2{ padding: 0 15px; margin-bottom:0px; } .design_2 .pro_img { float: none; width: 80%; display: inline-block; vertical-align: top; } .design_2.product-single .pro_img i.mdi.mdi-magnify { -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; } } @media (max-width: 480px) { .design_2 .pro_img { width: 100%; margin: 0 0 15px; } .shopify-payment-button{ margin:0; } } .design_1 .model,.design_2 .pro_img.model,.design_3 .pro_img.model { background: #f7f4ef; } .full_gallery_slider.owl-carousel .owl-item .extra-video img,.design_2 .extra-video img, .full_gallery_slider.owl-carousel .owl-item .video img,.design_2 .video img, .full_gallery_slider.owl-carousel .owl-item .model img,.design_2 .model img{ object-fit: cover; width: 100%; height: 100%; } .full_gallery_slider .video-source,.design_2 .video-source{ height: 100%; } .full_gallery_slider .video-source video,.design_2 .video-source video{ vertical-align: top; object-fit: cover; } .full_gallery_slider .pro_img.extra-video iframe,.design_2 .extra-video iframe{ height: 100%; width: 100%; } @media (max-width:380px){ .design_2 .product-single__addtocart .btn, .design_2 .shopify-payment-button { width: 100px; min-width: 100px; font-size: 13px; } .design_2 .shopify-payment-button .shopify-payment-button__button{ padding:9px 0; } .design_2 .product-single__addtocart .btn{ padding: 9px 0; } } /*------------------------------#shopify-section-product-template-3--------------------------------*/ .design_3 .product-single__thumbs .grid-item { padding: 0; } .design_3 .product-single__photos { margin-bottom: 20px; } .design_3 .product-single__thumbs img { max-width: 100%; } .design_3 .product_main { float: left; width: 100%; background: #f7f4ef; } .design_3 .product_main .main_content{ float: left; width: 100%; background: #fff; padding: 30px 15px 0 15px; margin: 30px 0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; } .template-product.product_sticky_design_3 nav.breadcrumb-wrapper{ margin: 0; } .design_3 .product-single__description .product_tab_wrapper .tab-container{ max-height: 375px; } .design_3 .product-single .product-information .select{ float: none; display: inline-block; vertical-align: top; } .design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity,.design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity1, .design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyminus, .design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyminus1, .design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyplus, .design_3 .top-products .product-wrapper .top-product-cartqty .qty-box-set .quantity .qty-box-set .qtyplus1{ height: 30px; line-height: 30px; width: 65px; } .design_3 ul.no-bullets.top-products { margin: 0; } .design_3 .product-single__description .product_tab_wrapper .tab-container::-webkit-scrollbar{ width: 5px; } .design_3 .product-single__description .product_tab_wrapper .tab-container::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.9); } .design_3 .product-single__description .product_tab_wrapper .tab-container::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4); } .design_3 .widget_top_rated_products .top-products .top-products-detail{ padding: 0 0 0 15px; margin: 0 0 20px; } .design_3 .widget.widget_top_rated_products .widget-title { float: left; width: 100%; text-align: left; padding: 12px 15px; background: #f7f4ef; } .design_3 .product-block .title-arrows { padding: 0 0 10px; float: left; width: 100%; text-align: center; } .design_3 .product-information-inner.product-block.fixed-product-block.product-description { padding: 0 15px; } .design_3 .product-information .product-info{ margin: 0; } .design_3 .product-information { float: left; padding: 0; display: inline-block; } .design_3 .product_fixed_block.product-description{ padding: 0 15px; } .design_3 .product-additional .product-block { border: 2px solid var(--color-border); padding: 20px; border-radius: 5px; position: relative; text-align: center; } .design_3.product-single .product-information .single-option-selector{ display: inline-block; float: none; vertical-align: top; } .design_3 .product-information .product-additional select{ width: 140px; float: none; display: inline-block; vertical-align: top; margin: 0 0 10px 15px; } .design_3 .product-information .product-additional .product-single__addtocart .btn{ width: 140px; padding: 10px 15px; margin: 10px 0; } .design_3 .product-information .product-additional .product-single__addtocart .qty-box-set { float: none; display: inline-block; vertical-align: top; width: auto; } .design_3 .product-information .product-additional .shopify-payment-button{ min-width: auto; width: 100%; } .design_3 .product-information .product-additional .shopify-payment-button .shopify-payment-button__button{ float: none; width: auto; display: inline-block; vertical-align: top; } .design_3 .product-form__controls-group { float: left; width: 100%; } .design_3 .product-information .product-additional .grid--uniform.product-single__addtocart { float: left; width: 100%; padding: 15px 0; background: #f7f4ef; border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; } .product-single.design_3 .product-additional .btn-content { float: left; width: 100%; background: #f7f4ef; border-radius: 0 0 5px 5px; } .product-single.design_3 .add-to-wishlist.pro_btn .show { height: auto; width: auto; } .product-single.design_3 .product-information .add-to-wishlist.pro_btn .show .loading, .product-single.design_3 .product-information .add-to-wishlist.pro_btn .show .loading a.add_to_wishlist { float: none; display: inline-block; vertical-align: top; } .product-single.design_3 .product-additional .add-to-compare, .product-single.design_3 .product-additional .add-to-wishlist { float: left; width: 100%; margin: 0; padding: 0 0 8px; } .design_3 .product-information .product-additional .product-single__price span.discount-percentage, .design_1 .product-information .product-additional .product-single__price span.discount-percentage{ color: #222; } .product-single.design_3 .product-additional .size { float: left; width: 100%; padding: 0 0 8px; } .product-single.design_3 .product-additional .print_wrap { float: left; width: 100%; margin: 0; padding: 0 0 8px; } .product-single.design_3 .product-additional .product-360-button{ float: left; width: 100%; } .product-single.design_3 .product-additional .product-360-button a, .product-single.design_3 .product-additional .product-Video-btn.popup-video.tip-top{ float: none; width: auto; display: inline-block; vertical-align: top; margin: 0 0 10px; } .product-single.design_3 .sizechart, .product-single.design_3 .product-information a.print, .product-single.design_3 .product-information .add-to-compare a{ float: none; width: auto; display: inline-block; vertical-align: top; margin: 0; } .design_3 .product-additional .product-block .select{ float: none; display: inline-block; vertical-align: top; } .design_3 .product-additional .product-block label { line-height: 40px; float: none; display: inline-block; vertical-align: top; } @media(max-width: 1399px){ .design_3 .product-information .product-additional select{ width: 130px; } } @media(max-width: 1299px){ .design_3 .product-information .product-additional select{ width: 110px; } } @media(max-width: 1199px){ .design_3 .product-information.fixed-product-block, .design_3 .product-additional{ float: left; width: 100%; } .product-single.design_3 .product-information .selector-wrapper.js.product-form__item { float: left; width: 100%; } .design_3 .product_main .main_content{ padding: 30px 15px; } .product-single__description .product_tab_wrapper{ margin: 40px 0 40px; } } @media(max-width: 991px){ .design_3 .product-bestseller { width: 40%; } .design_3 .product-single__description .product_tab_wrapper { width: 60%; } .design_3 .product-single__description .product_tab_wrapper ul.tabs li{ float: left; width: 100%; } .design_3 .widget.widget_top_rated_products .widget-title{ display: block; } .product-single__description .product_tab_wrapper { margin: 10px 0 40px; } } @media(max-width: 767px){ .design_3 .product-single__description .product_tab_wrapper { width: 95%; float: none; display: inline-block; vertical-align: top; margin: 0 0 15px; } .design_3 .product-bestseller { width: 95%; float: none; display: inline-block; vertical-align: top; padding: 0; } .design_3 .product-wrapper.sidebar-product .image.product-thumb{ width: 40%; } } @media(max-width: 480px){ .design_3 .product_main .main_content{ padding: 15px 0 15px 0; margin: 15px 0 30px; } .design_3 .product-wrapper.sidebar-product{ padding: 0; margin: 0 0 10px; } .design_3 .widget.widget_top_rated_products .product-img img{ width: 100%; } #recently-viewed-products .owl-nav { position: static; } #recently-viewed-products .product-layouts{ margin:0 0 15px; } #recently-viewed-products-wrap .tt-title{ padding:0; text-align:center; } .product-single__description .product_tab_wrapper{ margin:10px 0 20px; } } /*================ Product Images ================*/ .product-single__thumbnail:not([disabled]):not(.active-thumb):hover { opacity: 0.8; } .product-single__thumbnail.active-thumb { border-color: var(--color-text); } .product-single__thumbnail-badge { width: 22px; height: 22px; position: absolute; right: 6px; top: 6px; pointer-events: none; } @media only screen and (min-width: 750px) { .product-single__thumbnail-badge { width: 26px; height: 26px; } } .product-single__thumbnail-badge .icon { fill: var(--color-bg); width: 100%; height: 100%; vertical-align: baseline; } .product-single__thumbnail-badge .icon-3d-badge-full-color-outline, .product-single__thumbnail-badge .icon-video-badge-full-color-outline { stroke: rgba(var(--color-text-rgb), 0.05); } .product-single__thumbnail-badge .icon-3d-badge-full-color-element, .product-single__thumbnail-badge .icon-video-badge-full-color-element { fill: var(--color-text); } .no-js .product-featured-media { position: relative; } .shopify-model-viewer-ui { display: inline-block; cursor: pointer; left: 0; top: 0; height: 100%; width: 100%; max-width: 100%; position: absolute; } #productSelect { display: none; } .zoomImg { background-color: var(--color-body); } .product-single__media-wrapper { margin: 0 auto; width: 100%; } .product-single .product-information svg { height: 15px; width: 15px; fill: #fff; vertical-align: text-top; } .product-single__view-in-space { background-color: rgba(var(--color-text-rgb), 0.08); border: none; width: 100%; min-height: 44px; padding-top: 10px; padding-bottom: 10px; display: block; font-size: calc(((var(--font-size-base)) / (var(--font-size-base))) * 1em); color: var(--color-text); } .product-single__view-in-space[data-shopify-xr-hidden] { visibility: hidden; } .product-single__view-in-space[data-shopify-xr-hidden] { display: none; } .product-single__view-in-space:hover .product-single__view-in-space-text, .product-single__view-in-space:focus .product-single__view-in-space-text { border-bottom-color: var(--color-text); } .product-single__view-in-space svg.icon { height: calc((25 / (var(--font-size-base))) * 1em); width: calc((25 / (var(--font-size-base))) * 1em); margin-top: -3px; margin-right: 2.43px; fill: transparent; } .product-single__view-in-space svg.icon .icon-3d-badge-full-color-outline { stroke: none; } .product-single__view-in-space svg.icon .icon-3d-badge-full-color-element { fill: var(--color-text); opacity: 1; } .product-single__view-in-space-text { border-bottom: 1px solid transparent; } span.icon__fallback-text { display: none; } .btn.btn--link.thumbnails-slider__btn { padding: 5px; } .btn.btn--link.thumbnails-slider__btn span { font-size: 20px; line-height: 20px; width: 20px; height: 20px; } .product-single__media{ cursor:pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } .product-single__media-group { position: relative; } .thumbnails-wrapper { position: relative; float:left; width:100%; top: 10px; text-align: center; margin: 0 2px 30px 2px; } .thumbnails-slider__btn { position: absolute; top: 50%; transform: translateY(-50%); padding-top: 10px; padding-bottom: 10px; } .thumbnails-slider__btn .icon { height: 14px; width: 14px; } .thumbnails-slider__prev { left: -15px; } .thumbnails-slider__next { right: -15px; } .product-single__thumbnail { margin: 0 auto; } .product-single__thumbnails-slider-track { position: relative; display: block; } .product-single__thumbnails-slider-track:before, .product-single__thumbnails-slider-track:after { content: ""; display: table; } .product-single__thumbnails-slider-track:after { clear: both; } .product-single__thumbnails-item { padding-left: 5px; } .product-single__thumbnails-item.slick-slide { padding-bottom: 10px; padding-left: 2.5px; padding-right: 2.5px; vertical-align: middle; } .thumbnails-slider--active .product-single__thumbnails-item.slick-slide { padding-top: 5px; padding-bottom: 5px; } @media only screen and (min-width: 750px) { .product-single__thumbnails-item { padding-left: 5px; padding-right: 5px; } } .product-single__thumbnails-item-slide { display: block; float: left; height: 100%; } /*==============================================*/ @media (min-width: 992px) { .fullscreen_header_toggle { float: right; cursor: pointer; margin-left: 15px; } .fullscreen_header_toggle .leftmenu { float: left; width: 15px; margin: 24px 0; } .fullscreen_header_toggle .leftmenu #menu { border: medium none; float: left; height: 2px; position: relative; width: 15px; z-index: 3; margin: 10px 0; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; background: #222; } .fullscreen_header_toggle:hover .leftmenu #menu, .fullscreen_header_toggle:hover .leftmenu #menu::after, .fullscreen_header_toggle:hover .leftmenu #menu::before { background: var(--color-btn-primary); } .fullscreen_header_toggle .leftmenu #menu::after, .fullscreen_header_toggle .leftmenu #menu::before { border: medium none; height: 2px; position: absolute; z-index: 9999; left: 0px; width: 15px; bottom: 5px; top: auto; content: ""; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; background: #222; } .fullscreen_header_toggle .leftmenu #menu::before { top: 5px; bottom: auto; } .fullscreen_header_toggle .tt-mega-menu1 #tt-megamenu1.tt-megamenu1 { display: flex !important; align-items: center; height: 100%; flex-direction: column; justify-content: space-between; } .fullscreen_header_toggle #tt-megamenu1.tt-megamenu1.active { left: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; visibility: visible; } .fullscreen_header_toggle #tt-megamenu1 { position: fixed; top: 0; bottom: 0; left: -300px; right: auto; width: 300px; height: 100%; padding: 0; margin: auto 0; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; background: #e5e5e5; padding: 14% 0 0; float: left; } .fullscreen_header_toggle #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1 > li > a, #tt-megamenu1 .tt-mega_menu1 .tt_menus_ul1 > li span.categories { text-align: left; } .fullscreen_header_toggle #tt-megamenu1 li.tt_menu_item1 .tt_sub_menu_wrap1 { left: 100%; right: auto; top: 0; } .fullscreen_header_toggle #tt-megamenu1 .tt-mega_menu1 li.tt_menu_item1 { width: 100%; float:left; position: relative; margin: 0; } } .arrow { font-size: 20px; } .remove:hover { color: #ff0000; } .shopify-section.feature-collection { float: left; width: 100%; text-align: center; margin: 40px 0; } .shopify-section.feature-collection .tt-tile{ margin:0 0 10px; } .loading-overlay { position: relative; float: left; width: 100%; } .loading-overlay .loading-overlay__spinner { float: left; width: 100%; display: flex; align-items: center; justify-content: center; } .loading-overlay .loading-overlay__spinner svg { width: 15px; height: 15px; display: inline-block; vertical-align:top; -webkit-animation: productspin .9s ease-in-out infinite alternate; animation: productspin .9s ease-in-out infinite alternate; } .loading-overlay .loading-overlay__spinner svg .path { stroke: #222; stroke-linecap: round; -webkit-animation: product .9s ease-in-out infinite alternate; animation: product .9s ease-in-out infinite alternate; } .loading-overlay:not(.hidden)+.cart-item__price-wrapper, .loading-overlay:not(.hidden)~cart-remove-button { visibility: hidden; } @keyframes productspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}} @-webkit-keyframes productspin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}} @keyframes product { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @-webkit-keyframes product { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .slider-mobile-gutter .grid-item { padding: 0; } .spr-content .spr-form{ padding: 15px !important; border: 1px solid var(--color-border); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } /* -------------------share button css-------------- */ share-button.share-button { float: left; width:100%; } button.share-button__button { float: none; width: auto; display: inline-block; vertical-align: top; border: none; padding: 10px 14px; margin: 0 0 10px; } share-button.share-button .icon.icon-share { fill: none; } .product-information .qty-box-set .qtyplus::before{ content: "\F415"; font-family: "Material Design Icons"; position: absolute; top: 0; bottom: 0px; left: 0; right: auto; width: 25px; text-align: center; transition: all 400ms ease-in-out 0s; -webkit-transition: all 400ms ease-in-out 0s; -moz-transition: all 400ms ease-in-out 0s; -o-transition: all 400ms ease-in-out 0s; -ms-transition: all 400ms ease-in-out 0s; } .product-information .qty-box-set .qtyplus:hover::before{ color: #fff; } /* ------------------------category slider------------------- */ .category_slider_content .product-layouts{ padding:0; } .category_slider_content .ttcmscatbanner1{ width:22%; padding:0; } .category_slider_content .cat-slider { width:78%; } .category_slider_content .ttcmscatbanner1 a{ border-radius: 10px 0 0 10px; float:left; width:100%; overflow:hidden; } .category_slider_content .tab-pane .style3 .product-wrapper,.category_slider_content .tab-pane .style2 .product-wrapper{ margin:0; } .category_slider_content .tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description{ padding: 40px 15px 5px; } .category_slider_content .ttbanner-content { position: absolute; top: 30px; left: 0; right: 0; float: none; bottom: 0; margin: auto; width: auto; display: inline-block; text-align: center; } .ttcatbanner-img { font-weight: 500; } .category-slider .category_slider_content .ttcatbanner-img .ttbanner-content .catsubtitle{ font: 600 26px/30px var(--font-stack-header); text-align: center; float: none; width: 65%; margin:auto; } .category-slider .category_slider_content .ttcatbanner-img .ttbanner-content .cattitle { float: none; width: auto; display: inline-block; vertical-align: top; padding: 6px 12px; margin: 0 0 10px; border-radius:5px; } .category_slider_content .tab-pane .product-wrapper{ border:none; border-left:1px solid var(--color-border); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; } .category_slider_content .tab-pane .style2 .product-wrapper::after ,.category_slider_content .tab-pane .style1 .product-wrapper::after{ border-radius: 0; border:none; } .category_slider_content .style3 .cat-slider .owl-carousel .owl-stage-outer,.category_slider_content .style2 .cat-slider .owl-carousel .owl-stage-outer,.category_slider_content .style1 .cat-slider .owl-carousel .owl-stage-outer{ background: var(--color-section); border: 1px solid var(--color-border); border-radius: 0 10px 10px 0; float: left; width: 100%; } .category_slider_content .flip-countdown.simple-countdown .countdown-container.countdown-block::after{ left:5px; } .category_slider_content .nav-tabs > li:last-child > a{ padding:0; } .category_slider_content .style1 .product-wrapper .add_tocart.pro_btn a.btn{ padding: 10px 20px; } .category_slider_content .style1.product-layouts.grid-view-item .product-wrapper .product-description{ padding: 5px 0 0; } .category_slider_content .cat-slider .product-wrapper:hover .flip-countdown.simple-countdown .countdown-container.countdown-block{ opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; visibility: hidden; } .category_slider_content .tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description::after{ top: 10px; } .category_slider_content .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .product-qty{ top:0; } .category_slider_content .style2.product-layouts.grid-view-item .product-wrapper .product-description .cart-qty .add_tocart.pro_btn{ top:-15px; } @media(max-width:1366px){ .category-slider .category_slider_content .ttcatbanner-img .ttbanner-content .catsubtitle { width: 88%; } } @media(max-width:1199px){ .category_slider_content .ttcmscatbanner1{ display: none; } .category_slider_content .cat-slider{ float: left; width: 100%; } .category_slider_content .style3 .cat-slider .owl-carousel.owl-loaded, .category_slider_content .style2 .cat-slider .owl-carousel.owl-loaded, .category_slider_content .style1 .cat-slider .owl-carousel.owl-loaded{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } } @media(max-width:991px){ .category_slider_content .tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description { padding: 30px 15px 5px; } .category_slider_content .tab-pane .style2.product-layouts.grid-view-item .product-wrapper .product-description::after{ top:0; } } @media(max-width:575px){ .category_slider_content .box-heading{ display:none; } } @media(max-width:480px){ .category_slider_content span.spr-badge-caption{ display:none; } } /* size chart css start */ .template-product .size-chart-section h3{ font-size: 16px; } .tt-table-modal-info tbody tr td { text-align: center; font-size: 14px; } .size-chart .rte h3{ margin-bottom: 25px; font-size: 16px; } .size-chart .tt-table-modal-info thead tr th{ text-align: center; } .size-chart .tt-table-responsive-md{ overflow: auto; } .size-chart .rte table { table-layout: auto; } .size-chart .tt-table-modal-info thead tr th{ font-size: 13px; color: #111; } .template-product .modal:before{ height: auto; } @media(max-width:767px){ .template-product .size-chart-section h3{ line-height: 1.5; font-size: 14px; margin-bottom: 20px; } .size-chart .rte h3{ font-size: 14px; text-align: center; margin-bottom: 15px; } } /* size chart css end */ .mdi-twitter:before{ content:unset !important; } /* FIX HEADER ALIGNMENT - Tightened spacing version */ @media (min-width: 992px) { .header_1_wrapper .main-header { display: flex; align-items: center; width: 100%; position: relative; padding-top: 8px; /* was likely inheriting larger default padding */ padding-bottom: 8px; } /* Logo should not stretch, and should be smaller/tighter */ .header_1_wrapper .header_logo_wrap { flex: 0 0 auto; width: auto; display: flex; align-items: center; margin: 0; /* remove extra vertical margin around logo */ } .header_1_wrapper .header_logo_wrap .header-logo img { max-height: 40px; /* shrink logo height — adjust to taste, 36-48px is typical for a slim header */ width: auto; } /* Main horizontal menu takes available space */ .header_1_wrapper #shopify-section-TT-megamenu { flex: 1 1 auto; min-width: 0; } .header_1_wrapper #tt-megamenu, .header_1_wrapper .tt-megamenu, .header_1_wrapper .tt-mega_menu { width: 100%; } /* Reduce the vertical padding on each menu item so the whole bar is shorter */ .header_1_wrapper #tt-megamenu .tt-mega_menu li.tt_menu_item { padding: 10px 0; /* was much taller by default in the base theme CSS */ } /* Right icons always stay on the right */ .header_1_wrapper .right-link-icon { margin-left: auto; flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; } /* Prevent individual icons from being stretched, and tighten their padding */ .header_1_wrapper .right-link-icon > * { flex: 0 0 auto; } .header_1_wrapper .right-link-icon .site-header__search .serach_icon, .header_1_wrapper .right-link-icon .myaccount .dropdown-toggle, .header_1_wrapper .wrapper-top-cart > .site-header_cart_link { padding-top: 8px; padding-bottom: 8px; } } @media (min-width: 992px) { .site-header.page-element.header_1 { min-height: auto !important; } } .tt-homeslider .home-slider .homeslider .slider-content{ background: none !important; }