/*! Theme Name: Ample Shop Theme URI: http://amplethemes.com/downloads/ample-shop Author: ample themes Author URI: http://www.amplethemes.com Description: Ample Shop is complete e-commerce theme with multiple variation of design and It is clean, powerful, flexible, highly customizable and Gutenberg ready WordPress theme with responsive and beautifully crafted design.The theme is fully widgetized & customize based, so users can manage the content by using easy to use widgets and customizer and It is suitable for dynamic e-commerce,news, newspapers, magazine, publishers, blogs, editors, online store, online and gaming magazines, newsportals,personal blogs, newspaper, publishing or review siteand any creative website. Version: 0.1.2 Text Domain: ample-shop Tags: blog, e-commerce, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks Requires at least: 4.7 Tested up to: 5.7 Requires PHP: 5.6 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Ample Shop is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, optgroup, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; font-family:latobold; font-weight:800; } p { margin-bottom: 1.5em; font-family: 'latolight'; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; font-family: Lato,Arial, Helvetica, sans-serif; /* Fallback for when there is no custom background color defined. */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; list-style:none; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } textarea { width: 100%; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 30, 2020 */ @font-face { font-family: 'latoblack'; src: url('/assets/fonts/font/lato-black-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack_italic'; src: url('/assets/fonts/font/lato-blackitalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-blackitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('/assets/fonts/font/lato-bold-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold_italic'; src: url('/assets/fonts/font/lato-bolditalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('/assets/fonts/font/lato-italic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('/assets/fonts/font/lato-light-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight_italic'; src: url('/assets/fonts/font/lato-lightitalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('/assets/fonts/font/lato-regular-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline'; src: url('/assets/fonts/font/lato-thin-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline_italic'; src: url('/assets/fonts/font/lato-thinitalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-thinitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 30, 2020 */ @font-face { font-family: 'latoblack'; src: url('/assets/fonts/font/lato-black-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack_italic'; src: url('/assets/fonts/font/lato-blackitalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-blackitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('/assets/fonts/font/lato-bold-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold_italic'; src: url('/assets/fonts/font/lato-bolditalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('/assets/fonts/font/lato-italic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('/assets/fonts/font/lato-light-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight_italic'; src: url('/assets/fonts/font/lato-lightitalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('/assets/fonts/font/lato-regular-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline'; src: url('/assets/fonts/font/lato-thin-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline_italic'; src: url('/assets/fonts/font/lato-thinitalic-webfont.woff2') format('woff2'), url('/assets/fonts/font/lato-thinitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: royalblue; } a:hover, a:focus, a:active { color: midnightblue; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 2, 2020 */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix{ zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ i.fa.fa-bars { background: #000; } .menu { display: block; } .main-header { padding: 10px 0; } .menu.category { float: left; } .menu.category { width: 300px; } .container>.navbar-collapse { width: 100%!important; } .site-branding a { height: auto; padding: 8px 0; font-size: 33px; line-height: 20px; font-weight: 800; text-transform: capitalize; } .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-nav li a{ font-size: 16px; font-weight: 600; text-transform: capitalize; } .menu-primary-container .menu-item-has-children{ position: relative; z-index:100; } .menu-primary-container.menu-item-has-children .sub-menu ul { position: absolute; left: 30%; top: 40px; margin: 0; padding: 0; } .menu-primary-container .menu-item-has-children .sub-menu .menu-item-has-children:after{ content: '\f054'; font-family: "FontAwesome"; position:absolute; top:12px; right:5px; } .menu-primary-container .menu-item-has-children:after{ content: '\f107'; font-family: "FontAwesome"; position:absolute; top:12px; right:5px; color:black ; } ul#menu-primary .menu-item>a{ letter-spacing:1.2px; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* ################################################################ main styling ################################################################# */ /****************************************** 1. Common styles ******************************************/ body { background: #ffffff; color: #000000; font-family: Lato,Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; line-height: 20px; text-align: left } body { overflow-x: hidden; } * { margin: 0; padding: 0 } img { border: 0; max-width: 100% } a { color: #000000; text-decoration: none; transition: 0.5s all ease } a:hover { text-decoration: none; color: #b5012a } h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; line-height: 1.35; color: #000000; font-family: Lato, sans-serif; } form { display: inline } fieldset { border: 0 } legend { display: none } table { border: 0; border-spacing: 0; empty-cells: show; font-size: 100% } caption, th, td { vertical-align: top; text-align: left; font-weight: normal } thead tr th { font-weight: bold; text-transform: uppercase; font-size: 12px } p { margin: 0 0 10px } strong { font-weight: bold } address { font-style: normal; line-height: 1.35 } cite { font-style: normal } q, blockquote { quotes: none } q:before, q:after { content: '' } small, big { font-size: 1em } ul, ol { padding: 0; margin: 0 0 10px 25px } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none } ul.inline, ol.inline { margin-left: 0; list-style: none } ul.inline>li, ol.inline>li { display: inline-block; *display:inline; padding-right: 5px; padding-left: 5px; *zoom:1 } ul ul, ol ul { list-style-type: circle } .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important } .nobr { white-space: nowrap !important } .wrap { white-space: normal !important } .a-left { text-align: left !important } .a-center { text-align: center !important } .a-right { text-align: right !important } .v-top { vertical-align: top } .v-middle { vertical-align: middle } .f-left, .left { float: left !important } .f-right, .right { float: right !important } .f-none { float: none !important } .f-fix { float: left; width: 100% } .no-display { display: none } .no-margin { margin: 0 !important } .no-padding { padding: 0 !important } .no-bg { background: none !important } small { font-size: 85%; font-weight: normal; text-transform: lowercase; color: #999999 } input:focus { outline: none } #page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.17); margin: 0 auto; max-width: 1230px; background-color: #fff; } /****************************************** 3. Layout ******************************************/ .main-col { margin: auto; overflow: hidden } .col-main { font-size: 14px; } .col-left { margin-bottom: 0px } .col-right { margin-bottom: 0px } /*3.1. col1 layout*/ .col1-layout .header-background-default { margin: 20px; padding: 0 } .col1-layout .col-main { float: none; width: auto; margin-top: 0% } /*3.2. col2 layout*/ .col2-left-layout .col-main { margin-top: 0% } .col2-right-layout ol.opc .col-md-4 { margin-right: 15px } /*3.3. col3 layout*/ .col3-layout .col-wrapper { float: left; width:75%; } .col3-layout .col-wrapper .col-main { float: right; width:25%; } .main-container { padding: 25px 0 0px; } /****************************************** 4. Header ******************************************/ /*4.2 header top */ .header-top { background: #f5f5f5; border-bottom: 1px solid #e9e9e9; width: 100%; color: #000000; } .header-top a { color: #000000 } .welcome-msg { text-align: left; display: inline-block; padding: 2px 15px 2px 0; margin: 0px 12px 0 0; } .phone { padding: 2px 0px 2px 0; } .header-top .phone { padding: 0px 12px 0px 0; border-right: 1px solid #eaeaea; margin-top: 6px; margin-right: 10px; display: inline-block; } /*ample-user-info .dropdown-menu */ .ample-user-info .dropdown-menu { min-width: 130px; left: -20px; } .ample-user-info .dropdown-menu { padding: 0px; margin: auto; } .headerlinkmenu .ample-user-info .dropdown-menu li a { padding: 6px 15px; width: 100%; } .headerlinkmenu div.links div a { display: inline-block; padding: 0px; padding: 8px 0px 6px 5px; text-decoration: none; letter-spacing: 0.5px; color: #000000; } .headerlinkmenu div.links div a span { margin-left: 8px; background: #b41016; padding: 10px; color: snow; padding-bottom: 8px; } .headerlinkmenu div.links div a:hover { color: #b5012a; text-decoration: none } .headerlinkmenu div.links div a:focus-within{ color:white; border:1px dotted ; } span.icon-box--description{ display: inline-block; padding-right:20px; vertical-align: middle; font-size: 14px; font-weight: 400; } span.icon-box--description i{ margin-right:5px; } ul.header-info { display: block; vertical-align: bottom; padding: 5px 0; margin: 0; } /*4.4 Top Search */ .top-search { margin-top: 30px; } .top-search a { color: #fff; cursor: pointer; padding: 8px 12px 9px } .top-search a:hover { background: #006393; color: #fff } .icon-search:before { font-size: 16px } .cart-top .dropdown-menu { padding: 10px; min-height: 100px; height: auto !important; min-width: 445px; -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; top: 0; position: fixed; z-index: 999; display: block; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s; -o-transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s; transition: all .4s cubic-bezier(.25, .46, .45, .94) 0s } #search .input-group { border: 1px solid #e0e0e0; border-radius: 0px; display: inline-block; overflow: hidden; width: 100%; background: #fff; } #search input { height: 40px; display: inline-block; width: 60%; border: none; background: #fff; border-left: 1px solid #eaeaea; box-shadow: none; } .form-control::-moz-placeholder { color: #000000; } #search button { line-height: 28px; padding: 6px 20px 6px 18px; float: right; display: inline-block; background: #fafafa; border: none; color: #000000; border-left: 1px #eaeaea solid; transition: 0.5s all ease } .top-search .fade.in { background: none repeat scroll 0 0 rgba(0,0,0,0.5); opacity: 1 } .top-search .modal-content { border-radius: 3px } #search button i { font-size: 15px } .cate-dropdown { float: left; width: 130px; height: 40px; border: none; display: inline-block } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center !important; background-repeat: no-repeat !important; color: transparent; padding-right: 28px; padding-left: 18px; text-indent: 0.01px; text-overflow: ''; cursor: pointer; } .cate-dropdown:focus { border: none; background-color: #f8f8f8; padding-right: 28px; padding-left: 18px; } /*4.5 Logo */ .logo { vertical-align: middle; margin-top: 20px; text-align: left; margin-bottom: 20px } /*4.6 Top Cart */ .top-cart-contain .top-cart-content { opacity: 0; transform-origin: 0 0 0; transition: all 0.5s ease 0s; transform: scaleY(0); } .top-cart-contain .mini-cart:hover .top-cart-content { opacity: 1; transform: scaleY(1); } .top-cart-contain .mini-cart:focus-within .top-cart-content { opacity: 1; transform: scaleY(1); } .mini-products-list .product-image { float: left; padding: 0; width: 68px; padding: 0px; border: 1px #eee solid } .top-cart-content .product-name { margin: 0; width: 178px; line-height: 1.3em; padding: 0 0 3px } .top-cart-content .product-name a { font-size: 13px; line-height: normal; font-weight: 400; } .top-cart-title span { font-weight: normal; font-size: 12px; color: #fff; text-transform: inherit } .top-cart-title p span { text-transform: none } .top-cart-contain .price { color: #000; font-weight: 900; text-transform: uppercase; padding-left: 10px; float: right } .top-cart-contain .product-details .price { width: auto; float: none; font-weight: 900; padding-left: 0px; font-size: 13px } .mini-cart { text-align: center; cursor: pointer } .mini-cart .basket a { color: #000000; margin: 0px; line-height: 50px; font-weight: bold; } .mini-cart .basket a .cart-title { color: #232323; display: block; font-size: 14px; font-weight: 500; line-height: 1; margin-top: 8px; text-transform: uppercase; } .mini-cart .basket a .cart-total { display: block; font-size: 13px; font-weight: 500; line-height: 1; margin-top: 3px; padding-bottom: 0px; color: #777; } .cart-icon { float: left; text-align: left; } .shoppingcart-inner { float: left; text-align: left; } .mini-cart .basket a .fa-shopping-cart:before { font-size: 16px; margin-right: 12px; background: #b5012a; padding: 15px 16px; color: #fff; border-radius: 0px; float: right; } .mini-cart .open .basket a { color: #fff; background: #fff; box-shadow: 0 3px 9px rgba(0,0,0,0.3) } .mini-cart .dropdown-toggle { font-size: 12px; padding: 0; text-transform: none } .top-cart-contain { color: #fff; margin-top: 26px; border: 1px #eaeaea solid; height: 48px; } span.wish-value { margin-top: -7px; position: absolute; } .top-wishlist-wrapper { position: relative; z-index: 11; } .top-icon-wrap { top: 25px; position: absolute; right: 20px; border-left: 2px solid #dee2e6; padding: 10px 0px 5px 0; } .top-icon-wrap a.wishlist-btn { margin-left: 10px; } .top-icon-wrap i { font-size: 32px; } .top-cart-title p { margin: 0 } .top-cart-content .empty { padding: 10px } .top-cart-content { position: absolute; top: 75px; left: 0px; padding: 0; text-align:left; z-index:999; } .top-cart-content p { color: #000000; margin: 0; padding: 10px } .top-subtotal { color: #000000; font-size: 13px; font-weight: 900; padding: 8px 15px; text-align: left; text-transform: none; background-color: #f3f3f3; margin-bottom: 15px } .top-cart-content .product-details .btn-remove { position: absolute; right: 10px; top: 4px } .top-cart-title { display: inline-block; padding: 3px; margin: 0; vertical-align: top; text-align: center; color: #223D62; line-height: 12px; position: relative; font-size: 12px; width: 20px; margin-top: 2px; margin-left: 29px } .top-cart-content .block-subtitle { border-bottom: 1px solid #fbfbfb; color: #000000; overflow: hidden; padding: 15px; text-align: left; font-size: 13px; background: #f5f5f5 } ul#cart-sidebar { padding: 3px 15px 6px; margin: auto; max-height: 195px; overflow: auto; } .top-cart-title .cart_arrow { position: absolute; bottom: -6px; right: 50px; width: 18px; height: 11px; z-index: 1000; display: none } .top-cart-contain:hover .top-cart-title .cart_arrow { display: block } .top-cart-content li.item { width: 272px; margin: 5px 0px; border-bottom: 1px #eee solid; min-height: 67px } .top-cart-content li.item.last { margin: 0; border-bottom: 0px #eee solid; padding-bottom: 10px } .top-cart-content .product-details { color: #000000; position: relative; text-align: left } .mini-products-list .product-details { margin-left: 80px; padding: 0 } .top-cart-content .product-details .btn-remove { position: absolute; right: 10px; top: 12px } .top-cart-content .product-details .btn-edit { position: absolute; right: 22px; top: 6px } .top-cart-content .actions { padding: 5px 15px 20px; margin: 0; overflow: hidden } .top-cart-icon { padding: 5px; width: 20px; height: 24px; display: inline-block; vertical-align: middle } .top-cart-title span { font-weight: normal; font-size: 13px; text-transform: uppercase } .top-cart-title p span { text-transform: none } .mini-cart .actions .fa-shopping-cart:before { font-size: 13px; padding-right: 8px } .mini-cart .actions .fa-check:before { font-size: 13px; padding-right: 8px } .mini-cart .actions .btn-checkout { background: #b5012a; color: #fff; font-size: 12px; padding: 8px 16px; border: none; cursor: pointer; display: inline-block; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; border: 2px solid rgba(0,0,0,0.08); font-weight: bold; border-radius: 0px; text-transform: uppercase } .mini-cart .actions .btn-checkout:hover { background: #000000; color: #fff; } .mini-cart .actions .view-cart { background: #fff; color: #000000; font-size: 12px; padding: 8px 16px; text-align: left; cursor: pointer; text-decoration: none; float: left; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; border: 2px solid #000000; font-weight: bold; border-radius: 0px } .mini-cart .actions .view-cart:hover { background: #b5012a; color: #fff } .mini-cart .actions .button { display: inline-block; width: 100px; text-align: center; margin-bottom: 3px; padding: 8px 10px 6px; text-transform: none; border: none; font-size: 12px; text-transform: uppercase } .mini-cart .button.btn-checkout { background-color: #970400; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 900; padding: 0px 6px; height: 32px; line-height: 32px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .block_mini_cart_above_products { margin-bottom: 15px } .mini-cart>.button { color: #000000; font-size: 12px; font-weight: 300; text-shadow: none; border: none; border-radius: 0; box-shadow: none; background: none } #cart-sidebar li { border-bottom: 1px solid #ECECEC; list-style: none; margin-bottom: 8px; overflow: hidden; padding: 8px 0 15px } #cart-sidebar li.last { padding: 5px 0 0; border-bottom: none; margin-bottom: 0 } .remove-cart { display: block; width: 15px; height: 13px; position: absolute; right: 0; top: 0 } .wishlist-count { background-color: #f8f8f8; border-radius: 50%; color: #666; font-size: 1.1em; font-weight: 300; height: 25px; line-height: 24px; padding: 0; position: absolute; right: -5px; text-align: center; top: -13px; width: 25px; z-index: 0; border: 1px solid #e0e0e0; } .link-wishlist { width: 40px; position: relative; float: left; margin-top: 45px; } /****************************************** 5. Home tabs ******************************************/ .tab-info h3 { text-transform: uppercase; margin: auto; font-size: 18px; letter-spacing: 0.5px; position:relative; z-index:2 } .tab-info h3:after{ content: ''; background: #000; display: inline-block; position: absolute; left: 0; bottom: -8px; width: 100%; max-width: 100px; height: 2px; z-index: 1; } .home-product-tabs { line-height: normal; margin: 0; outline: none; padding: 0px 60px 6px 0px; position: relative; z-index: 1; border-bottom: 2px solid #e0e0e0; margin-top: 0px; text-align: right; } .home-product-tabs li a { border-bottom: none; color: #000000; margin-right: 0px; text-decoration: none; font-size: 14px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; padding: 0 20px; font-weight: 500; letter-spacing: 0.5px; } .home-product-tabs li.active a { background: none repeat scroll 0 0 #fff; color: #000000; padding: 12px; border: none } .home-nav-tabs.home-product-tabs>li>a { margin-right: 0px; line-height: 1.42857143; border-radius: 0px; border: 0px solid #999; padding: 0px 7px; background: #fff; } .home-product-tabs li:first-child a { padding-left: 0px; padding-right: 8px; } .home-nav-tabs>li.active>a, .home-nav-tabs>li.active>a:hover, .home-nav-tabs>li.active>a:focus { border: 0px solid #fe0100 } .home-nav-tabs>li>a:hover { background: #fff; color: #000000; border: 0px solid #000000 } .home-nav-tabs>li.active>a, .home-nav-tabs>li.active>a:hover, .home-nav-tabs>li.active>a:focus { border: 0px solid #fe0100; border-radius: 0px; background: #fff; color: #fe0100; } .home-nav-tabs>li { float: none; margin-bottom: -1px; display: inline-block; margin-right: 0px } .home-nav-tabs>li.divider { border-right: 1px solid #e0e0e0; color: #ccc; display: inline; height: 20px; margin-left: 0px; margin-right: 0px; width: 1px; } .home-tab .product-item .item-inner { margin-bottom: 0px; } .home-tab .tab-content { padding: 5px 0px 0px 0px; overflow: visible; font-size: 14px; line-height: 19px; margin-top: 0px; margin-bottom: 0px; } .home-tab .product-flexslider { margin-bottom: 0px; } .home-tab img.product-image-photo { height: 270px; margin-top: 15px; } .page-header { border: none; padding-bottom: 0px; margin: 30px 0 0px } .page-header h1 { font-size: 35px; text-transform: uppercase; font-weight: bold; color: #000000; text-align: center; margin-bottom: 30px; border-bottom:2px solid #eaeaea; position: relative; } .page-header h1:after{ content: ''; position: absolute; bottom: -1px; border-bottom: 2px solid #b31606; width: 10%; left:50%; transform:translateX(-50%); } .page-header h2 { font-size: 20px; text-transform: uppercase; font-weight: 500; color: #000000; letter-spacing: 0.5px; } .page-header .text-main { color: #b5012a } .divider-icon { font-size: 28px; margin: 5px 0 20px } /****************************************** 6. Hot deal ******************************************/ .hot-products { margin-top: 30px; margin-bottom: 30px; } .timer-item.item { margin: auto; } .timely { margin-bottom: 0px; border: 1px solid #e8e8e8; padding: 0px 20px 12px; margin-right: 30px; } .timely .item-info { text-align: center; margin-top: 0px; } .ample-timer-grid { overflow: hidden; display: inline-block; } .ample-timer-grid .box-time-date { background: #f6f6f6; font-size: 11px; color: #808080; min-width: 60px; min-height: 60px; text-align: center; margin-top: 6px; font-weight: 400; text-transform: uppercase; border-radius: 0; border: 1px #e5e5e5 solid; display: inline-block; } .ample-timer-grid .box-time-date span { display: block; font-size: 18px; color: #b5012a; margin-top: 8px; font-weight: 700; } .ample-box-timer { bottom: -6px; text-align: center; margin-top: 0; position: absolute; left: inherit; right: inherit; width: 100%; } .hot-deal { border: 1px solid #e5e5e5; } .hot-deal .products-grid .item { margin-top: 0; } .hot-deal .product-item .item-inner { margin-bottom: 0px; } .hot-deal .product-item { margin: 0px; } .hot-deal .title-text { font-size: 14px; text-transform: uppercase; font-weight: 500; background-color: #b5012a; display: inline-block; width: 100%; padding: 14px; text-align: left; color: #fff; letter-spacing: 1px; font-weight:600; } /****************************************** 7. Home top banner ******************************************/ /****************************************** 8. Sale & New label ******************************************/ .new-right { right: -10px; top: -15px; } .hot-left { left: -28px; top: -12px; } .icon-sale-label { color: #fff; font-size: 14px; font-weight: 600; right:15px; margin: 0; width: 50px; position: absolute; text-align: left; text-transform:capitalize; top:15px; z-index: 1; height: 50px; padding-left:9px; border-radius: 50%; background: #ef2b2b; line-height:50px; } .icon-new-label.new-left{ background: none repeat scroll 0 0 #e80a0a; color: #fff; font-size: 12px; font-weight: 600; line-height: 23px; margin: 0; min-width: 65px; padding-left: 5px; position: absolute; text-align:left; text-transform: uppercase; top: 5px; transform: rotate(0deg); z-index: 1; right:0; letter-spacing: 2px; } .icon-new-label.new-right { background: none repeat scroll 0 0 #e80a0a; color: #fff; font-size: 12px; font-weight: 600; line-height: 23px; margin: 0; min-width: 65px; padding-left: 5px; position: absolute; text-align: left; text-transform: uppercase; top: 5px; transform: rotate(0deg); z-index: 1; letter-spacing: 2px; } .icon-hot-label.hot-right{ color: #fff; font-size: 14px; font-weight: 600; right:15px; margin: 0; width: 40px; position: absolute; text-align: left; text-transform:capitalize; top:15px; z-index: 1; height: 40px; padding-left:8px; border-radius: 50%; background: #ef2b2b; line-height:40px; } /****************************************** 9. product hover ******************************************/ #best-selling-slider .product-item .item-inner{ padding:5px; } #best-selling-slider .product-item{ margin:unset ; border:unset; } #best-selling-slider .product-item:hover{ box-shadow:unset; border:none; } .product-item .item-inner { margin-bottom:unset; border:unset; padding: 15px 8px 20px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; } ./*product-item .item-inner:hover { transform: scale(1.1); }*/ .product-item .item-inner:hover .pro-box-info .box-hover .add-to-links .action.add-to-wishlist { margin-left: -97px; } .product-item .item-inner:hover .pro-box-info .box-hover .add-to-links .add-to-compare { margin-left: 63px; } .product-item .item-inner .product-thumbnail { position: relative; text-align: center; } .product-item .item-inner .product-thumbnail .product-item-photo { display: block; width: 100%; height:300px; padding: 0; overflow:hidden; } .product-item .item-inner .product-thumbnail .product-item-photo img{ width:100%; height:100%; transition: transform .2s; } .product-item .item-inner .product-thumbnail .product-item-photo img:hover{ transform: scale(1.2); } .product-item .item-inner .pro-box-info { padding-top:10px; border:1px solid #eeeeee; } .product-item .item-inner .pro-box-info span.btn-cart { display: block; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 10px 0; } .product-item .item-inner .pro-box-info span.btn-cart a.single_add_to_wishlist { padding-right:10px; float: right; } .product-item .item-inner .pro-box-info span.btn-cart a { color: #8a0725; text-transform: capitalize; font-size: 14px; } .product-item .item-inner a.single_add_to_view { float:right; padding-right:20px; } .product-item .item-inner .pro-box-info span.btn-cart i{ padding-right:3px; } .product-item .item-inner .pro-box-info .box-hover { overflow: hidden; text-align: right; display: inline-block; position: absolute; overflow: hidden; right: 5px; } .product-item .item-inner .pro-box-info .box-hover .add-to-links:after { display: table; content: ""; clear: both; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action { color: #fff; display: inline-block; font-size: 0; font-weight: 400; width: 34px; height: 34px; text-align: center; line-height: 34px; padding: 0; border: 1px solid #ccc; background: #fff; position: absolute; top: 0; left: 50%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action:hover { background: #b5012a; border: 1px solid #b5012a; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action:hover:before { color: #fff; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action:before { display: inline-block; font-family: FontAwesome; font-size: 14px; color: #444444; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action span { display: inline-block; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action.add-to-wishlist { margin-left: 0; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action.add-to-wishlist:before { content: "\f004"; } .product-item .item-inner .pro-box-info .box-hover .add-to-links .action.add-to-compare:before { content: "\f012"; } .product-item .item-inner .pro-box-info .pro-actions { display: inline-block; background: #fff; position: relative; z-index: 2; } .product-item .item-inner .pro-box-info .pro-actions .action.add-to-cart { background: #fff; border: 2px solid #cccccc; color: #444444; font-size: 12px; font-weight: 400; font-family: "Roboto", sans-serif; padding: 0 12px; line-height: 32px; letter-spacing: 0.5px; text-transform: inherit; border-radius: 0; transition: all 0.4s ease-out 0s; } .product-item .item-inner:hover .pro-box-info .pro-actions .action.add-to-cart { color: #fff; background: #b5012a; border: 2px solid #b5012a; transition: all 0.4s ease-out 0s; } .product-item .item-inner .pro-box-info .pro-actions .action.add-to-cart:before { content: ""; display: inline-block; font-family: FontAwesome; margin-right: 0px; line-height: 31px; } .add-to-cart-mt { background: #b5012a; border: 0 none; bottom: 0; font-size: 12px; left: -100%; line-height: 10px; position: absolute; text-align: center; text-transform: uppercase; transition: all .5s ease-out 0s; width: 100%; padding: 12px 0; color: #000000; } .add-to-cart-mt:hover { background: #fe0100; color: #fff; } .add-to-cart-mt span { margin-left: 5px } .pr-button .mt-button a:hover { background: #b5012a; color: #fff } .pr-button .mt-button a { transform: rotate(0deg); transition: all .5s ease-in-out } .pr-button .mt-button a:hover { transform: rotate(360deg); transition: all .5s ease-in-out } .pr-button .mt-button { border-right: 0 none; float: left; height: 40px; margin-right: 5px; text-align: center; transform: scale(0); transition: all 0.4s ease 0s; width: 40px; line-height: 25px } .product-item .item-inner .product-thumbnail:hover .mt-button { transform: scale(1) } .product-item .item-inner .item-info .item-title { font-size: 14px; margin-bottom: 6px; font-weight: 400; } .product-item .item-inner .item-info .item-title a { font-weight: 500; text-transform: capitalize; color: #000; font-size: 18px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-item .item-inner { position: relative; overflow: hidden; transition: box-shadow .3s ease-in-out; } .product-item { margin: 0 12px; border: 2px solid #eaeaea; } .product-grid-area.col4 .product-item { margin: 0 4px; } .product-item .item-inner .item-info .item-title a:hover { color: #b5012a; } #best-sale-slider.product-flexslider { margin: 0px; } #best-sale-slider .owl-theme .owl-controls .owl-buttons div { margin: 12px 5px 0px 0px; } .best-sale-pro .slider-items-products .owl-buttons .owl-prev { top: 15% } .best-sale-pro .slider-items-products .owl-buttons .owl-next { top: 15% } /****************************************** 10. Best selling ******************************************/ .best-selling-slider h3 { text-transform: uppercase; margin: auto; font-weight: 700; font-style: normal; color: #333333; line-height: normal; margin: 0 0 20px; outline: none; padding: 0px 0px 6px 0px; position: relative; z-index: 1; border-bottom: 2px solid #e0e0e0; display: inline-block; width: 100%; font-size:21px; } .best-selling-slider .product-flexslider { margin:unset; } .best-selling-slider .product-item .item-inner { margin-bottom: 0px; } .best-selling-slider .slider-items-products .owl-buttons .owl-next, .best-selling-slider .slider-items-products .owl-buttons .owl-prev { top: -62px; } /****************************************** Featured products ******************************************/ .featured-products-slider { margin: 25px 0; } .featured-products-slider h3 { text-transform: uppercase; margin: auto; font-size: 18px; line-height: normal; margin: 0 0 20px; outline: none; padding: 0px 0px 6px 0px; position: relative; z-index: 1; border-bottom: 2px solid #e0e0e0; display: inline-block; width: 100%; letter-spacing: 0.5px; } .featured-products-slider .product-flexslider { margin: 0px -12px 0px; } .featured-products-slider .product-item .item-inner { margin-bottom: 0px; } .featured-products-slider .slider-items-products .owl-buttons .owl-next, .featured-products-slider .slider-items-products .owl-buttons .owl-prev { top: -62px; } .item-inner .product-thumbnail .add-to-links .action.add-to-wishlist { color: #fff; display: inline-block; font-size: 0; font-weight: 400; width: 34px; height: 34px; text-align: center; line-height: 34px; padding: 0; border: 1px solid #ccc; background: #fff; position: absolute; top: 0; left: 25%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; opacity: 0; } .item-inner:hover .product-thumbnail .add-to-links .action.add-to-wishlist, .item-inner:hover .product-thumbnail .add-to-links .action.add-to-compare { opacity: 1; top: 35px } .item-inner .product-thumbnail .add-to-links .action.add-to-compare { color: #fff; display: inline-block; font-size: 0; font-weight: 400; width: 34px; height: 34px; text-align: center; line-height: 34px; padding: 0; border: 1px solid #ccc; background: #fff; position: absolute; top: 0; left: 50%; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; opacity: 0; } .item-inner .product-thumbnail .add-to-links .action:hover { background: #b5012a; border: 1px solid #b5012a; } .item-inner .product-thumbnail .add-to-links .action:hover:before { color: #fff; } .item-inner .product-thumbnail .add-to-links .action:before { display: inline-block; font-family: FontAwesome; font-size: 14px; color: #444444; } .item-inner .product-thumbnail .add-to-links .action span { display: inline-block; } .item-inner .product-thumbnail .add-to-links .action.add-to-wishlist { margin-left: 0; } .item-inner .product-thumbnail .add-to-links .action.add-to-wishlist:before { content: "\f004"; } .item-inner .product-thumbnail .add-to-links .action.add-to-compare:before { content: "\f012"; } /****************************************** 11. owl.carousel Slider ******************************************/ .owl-item .item { margin: 0 10px } .slider-items-products { position: relative } .slider-items-products .item .product-image { display: block; overflow: hidden } .slider-items-products .item .product-image img { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-property: transform; transition-property: transform } .slider-items-products .item .product-image:hover img { transform: scale(-1, 1) } .slider-items-products .owl-buttons .owl-prev a { transition: all .5s ease-out 0s } .slider-items-products:hover .owl-buttons .owl-prev a { } .slider-items-products .owl-buttons .owl-next a { transition: all .5s ease-out 0s } .slider-items-products:hover .owl-buttons .owl-next a { } .owl-buttons { opacity: 1; transition: all .5s ease-out 0s } .product-flexslider:hover .owl-buttons { opacity: 1 } .slider-items-products .owl-buttons .owl-prev { position: absolute; right: 30px; top: -68px; left: inherit } .slider-items-products .owl-buttons .owl-next { position: absolute; top: -68px; right: 0px; } .slider-items-products .owl-buttons .owl-prev a { background-position: 0 100% } .slider-items-products .owl-buttons .owl-next a { background-position: 100% 100%; top: 50% } .slider-items-products .owl-buttons .owl-next a:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; text-transform: none; font-size: 18px; line-height: 22px } .slider-items-products .owl-buttons .owl-prev a:before { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; speak: none; -webkit-font-smoothing: antialiased; content: "\f104"; text-transform: none; font-size: 18px; line-height: 22px } .slider-items-products .owl-buttons a { background: #f8f8f8; display: block; height: 25px; margin: 0 0 0 -20px; position: absolute; top: 50%; width: 25px; z-index: 5; color: #666; border: 1px solid #e0e0e0; border-radius: 0px; } .product-flexslider { margin: 30px -12px; margin-top: 20px } .owl-theme .owl-controls .owl-buttons div { background: none !important } .slider-items-products .owl-buttons a:hover { text-decoration: none; background: #b5012a; color: #fff; border: 1px #b5012a solid } .slider-items-products .owl-buttons .owl-prev a { background-position: 0 100%; } /****************************************** 12. testimonials ******************************************/ .testimonials { width: 100%; height: auto; } .testimonials h2.heading-title { text-align: center; text-transform: capitalize; font-size: 32px; } .testimonials .holder { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding:45px 0; } .testimonials .thumb { width:30%; height: 300px; position:relative; } .testimonials .thumb span{ position:absolute; right:-25px; top:-25px; content:''; width:60px; height:60px; background:#0485b7; border-radius:50%; line-height: 60px; transform: rotate(180deg); font-size: 25px; color: white; text-align:center; } .testimonials .thumb img{ width:100%; height:100%; border-radius: 20px; } .testimonials .author { text-align: left; width: 60%; } .testimonials .author p { font-size: 21px; font-weight: 500; text-transform: capitalize; word-spacing: 2px; line-height: 2; color: #5f5b5b; margin-bottom:30px; font-style: italic; } .testimonials .holder strong{ display:block; } .testimonials .holder strong.name { font-size: 20px; text-transform: uppercase; margin-bottom: 10px; font-weight: 800; letter-spacing: 2px; color: #110505; } .testimonials .holder strong.designation { font-size: 17px; letter-spacing: 1.5px; text-transform: capitalize; font-weight: 400; color: #ff5b00; } div#testimonial-slider .owl-dots { text-align: center; margin-top: -76px; } #testimonial-slider .slider-items-wrapper .slick-dots { position: absolute; bottom: 30px; display: block; width: 100%; padding: 0; margin: 0; left:15%; list-style: none; text-align: center; } #testimonial-slider .slider-items-wrapper .slick-dots li button:before { font-family: 'slick'; font-size: 50px; color:black; } #testimonial-slider.owl-dots { text-align: center; width: 100%; margin-top: -84px; } /****************************************** 13. Our clients ******************************************/ .our-clients .lead { font-size: 18px; text-transform: none; margin: auto 8% 45px } .our-clients .page-header h2 { color: #000000 } .our-clients { background-color: #f8f8f8; margin: 20px 0px; padding: 0px; overflow: hidden; } .our-clients .product-flexslider { margin: 8px 0px; } /****************************************** 14. Latest news ******************************************/ #latest-news .slider-items-products .owl-buttons .owl-prev, #latest-news .slider-items-products .owl-buttons .owl-next { top: -62px; } .news .product-flexslider { margin-bottom: 0px; } #latest-news .title-text { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #000000; } #latest-news .page-header h2 { display: inline-block; letter-spacing: 0.5px; text-transform: uppercase; margin: auto; font-weight: 700; font-style: normal; color: #333333; line-height: normal; margin: 0; outline: none; padding: 0px 0px 6px 0px; position: relative; z-index: 1; border-bottom: 2px solid #e0e0e0; display: inline-block; width: 100%; } #latest-news .page-header h2:before{ content: ''; background: #000; display: inline-block; position: absolute; left: 0; bottom: -3px; width: 100%; max-width: 100px; height: 2px; z-index: 0 } .ample-blog { text-align: left; } .blog-img a { display: block; overflow: hidden; position: relative; text-align: center; height:230px; } .blog-img a img{ width:100%; height:100%; object-fit:cover; } .blog-content-ample a:hover { color: #b5012a; } .blog-content-ample > h2 { line-height: normal; font-size: 21px; font-weight: 600; letter-spacing: 0.5px; } .blog-content-ample > span { text-transform: capitalize; color:#1a1d1e; font-size: 12px; } .blog-content-ample > p, .product-info h2 p { margin-top: 10px; font-size: 14px; line-height: 1.8; text-transform: capitalize; padding-bottom:15px; ; } .blog-action { border-top: 1px solid #ddd; margin-top: 15px; padding-top: 15px; } .blog-action > span { margin-right: 10px; } .blog-action > span > i { margin-right: 5px; color: #000000; } .blog-content-ample .read-more { float: right; font-weight: 400; text-transform: uppercase; font-size: 12px; } .blog-content-ample .read-more:hover { color: #ef6644; } .latest-wrapper .owl-carousel .owl-wrapper-outer .owl-item .item { text-align: center; height: 400px; border:none; } .blog-content-ample { padding: 12px 0 0; padding-left: 10px; padding-right: 10px; box-shadow: 0 0 1px #afafaf; text-align:center; } .blog-content-ample h2 { font-size: 21px; } .blog-content-ample h2 a:visited{ color:black; font-weight:800; } .blog-content-ample i { margin-right: 6px; color: #fd0d0dc9; font-size: 16px; margin: 5px 0; padding: 0 5px; font-weight: 400; } .blog-comments { display: inline-block; margin-left: 10px; } .blog-likes { margin-left: 10px; } .blog-comments i { } .rating { color: #999; font-size: 13px; text-align: center; display: inline-block; } .rating .fa-star { color: #FC0 } /****************************************** 15. Bottom banner section ******************************************/ /* Home Banner CMS */ .ample-banner1 { overflow: hidden; } .ample-banner2 { overflow: hidden; margin-top: 30px; } .ample-banner1 img:hover { transform:scale(1.2); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .ample-banner2 img:hover{ transform: scale(1.2); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .ample-banner1 img, .ample-banner2 img { position: relative; transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s; -ms-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s;/*z-index: 455;*/ width:100%; height:100%; object-fit:cover; } .ample-banner1 .hover_content { position: absolute; background-color: rgba(252, 139, 155, 0.5); width: 48%; height: 100%; display: inline-block; bottom: 0; right: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 10px; text-align: left; } .ample-banner1 .shop-now { margin-top: 15px; text-align: left; opacity: 1; display: inline-block; bottom: 0; right: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 10px 0; text-align: left; } .ample-banner2 .hover_content { position: absolute; background-color: rgba(0, 0, 0, 0.3); opacity: 1; width: 57%; display: block; top: 28%; left: 4%; /*z-index: 200;*/ -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 10px } .ample-banner1 .hover_data { display: block; width: 100%; height: 100%; transition: all 0.3s ease 0s; padding: 20px; border: 1px solid rgba(255, 255, 255, 0.6); } .ample-banner2 .hover_data { display: block; width: 100%; border: 1px solid rgba(0, 0, 0, 0.6); padding: 15px; text-align: left; } .ample-banner2:hover .hover_data { left: 0; } .ample-banner1 .hover_content .hover_data .title { color: #fff; font-size: 28px; font-weight: normal; text-transform: uppercase; letter-spacing: 0; } .ample-banner1 .hover_content .hover_data .desc-text { color: #ffffff; font-size: 28px; font-weight: 600; margin-top: 15px; letter-spacing: 2px; text-transform: uppercase; } .hover_content { text-align: center; } .hover_data .title { color: #fff; font-size: 40px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; } .hover_data .desc-text { color: #ffffff; font-size: 15px; font-weight: 400; margin-top: 11px; letter-spacing: 2px; text-transform: uppercase; } .ample-banner2 .hover_data .title { color: #fff; font-size: 30px; font-weight: 600; text-transform: uppercase; letter-spacing: 0; } .ample-banner2 .hover_data .desc-text { color: #ffffff; font-size: 20px; font-weight: 400; margin-top: 11px; letter-spacing: 2px; text-transform: uppercase; } .shop-now a { background: #fff; color: #222; padding: 7px 20px; text-transform: uppercase; display: inline-block; border-radius: 2px; } .shop-now a:hover, .shop-now a:focus { background: #222; color: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ample-banner1, .ample-banner2 { position: relative; } /* ample-subbanner CMS */ .ample-banner-block { margin-bottom: 15px; margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } .ample-subbanner1 { overflow: hidden; position: relative; width: 49.4%; margin-bottom:10px; text-align:center; } .ample-subbanner2 { overflow: hidden; position: relative; width: 49.4%; margin-top:10px; text-align:center; } .ample-subbanner1 a, .ample-subbanner2 a { display: block; position: relative; } .ample-subbanner1:before, .ample-subbanner2:before { content: ""; position: absolute; background-color: rgba(0,0,0,0.21); height: 100%; width: 100%; transition: all 0.3s ease; z-index: 9; left: 0; right: 0; } .ample-subbanner1:hover > a:before, .ample-subbanner2:hover > a:before { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; } .ample-subbanner2 img, .ample-subbanner1 img { transition: all 0.5s ease; height:100%; max-height:400px; object-fit:cover; } .ample-subbanner2:hover img, .ample-subbanner1:hover img { transform: scale(1.125); } .text-block { position: absolute; transform: translate(-35%,-50%); text-align: left; left: 6%; top: 33%; z-index: 99; transition: all 0.3s ease; } .text1 a { color:white; font-size: 28px; font-weight: 900; text-transform: uppercase; margin-bottom: 10px; transition: all 0.3s ease; } .text2 a { font-weight: 800; color: #fff; font-size: 19px; text-transform: uppercase; margin-bottom: 10px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .text3 a { text-transform: uppercase; padding: 5px 10px; background: #b5012a; display: inline-block; color: #fff; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .text3 a:hover, .ample-subbanner2 .text3 a:hover { background: #222; } .ample-subbanner2 .text3 a { background: #ff7474; } /****************************************** 16. Category area ******************************************/ .product-img { position: relative; } .product-img a { display: block } .product-img > a::before { content: ""; height: 100%; opacity: 0; position: absolute; transition: all 0.3s ease 0s; width: 100%; z-index: 9 } .ample-product:hover a::before { opacity: .6 } img.secondary-img { left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; } .ample-product:hover img.secondary-img { opacity: 1; } .ample-product-action { bottom: 10px; opacity: 0; position: absolute; right: -137px; transition: all 0.3s ease 0s; visibility: hidden; z-index: 10 } .ample-product:hover .ample-product-action { right: 10px; opacity: 1; visibility: visible } .ample-extra-link { float: right; overflow: hidden; } .ample-extra-link a:hover, .button-cart button:hover { background: #fe4847; color: #fff } .button-cart { clear: both; display: block; overflow: hidden; } .button-cart button { background: #fff none repeat scroll 0 0; border: 0 none; color: #333333; height: 36px; line-height: 36px; margin-top: 5px; padding: 0 12px; text-transform: uppercase; transition: all 0.3s ease 0s; } .button-cart button i { margin-right: 7px; } .ample-category-area a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { float:unset; } .ample-product-content h3 { font-weight: 500; font-size: 16px; color: #b5012a; } .ample-product-wrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; width:100%; } .ample-category-area .ample-product { width: 24%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .ample-category-area .ample-product .product-img { width:49%; } .ample-category-area .ample-product .product-img img { width:100%; height:100%; object-fit:cover; } .ample-category-area .ample-product-action{ opacity: 1; position: static; visibility: visible; } .ample-category-area .ample-extra-link a { border: 1px solid #ccc; color: #666; float: left; height: 30px; line-height: 28px; margin-right: 6px; margin-top: 0; width: 30px; text-align: center; margin: 5px 5px; } .ample-product-content { padding: 15px 0; text-align:left; width:49%; } .ample-product-content .regular-price .price{ border:none; } .ample-category-area .ample-extra-link { float: left; } .ample-category-area .button-cart button i { margin-right: 0; } .ample-category-area .button-cart button { background-color: #b5012a; padding: 0; text-align: center; width: 35px; border: 1px solid #b5012a; color: #fff; height: 30px; width: 30px; line-height: 28px; font-size: 14px; border-radius: 0px; margin: 5px 4px 0 0px; } .ample-category-area .button-cart { clear: inherit; float: left; } .ample-category-area .ample-extra-link a:hover, .ample-category-area .button-cart button:hover { background: #0062bd none repeat scroll 0 0; border-color: #0062bd; color: #fff; } .ample-single-cat { background-color: #fff; overflow: hidden; } .ample-single-cat .item-price{ border:unset; } .cat-more { border-top: 1px solid #ddd; margin-top: 20px; padding-top: 10px; text-align: center; text-transform: uppercase; } .cat-more a { color: #666; font-weight: 600; } .cat-more a:hover { color: #FE4847 } .ample-cat-margin { margin-top: 22px; } .cat-title { color: #333333; font-size: 16px; font-weight: 500; margin-bottom: 20px; padding-bottom: 5px; position: relative; text-transform: uppercase; } .ample-single-cat .page-header { border-bottom: 2px #ddd solid; margin-top: 0px; margin-bottom: 20px; } .ample-single-cat .page-header h2 { font-size: 21px; text-transform: uppercase; color: #333333; background: #fff; display: inline-block; margin-top: 0px; letter-spacing: 0.5px; line-height: normal; position: relative; font-weight:800; } .ample-single-cat .page-header h2:before{ content: ''; background: #000; display: inline-block; position: absolute; left: 0; bottom: -7px; width: 100%; max-width: 100px; height: 2px; z-index: 0 } /****************************************** 17. Service area ******************************************/ .service-text h2 { color: #333333; font-size: 14px; font-weight: 600; text-transform: uppercase; margin-top: 20px; letter-spacing: 1px; margin-bottom: 12px; } .service-text p { color: #333333; font-size: 13px; padding-bottom: 0; display: inline-block; padding: 0 5px; } .ample-service-area .block-wrapper { color:white; height:130px; } .ample-service-area .block-wrapper ul.info { text-align:left; padding:25px; display:flex; margin:0; justify-content:space-between; align-items:center; } .ample-service-area .block-wrapper ul.info li.icon { width:10%; } .ample-service-area .block-wrapper .text-des { width:80%; } .ample-service-area .block-wrapper ul.top-icon{ text-align: center; margin: 0; padding: 20px 0; display:unset; } .ample-service-area .block-wrapper ul.top-icon li.icon { width:100%; } .ample-service-area .block-wrapper ul.top-icon .text-des { width:100%; } .ample-service-area .block-wrapper li.icon { font-size: 45px; padding:10px 0; } .ample-service-area .block-wrapper .text-des i { font-size: 30px; display: inline-block; margin-left: 5px; } .ample-service-area .block-wrapper.return { background: #ac4ea6; } .ample-service-area .block-wrapper.ship { background: #00aeef } .bottom-service { background-color: #b5012a; } .bottom-service-box .box-outer > div.column:first-child { border-left: 0 none; } .bottom-service-box .service-box-center { padding: 30px 0; text-align: center; } .bottom-service-box .service-box-center .bottom-service-title { color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; transition: all 0.55s ease 0s; } .bottom-service-box .service-box-center:hover .bottom-service-title { letter-spacing: 5px; } .bottom-service-box .service-box-center .description { color: #f8f8f8; font-size: 13px; margin:5px 0; } .bottom-service-box .box-outer > div { border-left: 1px solid rgba(255, 255, 255, 0.2); } .ample-promotion { background: white; z-index: 1; } .ample-promotion .wrap { margin: 0 auto; } .box { margin-bottom: 30px; border: 1px solid none; background-color: white; position: relative; overflow: hidden; } .promotion-center { text-align: center; position: relative; background: #da726f; margin-top: 20px; } .promotion-center .promotion-img { /* vertical-align: middle; */ padding: 15px; } .promotion-center .text_medium { font-weight: 600; font-size: 18px; text-transform: uppercase; color: #fff; line-height: 18px; margin-bottom: 0px; padding:20px 0; } .promotion-center .text_large { padding: 15px 0px; margin: 10px 24%; border: 1px solid white; background: rgba(255, 255, 255, 0.2); font-weight: 700; text-transform: uppercase; color: #fff; letter-spacing: 0px; font-size: 80px; color: #b5012a; position: relative; line-height: 80px; } .promotion-center .theme-color { color: #fff; font-size: 20px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); position: absolute; left: 20px; } .promotion-center .text_small { font-size: 16px; color: #fff; line-height: 18px; padding: 25px 0; } /****************************************** 18. Totop ******************************************/ .totop { background: none repeat scroll 0 0 #fff; border: 2px solid #b5012a; bottom: 40px; color: #000; display: inline-block; height: 40px; line-height: 35px; opacity: 0; overflow: hidden; position: fixed; right: 10px; text-align: center; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; visibility: hidden; white-space: nowrap; width: 40px; z-index: 100 } .totop:before { content: "\f062"; font-family: FontAwesome; font-size: 18px } .totop.totop-is-visible, .totop.totop-fade-out, .no-touch .totop:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s } .totop.totop-is-visible { visibility: visible; opacity: 1 } .no-touch .totop:hover { background-color: #b5012a; opacity: 1; color: #fff; } /****************************************** 19. footer ******************************************/ footer { padding:25px 0; overflow: hidden; background:#1e1c1c; } footer h3 { font-size: 18px; margin: 0 0 6px; padding: 0 0 6px; letter-spacing: 1px; color:white ; text-align:center; text-transform: uppercase; } footer .footer-links ul { margin: 0px; padding: 0px; } footer .footer-links ul li { list-style-type: none; padding: 0px 0 8px; } footer .footer-links ul li a:before { content: "\f105"; font-family: FontAwesome; font-size: 14px; display: inline-block !important; cursor: pointer; line-height: 20px; margin-right: 5px } footer .footer-links ul li a { transition: all .3s ease-in-out 0s } footer .footer-links ul li a:hover { transition: all .3s ease-in-out 0s; padding-left: 10px; color: #b5012a } footer bdi { color: #d94f4f; margin-bottom: 15px; display: inline-block; font-size: 14px; } footer .product-title{ font-size:15px; color: #e0e0e0; } footer ul.product_list_widget{ text-align:left; } footer ul.product_list_widget li{ margin-bottom:10px !important; padding-left: 5px !important; } footer ul.product_list_widget li img { width:55px !important; } footer ul { margin: 0; padding: 0; text-align:center; } footer ul li a { color: #fff; } footer ul li{ padding:10px 0; } .footer-logo { text-align: left; margin: 0px 0 12px; display: block; } .footer-logo p { display: block; } .email .fa-envelope:before { font-size: 13px; color: #666; height: 35px; width: 35px; line-height: 32px; display: inline-block; font-style: normal; text-align: center; margin-right: 5px; margin-bottom: 8px; border-radius: 30px; border: 1px solid #eaeaea; border-radius: 25px; background: #fafafa; } footer.comment-meta { background: unset; padding:5px; } .comment-content { padding: 10px; border: 1px solid #ddd; margin-bottom: 10px; } footer.comment-meta b.fn { font-size: 16px; margin-left: 5px; } .reply a.comment-reply-link{ background: #073658; color: #fff; font-size: 13px; line-height: 1; padding: 5px 15px } .comment-list .comment-body { padding: 15px; margin-bottom: 20px; background: #f2f2f2; border-top: 2px solid #ccc; } .footer-content .address { line-height: 1.5em; } .address i { float: left; } .address .fa-map-marker:before { font-size: 15px; color: #666; height: 35px; width: 35px; line-height: 32px; display: inline-block; font-style: normal; text-align: center; margin-right: 5px; margin-bottom: 8px; border-radius: 30px; border: 1px solid #eaeaea; background: #fafafa; } footer .phone .fa-phone:before { border: 1px solid #eaeaea; border-radius: 25px; color: #666; display: inline-block; font-size: 15px; font-style: normal; height: 35px; line-height: 34px; margin-right: 5px; margin-bottom: 8px; text-align: center; width: 35px; background: #fafafa; } .footer-content p { display: inline-block; padding-left: 5px; width: 80%; } .footer-newsletter { padding: 25px 0px 10px; text-align: left; margin-bottom: 30px; border-bottom: 1px #eee solid; } .newsletter-inner { display: inline-block; margin-top: 15px; } .footer-newsletter h3 { margin-top: 12px; font-size: 16px; font-weight: 600; margin-bottom: 0px; border: none; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 15px; } .footer-newsletter p { font-size: 13px; font-weight: 400; color: #666; text-align: left; text-transform: none; margin-top: 8px; } .footer-newsletter .newsletter-email { float: left; font-size: 13px; font-weight: 400; border: 1px solid #eaeaea; background: #fff; color: #666; padding: 10px 12px; width: 310px; padding-left: 20px } .footer-newsletter .email { text-transform: none; float: left } button.subscribe:before { content: "\f0e0"; font-family: FontAwesome; font-size: 13px; padding-right: 8px } .footer-newsletter .subscribe { text-transform: uppercase; font-size: 14px; font-weight: 500; float: left; color: #fff; text-decoration: none; background: #000000; padding: 11px 25px 11px 18px; border: 0px #000000 solid; } .footer-newsletter .subscribe:hover { border: 0px #b5012a solid; background: #b5012a; } .social ul.inline-mode li a:before { content: "" } .social ul.inline-mode li a { border: 0px solid #666; border-radius: 0px; color: #fff; font-size: 14px; height: 36px; line-height: 36px; width: 36px; display: inline-block; text-align: center } .social .fb a:hover, .social .tw a:hover, .social .googleplus a:hover, .social .rss a:hover, .social .instagram a:hover, .social .linkedin a:hover { background: #000000 } .social .fb a { background: #3C5B9B } .social .tw a { background: #359BED } .social .googleplus a { background: #E33729 } .social .rss a { background: #FD9F13 } .social .instagram a { background: #3f729b } .social .linkedin a { background: #027ba5 } .social h4 { margin: 25px 0 5px } .social { margin-top: 5px; } .social ul { margin: 0; list-style: none; } .social ul li { margin-left: 7px; display: inline-block } .social ul li:first-child { margin-left: 0px; } .social a { transition: background 400ms ease-in-out; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out } .payment { margin-top: 10px; margin-bottom:10px; display: inline-block; width: 100%; text-align: right; } .payment ul { padding: 0px; margin: auto; } .payment li { display: inline-block; list-style: none; margin-right: 6px } .footer-coppyright { padding-bottom: 8px; border-top: 1px solid #eaeaea; margin-top: 20px; } .coppyright { padding-top: 14px } /****************************************** 20. Main menu ******************************************/ nav { height: 50px; position: relative; margin: auto; display: inline-block; } .modal-backdrop { z-index: 100; } /****************************************** 21. Toolbar ******************************************/ .toolbar { margin: 0 0 10px; display: inline-block; width: 100%; } .toolbar .sorter { margin-top: 2px } .sorter .short-by { float: right; margin: 0; padding-left: 12px } .toolbar.column .sorter .short-by.page { float: left; margin: 0; padding-left: 0; margin-bottom: 10px; } .toolbar label { color: #666; font-size: 14px; font-weight: 300; line-height: 30px; text-transform: capitalize } .sorter .short-by select { border: 0 none; display: inline-block; font-size: 14px; height: 30px; margin: 0; padding: 0 14px; vertical-align: middle; width: 110px; border: 1px #eee solid; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-repeat: no-repeat; padding-right: 28px; text-indent: 0.01px; text-overflow: ''; cursor: pointer } .sorter .short-by.page select { width: 65px } .view-mode { float: left; margin-top: 5px; } .view-mode ul { padding: 0px; margin: 0 } .view-mode ul li { float: left; padding: 4px 5px 4px 0; list-style: none } .view-mode ul li a { color: #959595; font-size: 18px; line-height: 28px; font-weight: normal; background-color: #f8f8f8; border: 1px #eee solid; width: 30px; height: 30px; padding: 8px 12px 4px; } .view-mode ul li:last-child { border: none; margin-left: 5px; padding-right: 0px } .view-mode li.active a { color: #b5012a } .shop .product-des .color ul li { border: 0 none; display: inline-block; float: none; margin-right: 5px; margin-top: 10px } .shop .product-des h2 { line-height: 18px; margin: 0 0 5px } .pagination-area { background: rgba(0,0,0,0) none repeat scroll 0 0; border-top: 1px solid #eee; margin: 10px 0 0; padding-top: 20px; text-align: center; display: inline-block; width: 100% } .pagination-area ul { margin-bottom: 0px } .pagination-area ul li { background: #f5f5f5; color: #393939; display: inline-block; font-size: 12px; font-weight: 700; height: 30px; line-height: 30px; margin: 0 0 0 5px; width: 30px; border-radius: 0px } .pagination-area ul li a { border: 1px solid #e0e0e0; color: #363636; display: block; font-size: 12px; font-weight: 700; height: 30px; width: 30px; text-decoration: none; border-radius: 0px; transition: all .4s ease-out .2s } .pagination-area ul li a:hover { background: #000000; border: 1px solid #000000; color: #fff; } .pagination-area ul li a.active { background: #b5012a; border: 1px solid #b5012a; border-radius: 0px; color: #fff; transition: all .4s ease-out .2s } /****************************************** 22. Filter price ******************************************/ .filter-price { margin: auto 15px 25px } .filter-price p { margin: 0 0 10px } .filter-price p input { border: 0 none; color: #000000; font-weight: 700; height: 30px; line-height: 30px; background: inherit } .filter-price a { border-bottom: 2px solid #f7505a; color: #f7505a; display: inline-block; line-height: 20px; margin: 0 0 20px; padding: 0; text-transform: uppercase } .filter-price .ui-slider-horizontal { height: 6px } .filter-price .ui-widget-header { background: #000000; border: 0px; color: #fff; height: 6px } .filter-price .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-radius: 0px } .filter-price .ui-slider .ui-slider-handle { background: #fff none repeat scroll 0 0; border: 2px solid #b5012a; cursor: pointer; height: 18px; position: absolute; width: 18px; z-index: 2; border-radius: 100% } .filter-price .ui-slider-horizontal .ui-slider-handle { top: -6px } .manufacturer-area { margin-bottom: 12px } .manufacturer-area ul li { padding-bottom: 5px; } .layered-Category { margin-bottom: 18px } button.button { display: inline-block; border: 0; background: #b5012a; padding: 6px 16px; font-size: 12px; border: 2px solid #b5012a; font-weight: 500; text-align: center; white-space: nowrap; color: #fff; font-weight: normal; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px } button.button:hover { background: #000000; border: 2px solid #000000; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; color: #fff } button span { text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } /****************************************** 23. breadcrumbs ******************************************/ .breadcrumbs { padding: 6px 0px; margin: auto; font-size: 11px; background-color: #fff; border-bottom: 2px solid #eaeaea; width:100%; position: relative; } .breadcrumbs:after{ content:''; position:absolute; bottom:-1px; border-bottom: 2px solid orange; width:8%; } h2.trail-browse { text-transform: capitalize; font-weight: 600; } .breadcrumbs a { color: #666 } .breadcrumbs span { display: inline-block; margin: 0 5px 0 5px; color: #666; font-size: 13px } .breadcrumbs ul { margin: 0px; padding: 0px; } .breadcrumbs ul li { list-style-type: none; display: inline; font-size:15px; margin-bottom:20px; } .breadcrumbs ul li:after { content: '\f101 '; font-family: FontAwesome; } .entry-detail { margin-top: 20px; width: 100%; justify-content: space-between; flex-wrap: wrap; } .entry-detail .page-title h1{ color:#404040; font-weight:600; text-transform: uppercase; } .entry-detail .page-title span{ font-size:14px; color: #888; position:relative; } /****************************************** 24. sidebar ******************************************/ .sidebar .block { margin-bottom: 30px; border: 1px #eaeaea solid; background-color: #fff; } /*24.1 category sidebar*/ .category-sidebar { background: #fff; margin-bottom: 25px; border: none; margin-top: 10px; display: none; } .category-sidebar .block-title:before { content: '\f0c9'; font-family: FontAwesome; margin-right: 4px } .category-sidebar .product-categories { padding: 8px 12px; margin: auto } .category-sidebar ul.product-categories ul { margin: 0; padding: 0 } .category-sidebar .product-categories li { padding: 8px 0px 10px 14px; position: relative; border-bottom: 1px solid #ececec } .category-sidebar .product-categories li:last-child { border-bottom: none } .category-sidebar .product-categories li a { font-weight: normal; font-size: 13px; color: #222; font-family: "Roboto", sans-serif } .category-sidebar .product-categories li a:hover { color: #1bbaaf } .category-sidebar .product-categories li.current-cat a { font-weight: 600; font-size: 13px; color: #000000 } .category-sidebar .product-categories li.current-cat ul li a { border-bottom: 0 solid #eaeaea; color: #666; font-size: 13px; font-weight: 400; padding: 2px } .category-sidebar .product-categories li.current-cat ul li a:hover { color: #1bbaaf } .category-sidebar .product-categories li ul li { padding: 5px 0px 5px 10px; list-style: none } .category-sidebar .product-categories li ul li { border-bottom: none; list-style: none } .sidebar li { list-style: none; border-bottom: 1px dotted #ddd; margin-bottom: 15px; margin-top:20px; padding-bottom:5px; } .sidebar li:last-child{ border:none; } .sidebar li a{ color:#074c79; } .sidebar li a:hover{ color:red; } .category-sidebar .product-categories li ul li a { border-bottom: 0 solid #EAEAEA; font-weight: 400; font-size: 13px; margin: 0; padding: 6px 3px; text-decoration: none; color: #666; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s } .category-sidebar .product-categories li .count { display: none } .category-sidebar .product-categories { overflow: auto; padding: 8px 0px 0; border: 1px solid #eee } .category-sidebar .cat-item.cat-parent:hover { cursor: pointer } .category-sidebar .cat-item.cat-parent:after { content: ""; color: #555; font-size: 12px; position: absolute; right: 5px; top: 8px; height: 24px; width: 24px; vertical-align: top; text-align: center; font-family: FontAwesome; font-weight: normal; background-repeat: no-repeat } .category-sidebar .cat-item.cat-parent.open-cat:after { content: ""; color: #555; font-size: 14px; position: absolute; right: 5px; top: 6px; border-radius: 3px; height: 24px; width: 24px; vertical-align: top; text-align: center; font-family: FontAwesome; font-weight: normal; background-repeat: no-repeat } .category-sidebar .cat-item.cat-parent.current-cat-parent.close-cat:after { content: ""; color: #555; font-size: 12px; position: absolute; right: 5px; top: 8px; border-radius: 3px; height: 24px; width: 24px; vertical-align: top; text-align: center; font-family: FontAwesome; font-weight: normal; background-image: url(../images/plus-d2.png); background-repeat: no-repeat } .category-sidebar .cat-item.cat-parent.current-cat-parent:after { content: ""; color: #555; font-size: 14px; position: absolute; right: 5px; top: 6px; border-radius: 3px; height: 24px; width: 24px; vertical-align: top; text-align: center; font-family: FontAwesome; font-weight: normal; background-repeat: no-repeat } .category-sidebar .cat-item.cat-parent.current-cat:after { content: ""; color: #555; font-size: 16px; position: absolute; right: 5px; top: 6px; border-radius: 3px; height: 24px; width: 24px; text-align: center; font-family: FontAwesome; font-weight: normal; background-repeat: no-repeat } .category-sidebar .cat-item.cat-parent.current-cat.open-cat:after { content: ""; color: #555; font-size: 12px; position: absolute; right: 5px; top: 8px; border-radius: 3px; height: 24px; width: 24px; vertical-align: top; text-align: center; font-family: FontAwesome; font-weight: normal; background-repeat: no-repeat } .category-sidebar .sidebar-title { font-size: 16px; margin: 0; padding: 12px 14px; text-transform: uppercase; background-color: #b5012a; } .category-sidebar .sidebar-title h3 { margin: auto; font-size: 15px; letter-spacing: 1px; } /*24.2 sidebar cart*/ .sidebar-cart .block-content { padding: 14px } .sidebar-cart .amount { margin-bottom: 15px; border-bottom: 1px #eaeaea solid; padding-bottom: 4px } button.button-compare { padding: 6px 12px; color: #fff; } button.button-checkout { color: #fff; background-color: #222; border-color: #222; } .sidebar-cart .mini-products-list .product-details .nobr { white-space: normal !important } .sidebar-cart .summary { margin: 0; padding: 0; position: relative; z-index: 1 } .sidebar-cart .subtotal { margin: 0; padding: 8px 10px; text-align: left; margin-bottom: 8px; margin-top: 10px; background: #f5f5f5 } .sidebar-cart .block-content .summary .subtotal .label { padding: 2px 0; color: #000000; font-size: 13px; font-weight: 700 } .sidebar-cart .subtotal .price { font-size: 15px; font-weight: bold; float: right } .cart-checkout { border: 0 none; margin: 0; padding: 5px 0 5px; text-align: left; margin-bottom: 0px } .cart-checkout a { border: 0px #dc436b solid; background: #323C46; text-shadow: 0 1px 0 #000000; border-radius: 2px; color: #FFFFFF; font-size: 11px; padding: 8px 12px; text-transform: uppercase; border-radius: 0px } .cart-checkout a:hover { border: 0px #111 solid; background: #222; padding: 6px 10px; text-shadow: 0 1px 0 #000000; border-radius: 2px; color: #FFFFFF; font-size: 11px; cursor: pointer } .sidebar-cart .block-content ul li .product-details { float: right; width: 68% } .sidebar-cart ul li.item { border-bottom: 1px solid #ECECEC; margin-bottom: 10px; padding-bottom: 10px; position: relative; display: inline-block } .sidebar-cart ul li.item img { width: 65px } .sidebar-cart ul li.item.last { border-bottom: none; margin-bottom: 5px; padding-bottom: 5px } .sidebar-cart .block-content ul li a.product-image { display: inline } .sidebar-cart .block-content ul li a.product-image img { border: 1px solid #ECECEC } .sidebar-cart .block-content ul li .product-name { margin: 0 0 2px; font-size: 13px; padding-right: 15px; } .sidebar ul, .sidebar ol { margin: 0px; padding: 0px } .sidebar-bar-title { font-size: 14px; margin: 0; padding: 15px; text-transform: uppercase; background-color: #b5012a; border-bottom: 1px solid #eee } .sidebar-bar-title h3 { font-size: 14px; letter-spacing: 1px; display: inline-block; padding-bottom: 0px; margin: auto; color: #fff; font-weight:600; } .banner4 { margin-bottom: 30px; width: 270px; height: 200px; } .banner4 img{ width:100%; height:100%; } /*24.3 product price range*/ .product-price-range .block-content { padding: 28px 15px 10px } .product-price-range .amount-range-price { padding: 15px 0 } .product-price-range .slider-range-price { height: 7px; background: #b5012a; border: none; border-radius: 0px } .product-price-range .slider-range-price .ui-widget-header { background: #000000; height: 7px } .product-price-range .slider-range-price .ui-slider-handle { border: 1px #666 solid; background: #b5012a; cursor: pointer } .check-box-list { overflow: hidden } .check-box-list li { line-height: 24px } .check-box-list label { display: inline-block; cursor: pointer; line-height: 12px } .check-box-list label:hover { color: #b5012a } .check-box-list input[type="checkbox"] { display: none } .check-box-list input[type="checkbox"]+label span.button { display: inline-block; width: 12px; height: 12px; margin-right: 6px; background: url("../images/checkbox.png") no-repeat; padding: 0; border: none } .check-box-list input[type="checkbox"]:checked+label span.button { background: #b5012a url("../images/checked.png") no-repeat center center } .check-box-list input[type="checkbox"]:checked+label { color: #b5012a } .check-box-list label span.count { color: #666; margin-left: 2px } /*24.4 filter color*/ .filter-color ul { padding: 0; margin: 0; overflow: hidden; margin-left: -5px; margin-right: -5px; margin-top: -5px } .filter-color li { display: inline; padding: 0; margin: 0; line-height: normal; float: left; padding: 5px } .filter-color li label { border: 1px solid #eaeaea; width: 20px; height: 20px; padding-top: 6px; padding-left: 6px; float: left } .filter-color li input[type="checkbox"]+label span.button { background: none; margin: 0 } .filter-color li input[type="checkbox"]:checked+label { border-color: #ff3366 } .filter-size { max-height: 200px; overflow-y: auto } .filter-size li { width: 50%; float: left } h2.saider-bar-title { color: #000000; display: block; font-size: 13px; font-weight: 700; border-bottom: 1px #eaeaea solid; margin-bottom: 14px; padding-bottom: 5px } /*24.5 shop by*/ .shop-by-side { border: 1px solid #eee; background: #fff; margin-bottom: 25px } .shop-by-side .block-content { padding: 14px } .color-area { margin-bottom: 18px; overflow: hidden } .color ul li { border: 0 none; float: left; margin-right: 5px } .color ul li a { clear: both; background: #000000; float: left; font-size: 11px; font-weight: 700; text-transform: uppercase; height: 20px; width: 20px; border: 1px solid #e0e0e0 } .color ul li:nth-child(2) a { background: #e32b00 } .color ul li:nth-child(3) a { background: #ff9000 } .color ul li:nth-child(4) a { background: #8BC44A } .color ul li:nth-child(5) a { background: #10b9b9 } .color ul li:nth-child(6) a { background: #FFFFFF } .size-area { margin-bottom: 8px; overflow: hidden } .size li { border: 0 none; float: left; margin-right: 5px } .size li a { border: 2px solid #eaeaea; padding: 3px 10px; color: #666; float: left; font-size: 11px; font-weight: 700; text-transform: uppercase; text-decoration: none } .size li a:hover { border-color: #b5012a } /*24.6 compare */ .compare .block-content { padding: 14px } ol#compare-items li a.product-name { font-size: 13px; padding: 0 3px; margin: 0; font-weight: normal; line-height: 20px; text-transform: none; display: inline-block; width: 90% } ol#compare-items li { margin: 0; padding: 0 0 10px; position: relative; border-bottom: 1px solid #eee; margin-bottom: 10px; background: none } ol#compare-items li:last-child { border-bottom: none; margin-bottom: 5px; } button.button-compare { padding: 6px 12px; } button.button.button-clear { border: 2px solid #000000; background: #fff; color: #000000; padding: 6px 12px; } button.button.button-clear:hover { background: #000000; color: #fff; border: 2px solid #000000; } /*24.7 popular tags */ .popular-tags-area .tag li a:hover { background: #b5012a; color: #fff } .popular-tags-area .tag { padding: 10px 15px 20px } .tag li { display: inline-block; line-height: 28px; margin: 5px 5px 0 0 } .tag li a { background: #efefef none repeat scroll 0 0; color: #838383; display: block; padding: 0 8px; text-decoration: none } .single-img-add { display: inline-block; text-shadow: none; margin-bottom: 25px; width: 100%; overflow: hidden } .single-img-add h3 a { text-shadow: none; color: #fff } .single-img-add h3 { font-size: 20px; padding-top: 12px } .single-img-add a.info { display: inline-block; float: none; margin-top: 5px } .single-img-add .carousel-indicators { display: none } /*24.8 Add banner*/ #carousel-example-generic { background: #fff!important; padding: 5px; border: 1px solid #eee; display: inline-block; width: 100%; } #carousel-example-generic .carousel-control.left { background: none; display: none } #carousel-example-generic .carousel-control.right { background: none; display: none } #carousel-example-generic .carousel-inner { margin: 0 } #carousel-example-generic .carousel-caption { width: 100%; left: 0; right: 0; background: rgba(0,0,0,0.3); padding: 0; bottom: 0; padding-bottom: 18px; text-align: center; text-shadow: none; display: none; } .oe_overlay { background: #000000; opacity: 0.7; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; display: block } /*24.9 Special product*/ .special-product .products-block-left { width:50%; display:inline-block; } .special-product .products-block-right { vertical-align:middle; display:inline-block; width:48%; } .special-product .products-block-right p { margin: 0px 0px 6px; line-height: 1.4em; } .special-product .block-content { padding: 14px; } .special-product ul li { display: inline-block; border-bottom: 1px #eaeaea solid; width: 100%; padding-bottom: 12px; margin-bottom: 12px; } .special-product ul li:last-child { border: none; margin-bottom: 0px; padding-bottom: 5px; } .special-product a.link-all { background: #b5012a; color: #fff; font-size: 12px; padding: 6px 16px; border: none; cursor: pointer; display: inline-block; border: 2px solid #b5012a; font-weight: 600; border-radius: 0px; text-transform: uppercase; } /****************************************** 25. category description ******************************************/ .category-description { margin-bottom: 30px; } /****************************************** 26. products grid ******************************************/ .shop-inner { margin-bottom: 30px; } .products-grid { margin: 0; list-style: none } .shop-inner .page-title h2 { border-bottom: 2px solid #e0e0e0; display: inline-block; font-size: 20px; letter-spacing: 0.5px; line-height: normal; margin: 0 0 10px; outline: medium none; padding: 0 0 6px; position: relative; text-transform: uppercase; width: 100%; z-index: 1; } ul.products-grid { padding: 0; margin: 0 } .products-grid .item { margin-top: 0px; padding: 0px } .col-main .product-grid-area .products-grid { margin-left: -12px; margin-right: -12px } /****************************************** 27. products list ******************************************/ .products-list h2 { font-size: 16px; font-weight: bold; text-align: left; line-height: normal; margin-bottom: 8px; } ul.products-list { margin: auto; } ul.products-list .sale-left { left: 0px; top: 0px; } .products-list .item { padding: 0; margin: 15px 0 10px; border-bottom: 1px solid #eee; padding-bottom: 15px; list-style: none; display: inline-block; width: 100%; } .products-list .item:last-child { margin: 15px 0 0px; border-bottom: 0px solid #eee; padding-bottom: 5px; } .products-list .rating { display: inline-block; margin-right: 6px } .products-list .rating-links { display: inline-block; margin-bottom: 4px } .products-list .rating-links a { font-size: 11px; } .products-list .item h3 { font-weight: normal; color: #353535; padding-bottom: 2px } .products-list .item h3 a { font-weight: normal; font-size: 14px; color: #407CBF; text-decoration: none } .products-list .item h3 a:hover { font-weight: normal; font-size: 14px; color: #000000; text-decoration: underline } .products-list .product-img { position: relative; padding-left: 0; width: 30%; float: left; } .products-list .product-img img { width: 100%; } .products-list .product-shop { width: 67%; float: right; } .products-list .product-shop .desc { font-size: 14px; margin-bottom: 15px; margin-top: 5px; color: #666 } .products-list .product-shop p { font-size: 14px; color: #666; line-height: 1.5em } .products-list .product-shop p.old-price { margin-right: 4px } .products-list .product-shop .price-box { margin: 5px 0 10px; border-top: 1px solid #eee; padding-top: 12px; } .products-list .desc a.link-learn { font-size: 13px; font-weight: bold; margin-top: 5px; color: #b5012a } .products-list .product-shop button.button span { font-size: 12px; padding: 1px 0 0 10px; text-transform: uppercase } .products-list .product-shop .actions ul { display: inline-block; margin-top: 8px } .products-list .product-shop .actions ul li { margin-right: 20px; display: inline-block } .products-list .product-shop .actions ul li a { text-transform: uppercase; font-size: 12px } .products-list .product-shop .actions ul li:last-child a { border-left: 1px solid #e5e5e5; padding-left: 21px } .products-list .product-shop .actions ul li:last-child { margin-right: 0px } .products-list .product-shop .actions ul li span { margin-left: 5px } /****************************************** 28. price box ******************************************/ .price { font-size: 14px; color: #fe0100; white-space: nowrap !important; font-weight:600; } .item-price { border-top: 1px solid #eeeeee; } section#ample-shop-hotel-room-post-widget-2 .item-price span.regular-price { width:unset; } .regular-price .price { font-weight: bold; font-size: 16px; color: #fe0100; display: inline-block; padding: 14px; } .block .regular-price, .block .regular-price .price { color: #000000 } .price-box .price-from .price { font-weight: 900; font-size: 14px; color: #000000 } .price-box .price-to .price { font-weight: 900; font-size: 14px; color: #000000 } .price-box .minimal-price .price { font-weight: 900; font-size: 14px; color: #000000 } .old-price .price-label { white-space: nowrap; color: #999; display: none } .old-price { display: inline; margin-right: 15px } .old-price .price-label { color: #777777; display: none; white-space: nowrap } .old-price .price { color: #777777!important; font-size: 15px; font-weight: normal; text-decoration: line-through; margin-left: 6px } .special-price { margin: 0; padding: 3px 0; display: inline } .special-price .price-label { color: #666; display: none; font-size: 13px; font-weight: 400; white-space: nowrap } .special-price .price { font-size: 16px; color: #fe0100; font-weight: bold } .special-price .price-label { font-size: 13px; font-weight: 900; white-space: nowrap; color: #666; display: none } .minimal-price { margin: 0 } .minimal-price .price-label { white-space: nowrap } .minimal-price-link { display: inline } .colblock-4 .box-hover { padding-top:10px; } .colblock-4 .action.add-to-cart span { padding: 5px 10px; border: 1px solid; } .colblock-4 .action.add-to-cart span:hover{ background:#b5012a; color:#fff; } /****************************************** 29. products view ******************************************/ .large-image img { max-width: 100%; height: auto } .product-view-area .product-img-box .product-image { margin: 0 0 13px; position: relative; overflow: hidden } .magnifier img { max-width: inherit } .product-big-image { position: relative; padding: 0px; } .product-big-image .sale-left, .product-big-image .new-left { left: 0px; top: 0px; } .product-view-area { margin: auto; position: relative; z-index: 0; margin: 10px 15px; } .product-view-area .flexslider-thumb { max-width: 455px; padding: 22px 62px; position: relative; border-top: 1px #e5e5e5 solid } .product-view-area-compact .flexslider-thumb { margin: 17px auto 0 } .product-view-area .flexslider-thumb .flex-viewport { z-index: 10 } .product-view-area .flexslider-thumb .flex-direction-nav { top: 30%; left: 0; width: 100%; z-index: 9 } .product-view-area .flexslider-thumb .flex-prev { position: absolute; left: 20px; top: 8px; border: 1px #e5e5e5 solid; background: #fff; width: 32px; height: 32px; line-height: 28px; text-align: center; font-size: 11px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s } .product-view-area .flexslider-thumb .flex-direction-nav a:hover { background-color: #b5012a; color: #fff; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s } .product-view-area .flexslider-thumb .flex-next { position: absolute; right: 20px; top: 8px; border: 1px #e5e5e5 solid; background: #fff; width: 32px; height: 32px; line-height: 28px; text-align: center; font-size: 11px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s } .product-view-area .flexslider-thumb li img { cursor: pointer; -moz-user-select: none; border: 1px #e5e5e5 solid; padding: 2px } .product-view-area .previews-list { padding: 0; list-style-type: none; text-align: center } .product-view-area .previews-list li { margin-right: 15px; padding: 0; float: none; display: inline-block } .product-view-area .flexslider-thumb-vertical-outer { margin: 0 10px 15px 0; width: 76px; float: left; position: relative; z-index: 1 } .product-view-area .flexslider-thumb-vertical .flex-viewport { height: 300px !important } .product-view-area .flexslider-thumb-vertical .slides { margin: -4px 0 0; padding: 0; list-style-type: none } .product-view-area .flexslider-thumb-vertical .slides li { margin: 0; padding: 0; overflow: hidden } .product-view-area .flexslider-thumb-vertical .slides li img { width: 100%; padding: 4px 0; cursor: pointer; -moz-user-select: none } .flex-direction-nav, .slider-controls { -webkit-transform: translate3d(0, 0, 0) } .product-view-area li { list-style: none } .product-color-size-area { display: inline-block; width: 100%; margin-bottom: 8px } .product-color-size-area .color-area { display: inline-block; width: 40%; float: left; margin-right: 18px } .product-color-size-area .size-area { display: inline-block; width: 40% } .product-view-area .product-details-area { margin-top: 0; z-index: -9; padding: 0px 0px 20px 22px; } .product-view-area .product-name h1 { font-size: 38px; margin: 0 0 18px; text-align: left; line-height: normal; padding-bottom: 4px; letter-spacing: normal; font-weight: bold; border-bottom: 1px solid #e5e5e5; text-transform: uppercase; letter-spacing: 1px; } .product-view-area .short-description { font-size: 13px; padding-top: 12px; border-top: 1px solid #e5e5e5; margin-bottom: 15px } .product-view-area .short-description h2 { font-size: 15px; text-transform: uppercase; color: #000000; margin-bottom: 5px; font-weight: bold } .product-view-area .short-description p { font-size: 14px } .product-view-area .product-details-area .ratings { padding: 5px 0 0; margin: auto } .product-view-area .product-details-area .ratings .rating { margin-bottom: 15px; display: inline-block; margin-right: 10px } .product-view-area .product-details-area .ratings .rating i { font-size: 15px } .product-view-area .product-details-area .ratings .rating-links { margin-bottom: 12px; display: inline-block } .availability.in-stock span { color: #fff; background-color: #5cb85c; padding: 5px 12px; border-radius: 0px; font-size: 12px; font-weight: bold } .availability.out-of-stock span { color: #fff; background-color: #d9534f; padding: 5px 12px; border-radius: 0px; font-size: 12px; font-weight: bold } .product-view-area .product-details-area .price-box { display: block; margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid #e5e5e5 } .product-view-area .product-details-area .price-box .old-price { margin-right: 5px; margin-top: 0; display: inline-block } .product-view-area .product-details-area .special-price { display: inline-block; margin: 0; padding: 0 } .product-view-area .product-details-area .old-price .price { font-size: 20px; font-weight: normal; color: #ccc; margin-left: 10px } .product-view-area .product-details-area .price { font-size: 28px; color: #b5012a; font-weight: bold } .cart-plus-minus .qty { border: 1px solid #e0e0e0; color: #000000; float: left; font-size: 18px; font-weight: bold; height: 40px; margin-right: 0; padding: 0 5px 1px; text-align: center; width: 65px } .dec.qtybutton { background-color: #e5e5e5; border: 1px #eaeaea solid; border-right: none; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; color: #000000; font-size: 14px; line-height: normal; padding: 12px 14px 9px 16px; line-height: 18px; display: inline-block; border-radius: 0px; height: 40px; float: left; cursor: pointer } .dec.qtybutton:hover, .inc.qtybutton:hover { background-color: #b5012a; color: #fff } .inc.qtybutton { background-color: #e5e5e5; border: 1px #eaeaea solid; border-left: none; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; color: #000000; font-size: 14px; line-height: normal; padding: 12px 14px 9px 16px; line-height: 18px; display: inline-block; height: 40px; float: left; cursor: pointer } .cart-plus-minus label { display: inline-block; float: left; margin-top: 10px; text-align: left; text-transform: uppercase; font-size: 13px; font-weight: 700; margin-right: 10px } .cart-plus-minus { display: inline-block; float: left; margin-right: 18px } .product-variation { display: inline-block; width: 100%; border-top: 1px #e5e5e5 solid; border-bottom: 1px #e5e5e5 solid; padding: 15px 0px; margin-bottom: 15px } .numbers-row { float: left } .pro-add-to-cart { float: left } button.button.pro-add-to-cart { background: #ff7474; color: #fff; padding: 7px 22px; border: 2px #ff7474 solid; } button.button.pro-add-to-cart:hover { background: #b5012a; border: 2px #b5012a solid; color: #fff; } button.button.pro-add-to-cart span { font-size: 16px } button.button.pro-add-to-cart span i { margin-right: 10px } .email-addto-box { display: inline-block; margin-top: 30px } .product-cart-option ul { margin: auto; display: inline-block } .product-cart-option ul li { border-right: 1px solid #e5e5e5; float: left; margin-right: 15px; padding-right: 15px } .product-cart-option ul li a { color: #636363; display: block; font-size: 11px; font-weight: 700; line-height: 22px; margin: 0; text-align: center; text-decoration: none; text-transform: uppercase } .product-cart-option ul li a:hover, .product-cart-option ul li a:hover i { color: #b5012a } .product-cart-option ul li:last-child { border: none } .product-cart-option ul li a i { color: #bbb; font-size: 14px; margin-right: 8px } .product-cart-option ul li a i.fa.fa-heart { font-size: 12px } .product-overview-tab { margin-top: 5px; margin-bottom: 15px; } /****************************************** 30. products tabs ******************************************/ .product-tabs { line-height: normal; margin: 0; outline: none; padding: 0; position: relative; z-index: 1; border-bottom: 2px solid #e0e0e0; margin-top: 5px; height: 22px; text-align: center; width: 100% } .product-tabs li a { border-bottom: none; color: #666; margin-right: 15px; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 600; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s; padding: 0 20px; letter-spacing: 1px; } .product-tabs li.active a { border: 2px solid #b5012a; border-radius: 0px; background: #b5012a; color: #000000 } #product-detail-tab.nav-tabs>li { float: none; display: inline-block } .table-responsive.reviews-table { overflow: inherit; } .nav-tabs.product-tabs>li>a { line-height: 1.42857143; border-radius: 0px; border: 2px solid #999; padding: 8px 28px; background: #fff } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background: #b5012a; border: 2px solid #b5012a; color: #fff } .nav-tabs>li>a:hover { background: #000000; color: #fff; border: 2px solid #000000 } .tab-content { padding: 5px 0px 0px 0px; overflow: hidden; font-size: 14px; line-height: 20px; margin-top: 20px; margin-bottom: 0px } .tab-content>.active { margin-top: 15px } .form-add-tags input.input-text, select, textarea { border: 2px solid #ddd !important; margin-top: 0; padding: 5px 10px 7px; width: 35%; background: #fff; border-radius: 0px } button.button.add-tags { margin-left: -5px; background: #b5012a; border: 2px solid #b5012a; color: #fff } .form-add-tags { text-align: center } .form-add-tags h2 { text-transform: uppercase; font-size: 14px; font-weight: 600; margin-bottom: 6px } p.note { text-align: center; margin-top: 8px } .reviews-content-left h2, .reviews-content-right h2 { color: #222; font-size: 15px; margin: 0 0 5px; text-transform: uppercase; font-weight: bold } .product-view .box-reviews dl { margin: 15px 0 } .review-ratting { margin: 15px 0 } .review-ratting p { margin: 4px 0 6px; font-weight: bold } .review-ratting p a { color: #b5012a; text-decoration: none } .review-ratting p a:hover { color: #000000 } .review-ratting table tr th, .review-ratting table tr td { font-size: 12px; line-height: 1em; padding: 5px 0 } .review-ratting table tr th { font-weight: bold; padding-right: 8px } .author small { font-style: italic } .reviews-content-right h3 { font-size: 13px; font-weight: normal; color: #222; line-height: 1.35; margin: 0 0 5px } .reviews-content-right h3 span { color: #b5012a } .reviews-content-right h4 { color: #222; font-size: 13px; font-weight: 700; margin: 0 } .reviews-content-right h4 em { color: #ed1c24 } .reviews-content-right table { margin-top: 15px; text-align: center; width: 100% } .reviews-content-right table tr td { border: 1px solid #e5e5e5; padding: 6px 10px; background: #fff } .reviews-content-right table tr th { background: #000000; border: 0 none; color: #fff; padding: 10px; text-align: center } .product-overview-tab .form-area { margin: 15px 0 0 } .product-overview-tab .form-area .form-element input, textarea { background: #fff none repeat scroll 0 0; border: 1px solid #e0e0e0; padding: 5px; width: 60%; height: 34px } .product-overview-tab .form-area .form-element textarea { height: 100px; background: #fff; border: 1px solid #e0e0e0; padding: 5px; border-radius: 0px } .product-overview-tab .buttons-set { border: none; border-top: 1px solid #e5e5e5; margin: 20px 0 0; padding: 8px 0 0; text-align: right } .tag-content .form-element { overflow: hidden } .tag-content .form-element input { height: 40px; width: 299px; float: left; margin-right: 5px } .form-element label, .ck-box label { color: #000000; display: block; font-size: 13px; font-weight: bold; text-transform: capitalize; margin: 10px auto 2px } .form-element label em { color: #f22e3b; font-family: arial; font-style: normal } .upsell-product-area .product-flexslider { margin-bottom: 10px; } .upsell-product-area .page-header h2 { border-bottom: 2px solid #e0e0e0; display: inline-block; font-size: 20px; letter-spacing: 0.5px; line-height: normal; margin: 0px; outline: medium none; padding: 0 0 6px; position: relative; text-transform: uppercase; width: 100%; z-index: 1; } .related-products-pro .product-flexslider { margin-bottom: 10px; } .related-products-pro { margin-top: 30px; } .related-product-area .page-header h2 { border-bottom: 2px solid #e0e0e0; display: inline-block; font-size: 20px; letter-spacing: 0.5px; line-height: normal; margin: 0px; outline: medium none; padding: 0 0 6px; position: relative; text-transform: uppercase; width: 100%; z-index: 1; } .col2-right-layout .product-view-area { margin: 0 } .col2-right-layout .product-view-area .product-details-area { padding: 20px 0 12px } .col2-right-layout .product-view-area .flexslider-thumb { padding: 22px 65px } .product-view-area ul, .product-overview-tab ul { padding: 0px; margin: 0px } .col2-right-layout .product-color-size-area .size-area { width: 45% } .col2-right-layout .nav-tabs.product-tabs>li>a { padding: 8px 20px } .col2-left-layout .product-view-area { margin: 0px; overflow: hidden; } .col2-left-layout .product-view-area .flexslider-thumb { padding: 22px 58px } .col2-left-layout .product-color-size-area .size-area { width: 48% } .col2-left-layout .nav-tabs.product-tabs>li>a { padding: 8px 20px } .page-content { margin-bottom: 30px; overflow: hidden; } .page-content .page-title { padding-bottom: 15px; } .page-title h2 { text-transform: uppercase; font-size: 18px; letter-spacing: 0.5px; } /****************************************** 31. shopping cart ******************************************/ .page-order ul.step { width: 100%; clear: both; overflow: hidden } .page-order ul.step li { display: inline; line-height: 30px; width: 19%; float: left; text-align: center; border: 2px solid #ccc; border-radius: 0px; margin-right: 12px; background: #fff; text-transform: uppercase } .page-order ul.step li:last-child { margin-right: 0px } .page-order ul.step li.current-step { border: 2px solid #e99544 } .page-order .heading-counter { margin: 30px 0; padding: 15px; border: 1px solid #eaeaea; background: #fff } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 0px } .page-order .cart_navigation a.continue-btn { padding: 10px 20px; border: 2px solid #eaeaea; border-radius: 0px; background: #f9f9f9; text-transform: uppercase; font-weight: bold; display: inline-block; margin-bottom: 10px } .page-order .availability { text-align: center } .page-order .product-name { font-size: 16px; margin-bottom: 0px } .page-order .cart_description { font-size: 14px } .page-order .cart_navigation a.checkout-btn { float: right; background: #ff7474; color: #fff; border: 2px solid #ff7474; border-radius: 0px; font-size: 16px; font-weight: bold; text-transform: uppercase; padding: 10px 30px } .page-order .cart_navigation a.checkout-btn:hover { border: 2px solid #b5012a; background: #b5012a } .cart_summary>thead, .cart_summary>tfoot { background: #f7f7f7; font-size: 16px } .cart_summary>tfoot strong { color: #ff6e1f } .cart_summary>thead>th { border-bottom-width: 1px; padding: 20px } .cart_summary td { vertical-align: middle!important; padding: 20px } .cart_summary .table>tbody>tr>td, .table>tbody>tr>th, .cart_summary .table>tfoot>tr>td, .table>tfoot>tr>th, .cart_summary .table>thead>tr>td, .table>thead>tr>th { padding: 10px } .cart_summary img { max-width: 100px } .cart_summary td.cart_product { width: 120px; padding: 15px } .cart_summary .price { text-align: center; font-weight: 600; } .cart_summary .qty { text-align: center; width: 100px } .cart_summary .qty input { text-align: center; max-width: 64px; margin: 0 auto; border-radius: 0px; border: 1px solid #eaeaea } .cart_summary .qty a { padding: 8px 10px 5px 10px; border: 1px solid #eaeaea; display: inline-block; width: auto; margin-top: 5px } .cart_summary .qty a:hover { background: #b5012a; color: #fff } .cart_summary .action { text-align: center } .cart_summary .action a { font-size: 13px; display: inline-block; line-height: 24px } .cart_summary tfoot { text-align: right } .cart_navigation { margin-top: 10px; float: left; width: 100%; } .cart .totals table th, .cart .totals table td { padding: 5px; border: none; background: none; border: medium none; box-shadow: none; color: #333; } .cart .totals table th, .cart .totals table td strong { font-weight: 900; font-size: 12px; } .cart-collaterals { margin-top: 20px; margin-bottom: 30px; } .cart-collaterals .col2-set { float: left; margin: 0; padding: 0; } .cart-collaterals .totals { } .totals h3 { border-bottom: 1px solid #ddd; color: #000; font-size: 14px; margin-bottom: 5px; padding: 10px 0; } .cart-collaterals .col2-set .col-2 { width: 320px; } .totals .inner { padding: 4px 0px 15px 0px; background-color: #fff; margin-top: 0px; } #shopping-cart-totals-table { float: right; width: 100%; padding-bottom: 8px; } #shopping-cart-totals-table .price { font-size: 18px; color: #333 } #shipping-zip-form p { margin: 2px 0 4px; } #shipping-zip-form .form-list input.input-text { width: 90%; } .discount { margin: auto; } .discount label { font-weight: normal; } .shipping { margin: auto; } .shipping .form-list select { width: 90%; background-color: #fff; border: 1px #f0f0f0 solid; padding: 8px 10px; } .shipping .form-list select:focus { background-color: #fff; border: 1px #ddd solid; padding: 8px 10px; } .shipping .form-list input.input-text { width: 95%; } .cart-collaterals h3 { font-size: 14px; color: #000; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; padding: 10px 0; margin-top: auto; font-weight: bold; text-transform: uppercase; } .shipping-form ul { margin: auto; padding: inherit; } .shipping-form ul li { list-style: none; } .buttons-set11 { margin-top: 10px; } input.input-text, select, textarea { background-color: #fff; border: 1px #f1f1f1 solid; padding: 8px 10px; outline: none; color: #aaa; } #wishlist-table textarea { padding: 8px 10px; } input.input-text:focus, select:focus, textarea:focus { background-color: #fff; border: 1px solid #ddd; padding: 8px 10px; outline: none; } input#coupon_code { margin: 8px 0; width: 90%; } #shopping-cart-table { background-color: #FFFFFF; text-align: left; border: none; } #shopping-cart-table input.qty { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e5e5e5; font-size: 15px; font-weight: normal; margin: 0; outline: medium none; padding: 8px; width: 50px; text-align: center; } #shopping-cart-table a.remove-item { background-color: #fff; background-image: none; color: #333; cursor: pointer; padding: 0px; border-radius: 0px; cursor: pointer; text-decoration: none; float: left; transition: all 0.3s linear; border: none; } #shopping-cart-table a.remove-item span { display: none } #shopping-cart-table a.remove-item:before { content: "\f014"; font-family: FontAwesome; font-size: 14px; font-weight: normal; } #shopping-cart-table a.remove-item:hover { padding: 0px; color: #f23534; } #shopping-cart-table .remove-item span span { display: none; } #shopping-cart-table dl { margin: 0; padding: 0; } #shopping-cart-table .item-options dd { color: #CCCCCC; margin: 0; } #shopping-cart-table h4 { font-size: 12px; font-weight: 900; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase } #shipping-zip-form .form-list label { display: block; margin-top: 8px } #shopping-cart-table .cart-price .price { font-size: 12px; font-weight: bold; } .cart-table .btn-continue { float: left; } .cart-table .btn-update, .cart-table .btn-empty { float: right; margin-left: 8px; } .cart .product-name a { font-size: 14px; color: #333; } #shopping-cart-table .data-table td { vertical-align: middle; } .checkout a { text-decoration: underline; color: #33c5fb; } .checkout { color: #666666; padding-top: 5px; text-align: center; list-style: none; padding: 0; margin: 0; } button.button.btn-proceed-checkout { background: #ff7474; padding: 15px 5px; color: #fff; width: 100%; border: none; } button.button.btn-proceed-checkout:hover { background: #222; border: none; } .order-detail-content .btn-continue { float: left; background: #222; border-color: #222; } button.button.btn-proceed-checkout:before { content: "\f00c"; font-family: FontAwesome; font-size: 20px; padding-right: 5px; } button.button.btn-proceed-checkout span { font-size: 18px; font-weight: 600; } .crosssel { margin: 12px 0px; } .crosssel .new_title.center { margin-bottom: 10px; } .cart { background: none repeat scroll 0 0 #fff; margin: 0 0px 20px; overflow: hidden; } .crosssel { background: none repeat scroll 0 0 #fff; margin: 40px 0px 20px; overflow: hidden; } .crosssel .new_title { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; padding-left: 25px; padding-top: 5px; margin: 0px -25px 25px; } /****************************************** 32. My Wishlist ******************************************/ .wishlist-item table .th-stock { width: 12%; } .wishlist-item table .th-stock a { color: #EC4445; } .wishlist-item table .td-add-to-cart > a { background: #b5012a; color: #fff; display: inline-block; font-weight: 700; padding: 8px 16px; text-transform: uppercase; width: 115px; } .wishlist-item .all-cart { background: #000000; color: #fff; display: inline-block; font-weight: 700; padding: 8px 16px; text-transform: uppercase; margin-top: 18px; } .wishlist-item table .td-add-to-cart > a:hover, .wishlist-item .all-cart:hover { background: #000; color: #fff; } .wishlist-area .social-sharing { border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; margin-bottom: 40px; padding: 35px; text-align: center; } .wishlist-area h3.widget-title-modal { text-align: center; } .wishlist-area .widget .social-icons { float: none; } .wishlist-area .widget .social-icons { float: none; } .wishlist-area .widget .social-icons li { display: inline; float: none; } .wishlist-item table { border-bottom: 1px solid #E1E1E1; width: 100%; text-align: center; font-size: 14px; } .wishlist-item table a { color: #000000; } .wishlist-item table a:hover { color: #b5012a; } .wishlist-item table thead { background: #f8f8f8 none repeat scroll 0 0; color: #000000; } .wishlist-item.table-responsive { margin-top: 15px; border: none; } .wishlist-item table th { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; font-size: 12px; font-weight: 600; padding: 12px; text-align: center; text-transform: uppercase; } .wishlist-item table .th-product { width: 18%; } .wishlist-item table .th-product img { width: 100px; } .wishlist-item table .th-details { width: 35%; } .wishlist-item table tbody .th-details { text-align: left; } .wishlist-item table .th-delate { width: 5%; } .wishlist-item table .th-edit { width: 10%; } .wishlist-item table .td-add-to-cart { width: 18%; } .wishlist-item table .th-price { width: 12%; font-weight: 600; } .wishlist-item table td { border-bottom: 1px solid #e1e1e1; padding: 12px; text-align: center; } .wishlist-item .th-details a { font-size: 14px; } .sidebar-account .block-content { padding: 0 14px } .sidebar-account .block-content ul { margin-top: 5px; margin-bottom: 5px } .sidebar-account .block-content li { padding: 10px 0px; border-top: 1px #fff solid; border-bottom: 1px #eaeaea solid } .sidebar-account .block-content li:first-child { border-top: none } .sidebar-account .block-content li:before { content: "\f105"; font-family: FontAwesome; font-size: 10px; display: inline-block; position: absolute; cursor: pointer; line-height: 16px; color: #000000 } .sidebar .block-content li.last { border-bottom: none } .sidebar-account .block-content li a { cursor: pointer; padding: 0 12px; transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s } .sidebar-account .block-content li a:hover { cursor: pointer; padding: 0 12px; color: #b5012a } .sidebar-account .block-content li.current { font-weight: 900; color: #b5012a } .sidebar-checkout .block-content { padding: 14px } .box-wishlist label, .box-wishlist .button { margin-top: 10px; margin-bottom: 5px } .box-wishlist { margin-top: 20px } .my-account { padding: 20px; background-color: #fff; border: 1px #eaeaea solid; margin-bottom: 30px; } /****************************************** 33. Compare table ******************************************/ .table-compare td.compare-label { width: 150px; background: #fafafa; vertical-align: middle; text-transform: uppercase; font-weight: bold; } .compare-list { margin-bottom: 35px; } .table-compare .product-star .fa { line-height: inherit; color: #ff9900; } .table-compare .price { font-weight: bold; } .table-compare .add-cart { background: #000000; color: #fff; border: 2px #000000 solid; } .table-compare .add-cart:hover { opacity: 0.8; } .table-compare .action button.button { padding: 0px 12px 0 10px; width: 35px; height: 35px; text-align: center; line-height: 12px; } /****************************************** 34. Checkout page ******************************************/ .checkout-page ul { padding: 0px; margin: auto; } .checkout-page li { list-style: none; } .checkout-page h4.checkout-sep { text-transform: uppercase; font-size: 14px; border-bottom: 1px #eaeaea solid; line-height: normal; padding: 0 0 12px; margin-bottom: 12px; } .checkout-page h4.checkout-sep.last { border: none; padding-bottom: 0px; margin-bottom: 0px; } .checkout-page .box-border { margin-bottom: 15px; } .checkout-page .box-border .button { margin-top: 15px; } .checkout-page .box-border label { margin-top: 5px; font-size: 13px; } .checkout-page .box-border p, .checkout-page .box-border h4 { padding-bottom: 5px; margin-top: 5px; } .checkout-page .box-border .fa { line-height: inherit; } .checkout-page .box-border input[type="radio"] { margin-right: 10px; } /****************************************** 35. Contact page ******************************************/ #contact { margin-top: 10px; } #contact .page-subheading { padding-left: 0px; border: none; margin: 14px 0 30px; text-transform: uppercase; font-size: 18px; color: #333; } #contact .contact-form-box { padding: 0; margin: 0; } #contact .contact-form-box label { padding-bottom: 5px; } #contact .contact-form-box .form-selector { padding-bottom: 25px; } #contact .contact-form-box .form-selector:last-child { padding-bottom: 0px; } #contact input, #contact select, #contact textarea { border-radius: 0; border-color: #ddd; box-shadow: inherit; outline: 0 none; height: 35px; } #contact input:focus, #contact select:focus, #contact textarea:focus { box-shadow: inherit; outline: 0 none; } #contact #btn-send-contact { font-size: 14px; line-height: 18px; color: white; padding: 0; font-weight: normal; background: #666; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; padding: 10px 25px; } #contact #btn-send-contact:hover { background: #F36; } #contact_form_map ul { line-height: 28px; list-style: disc; list-style-position: inside; font-style: italic; margin: auto; } #contact_form_map ul.store_info { list-style: none; font-style: normal; color: #696969; } #contact_form_map ul.store_info i { display: inline-block; width: 30px; line-height: inherit; font-size: 18px; } #message-box-conact .fa { line-height: inherit; } .content-text { padding: 20px 0; } .content-text p { margin-bottom: 15px; font-size: 13px; color: #666666; line-height:1.7; letter-spacing: 1.2px; } .right-sidebar #left_column { float: right; } /****************************************** 36. Login page ******************************************/ .account-login { display: inline-block; width: 100%; } .box-authentication { display: inline-block; width: 48%; float: left; } .box-authentication h4 { margin-bottom: 15px; text-transform: uppercase; } .box-authentication p { margin: auto; } .box-authentication label { margin-top: 10px; margin-bottom: 2px; } .box-authentication .forgot-pass { margin-top: 15px; } .box-authentication input, .box-authentication textarea { border-radius: 0px; border: 1px solid #eaeaea; -webkit-box-shadow: inherit; box-shadow: inherit; width: 50%; } .box-authentication .button { margin-top: 15px; } /****************************************** 37. 404 Error Page ******************************************/ .error_pagenotfound { padding: 50px 30px 58px 30px; margin: 0 auto; width: 60%; background-color: #fff; border: 1px solid #eee; text-align: center; margin: 30px auto; } .error_pagenotfound strong { display: block; font-size: 145px; line-height: 100px; color: #999; font-weight: bold; margin-bottom: 10px; text-shadow: 5px 5px 1px #eaeaea; } .error_pagenotfound b { display: block; font-size: 40px; line-height: 50px; color: #999; margin: 0; font-weight: 300; } .error_pagenotfound em { display: block; font-size: 18px; color: #b5012a; margin: 15px 0; font-style: normal; } a.button-back { border-radius: 0px; text-transform: uppercase; font-size: 16px; padding: 15px 25px; margin-top: 15px; background: #b5012a; color: #fff; font-weight: 600; } a.button-back:hover { background: #000000; color: #fff; } #animate-arrow { position: relative; top: 15px; left: 0px; animation: move 1s ease infinite; margin-top: 150px; color: red; } @keyframes move { 50% { bottom: 10px; top: 0px; } } /****************************************** 38. About us ******************************************/ .about-page h1 { font-weight: bold; } .about-page { margin-top: 15px; display: inline-block; overflow: hidden; } .about-slid { background-size: cover; text-align: center; padding: 80px 0 100px; } .about-slid h2 { font-size: 42px; color: #fff; font-weight: bold; } .about-slid p { color: #fff; font-size: 16px; margin: 8px auto 0; line-height: 22px; width: 78%; } .about-slid-info { width: 80%; margin: 0 auto; } .about-page ul { padding: 0; margin: auto; } .about-page ul li { display: block; margin: 1.2em 0 0; } .about-page ul li a { color: #333; font-size: 15px; } .about-page ul li a:hover { color: #b5012a; padding-left: 10px; } .about-page .fa-arrow-right { font-size: 12px; } .about-page .text_color { color: #b5012a; } label[for="rememberme"] { margin-left: 0.75em; } .box-authentication .inline input { width: auto; } .about-page .carousel-inner > .item > a > img, .about-page .carousel-inner > .item > img { width: 100%; } .register-benefits { margin-top: 12px; } .box-authentication .required { color: #ff0000; padding-left: 3px; } .our-team { padding-bottom: 30px; display: inline-block; width: 100%; margin-bottom: 15px; } .our-team .page-header h2 { border-bottom: 2px solid #e0e0e0; display: inline-block; font-size: 20px; letter-spacing: 0.5px; line-height: normal; margin: 0 0 20px; outline: medium none; padding: 0 0 6px; position: relative; text-transform: uppercase; width: 100%; z-index: 1; } .our-team .team { background: #f8f8f8; border: 1px #eee solid; padding: 15px; text-align: center; } .team h5 { margin-bottom: 10px; font-size: 16px; margin-bottom: 6px; text-transform: uppercase; font-weight: bold; } .team p.subtitle { margin-bottom: 10px; } .avatar { margin-bottom: 20px; } .team-social { margin-left: 0; padding-left: 0; } .align-center-btn a.button { border: 2px #b5012a solid; padding: 8px 25px; border-radius: 0px; font-weight: bold; font-size: 15px; margin-right: 15px; background: #b5012a; color: #fff; } .align-center-btn a.button.buy-temp { background: #b5012a; color: #fff; border: 2px #b5012a solid; } .align-center-btn { margin-top: 25px; } #service { padding-bottom: 30px; background: none repeat scroll 0 0 #fff; border-top: 1px solid #eee; padding-bottom: 20px; margin-top: 15px; padding-top: 15px; } #service .page-header h2 { color: #333; } #service i { font-size: 50px; margin-bottom: 20px; margin-top: 20px; } #service h4 { font-size: 16px; font-weight: bold; margin-bottom: 8px; } .sitemap-page { margin-top: 25px; margin-bottom: 50px; } .simple-list { margin: 0; padding: 0; list-style-type: none } .bold-list>li>a { font-weight: 700; text-transform: uppercase } .simple-list ul { margin: 0; padding: 0; list-style-type: none; position: relative; bottom: -.8em } .simple-list li { margin: 0; padding: 0 0 12px } /****************************************** 39. FAQ Page ******************************************/ .faq-page { margin-bottom: 30px; padding: 5px 0px 20px; margin-top: 10px; display: inline-block; } .faq-page .page-title { margin: 15px 0px 20px auto; } .faq-page .content-box { padding: 32px 28px; margin: 0 0 20px 0; text-align: center; cursor: pointer; } .faq-page .content-box, .faq-page .content-box i, .faq-page .content-box p, .faq-page .content-box h3 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .faq-page .content-box p { margin: 15px 0; color: #fff; } .faq-page .content-box h3 { line-height: 26px; padding-bottom: 8px; color: #fff; font-weight: 600; } .faq-page .content-box i { font-size: 80px; height: 80px; color: #fff; margin: 10px 0; display: block; } .faq-page .content-box.color-effect-1 { background: #222; } .faq-page .box-icon-wrap { text-align: center; margin: 0 auto; padding: 0px 0 20px 0; max-height: 120px; } .faq-page .box-icon i { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 0; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; } .faq-page .box-icon i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .faq-page .box-icon i:before { speak: none; font-size: 40px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } .faq-page .box-icon-effect-1 .box-icon i { background: #b5012a; color: #000000; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; } .faq-page .box-icon-effect-1 .box-icon i:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; } .faq-page .content-box:hover .box-icon-effect-1a .box-icon i { background: rgba(255,255,255,1); color: #000000; } .faq-page .content-box:hover .box-icon-effect-1a .box-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .accordion-faq { text-align: left; position: relative } .accordion-faq .panel { border-radius: 0; box-shadow: none; -webkit-box-shadow: none } .accordion-faq .panel .panel-heading { padding: 0; color: #fff; border-radius: 0!important; background: #333 } .accordion-faq .panel-heading a { display: block; position: relative; background: #f8f8f8; color: #000000; padding: 14px 50px 12px 15px; border-radius: 0; border: 1px #eee solid; min-height: 50px; font-weight: bold; font-size: 14px; } .accordion-faq .panel-heading a.collapsed { display: block; position: relative; background: #fff; padding: 14px 50px 12px 15px; border-radius: 0; border: 1px #eee solid; min-height: 50px; font-weight: bold; font-size: 14px; } .accordion-faq .panel-heading a:hover { text-decoration: none } .accordion-faq .panel:last-child { box-shadow: none; border-bottom: none } .accordion-faq .arrow-down, .accordion-faq .arrow-up { position: absolute; display: block; width: 20px; height: 20px; font-size: 20px; top: 54%; margin-top: -12px; right: 10px; } .accordion-faq .arrow-down, .accordion-faq .collapsed .arrow-up { display: none } .accordion-faq .collapsed .arrow-down { display: block; color: #333; } .accordion-faq .panel-body { border-top: 0!important; padding: 15px; background: #fff; border: 1px #eee solid; border-top: none; } .accordion-faq.panel-group .panel+.panel { margin-top: 10px } .sitemap-page { padding: 5px 0px; background: #fff; display: inline-block; width: 100%; } .best-sale-product .sidebar-bar-title h3 { color: #fff; border: none; } .best-sale-product .products-block-left { width:48% } .best-sale-product .products-block-right { text-align:left; width:49% } .best-sale-product .products-block-right p { margin: 0px; } .best-sale-product .block-content { padding: 14px 14px 0px; border: 1px solid #ebebeb; border-top: none; } #best-sale-slider .product-item{ display: flex; flex-direction: column; flex-wrap:wrap; } .best-sale-product .best-sale-item { border-bottom: 1px #eaeaea solid; display:flex; justify-content:space-between; align-items:center; padding-bottom: 12px; margin-bottom: 12px; } .best-sale-product ul { margin: auto; } .best-sale-product .product-item { margin: auto; } .best-sale-product .best-sale-item:last-child { border: none; margin-bottom: 0px; } /****************************************** 40. Responsive ******************************************/ h3.products_title:after { content: ''; background: #000; display: inline-block; position: absolute; left: 0; bottom: -2px; width: 100%; max-width: 100px; height: 2px; z-index: 0; } select.cate-dropdown.hidden-xs.hidden-sm { font-size: 16px; padding: 8px; color: #fff; background: #000; } button.navbar-toggle { font-size: 20px; } .all-category-nav { cursor: pointer; max-width: 300px; position: relative; width: 100%; } .all-category-nav .open-menu-all { align-items: center; cursor: pointer; display: flex; position: relative; } .all-navigator .fa { font-size: 16px; margin-right: 0; } .all-category-nav .input-menu-all { display: none; } .all-navigator .fa-angle-up { display: none; } .all-navigator .fa-angle-up{ position: absolute; right: 25px; } .all-navigator .fa-angle-down { position: absolute; right: 25px; } .all-navigator .fa { font-size: 16px; margin-right: 0; } .all-navigator span { margin: 0 15px; font-size:20px; text-transform:capitalize; } .all-category-nav .all-navigator { align-items: center; background: #212121; color: #fff; display: flex; height: 40px; padding: 0 25px; width:100%; } i.fa.fa-bars { background:none !important; } .all-category-list { background: #e9e9e9; display: none; height: auto; position: absolute; top: 40px; width: 100%; z-index: 90; color: white; margin:0; } .all-category-list .all-category-list-item{ margin-left:0; } .all-category-list .all-category-list-item >li { border-bottom: 1px solid #bdb8b8; position: relative; padding: 9.5px; text-transform: capitalize; } ul.sub-menu li { border-top: 1px solid #bdb8b8; } span.quantity { color: #000; } .all-category-list .all-category-list-item >.menu-item-has-children:after { font-family: FontAwesome; content: "\f054"; position: absolute; right: 2%; color: #000; } .all-category-list .all-category-list-item >.menu-item-has-children:last-child{ border:unset; } .all-category-list .all-category-list-item li a{ font-size:18px; display: inline-block; text-transform: inherit; letter-spacing: .2px; font-weight: 700; font-style: normal; font-size: 14px; color:black; } .all-category-list .all-category-list-item ul.sub-menu { display:none ; background-color: #e0e0e0; position: absolute; top:0; z-index: 9; width:100% ; box-shadow: 0 0 3px rgba(0,0,0,.20); transition: transform .3s ease,opacity .3s ease,visibility .3s ease; right:-100% } .all-category-list .all-category-list-item >li:focus-within ul.sub-menu{ display:block; } .all-category-list .all-category-list-item >li:hover ul.sub-menu{ display:block; } .all-category-list .all-category-list-item ul.sub-menu li a { display: block; padding: 1rem 0.5rem; font-size: 14px; padding-left: 17px; } .all-category-nav li.all-category-list-item { position: relative; z-index: 10; } .all-category-list-item:hover .category-second-list { left: 100%; opacity: 1; visibility: visible; } .all-category-list-link { align-items: center; display: flex; justify-content: space-between; padding: 15px; transition: 100ms all linear 0s; text-decoration: none; color: black !important; text-transform: capitalize; font-size:18px; font-weight:400; } .all-category-list-link:hover{ color:white; } .category-second-list { background:#F8BBD0; border-bottom: 3px solid #18e13a; display: flex; right:-100%; min-height: 200px; min-width: 250px; opacity: 0; position: absolute; top: 10px; transition: 100ms all linear 0s; visibility: hidden; width: auto; border:2px solid whitesmoke; } .category-second-list-ul { display: flex; flex-direction: column; min-width:296px; padding:0; margin:0; list-style: none; } .category-second-item a { align-items: center; display: flex; justify-content: space-between; padding: 15px; text-decoration:none; color:black; font-size:18px; text-transform: capitalize; font-weight: 400; } .category-second-item:hover { background: #545bc4; } .category-second-item:hover a { color: #fff; } .main-header .visible-xs .tog-name { text-transform: uppercase; font-weight: 600; font-size: 15px; color:white; padding-right: 15px; } .whr-drop-hide { display: block; } /**/ .main-slider-area.clearfix { margin-top: 30px; } .main-slider .owl-controls.clickable { margin: -50px; text-align: center; } .main-slider .owl-controls.clickable .owl-page span { opacity: 0.7; background: #333; } .main-slider .owl-controls.clickable .owl-page.active span { background: #f5f5f5; } .main-wrapper-slider { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .main-slider:hover .owl-nav button{ display:block ; transition: all 0.4s ease 2s; } .main-slider:focus-within .owl-nav button{ display:block ; } .main-slid.caption-1 { position: relative; z-index: 1111; } .middle-text { position: absolute; left:30%; bottom:60%; transform: translate(-30%, -35%); } #mainSlide .image-part{ height: 520px; width: 100%; position: relative; } #mainSlide .image-part img{ width:100%; height:100%; object-fit:contain; } #mainSlide .image-part:after{ content:''; position:absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.35); } #mainSlide .image-part img { height:100%; width:100%; object-fit:cover; overflow: hidden; } .image-part.two img{ height:100%; width:100%; object-fit:cover; } .cap-dec { width:75%; color: ghostwhite; } h2.flipX { text-transform: uppercase; font-weight:600; color: #b5012a; font-size: 27px; position: relative; } .cap-dec h3 { font-size: 45px; letter-spacing: 5px; font-weight: 300; text-transform:uppercase; color: ghostwhite; } .pop-outin { display: block; margin: 10px 0; font-size: 15px; line-height: 2; font-weight: 300; } .slide-texts .button { border: 2px solid #ffffff05; display: inline-block; padding: 10px 15px; cursor: pointer; background: #d82c2c; border-radius:5px; } .main-slid .slide-texts .button a{ text-transform:capitalize; font-weight:600; font-size:18px; text-decoration-line:none; color:white; letter-spacing:2px; } .main-slid .slide-texts .button:hover{ background:black; } .main-slider .slide-text a { background: #fff; color: #333; display: inline-block; font-family: Montserrat; font-size: 14px; font-weight: bold; overflow: hidden; padding: 10px 15px; position: relative; text-transform: uppercase; top: 10px; border: 2px solid #666; } .main-slider .slick-dots li.slick-active button:before { opacity: .75; color: #D6D6D6; font-size: 30px; } .main-slider .slick-dots { bottom: 10px; } .main-slider .slick-dots li button { background: #cfcbcb8c; border-radius: 50%; } .main-slider .slick-prev{ left:10px; z-index:11; } .main-slider .slick-prev:before { content: "\f104"; background: #e0e0e0; padding:5px 10px; color:black; font-size:21px; font-family: 'FontAwesome'; } .main-slider .slick-next{ right:20px; } .main-slider .slick-next:before { content: "\f105"; color:black; background: #e0e0e0; padding:5px 10px; font-size:21px; font-family: 'FontAwesome'; } .main-slider .owl-nav{ position:unset; } .main-slider .owl-nav button{ display:none; position:absolute; top:50%; transition: all 0.4s ease 2s; left:3%; } .main-slider .owl-nav button.owl-next { left:unset; right:3%; } .main-slider .owl-nav button span{ font-size: 31px; } .banner-ample a img { width: 100%; height:100%; } .banner-ample .banner-box.banner-inner-box { margin-bottom: 0px; } .banner-ample .banner-box:before { background: rgba(255, 255, 255, .3); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s } .banner-ample .banner-box .banner-text { position: absolute; top: 5%; width: 100%; text-align: center; transition: all .3s ease-out 0s } .banner-ample .banner-box:hover .banner-text { display:block; top: 40%; transition: all .3s ease-out 0s; } .banner-ample .banner-box .banner-text .first-text { font-size: 20px; color: #fff; text-transform: uppercase; font-weight: 500; line-height: .5; } .banner-ample .banner-box .banner-text .medium-text { font-size: 14px; display: block; line-height: 1 } .banner-ample .banner-box .banner-text-mid { top: 76% } .banner-ample .banner-box .banner-text-mid .first-text { color: #000; font-size: 28px; font-weight: 500; line-height: 100% } .banner-ample .banner-box .banner-text-mid .first-text .text-top { font-size: 70%; padding-top: 4px; position: absolute; top: -8px } .banner-ample .banner-box .banner-text-mid .medium-text { color: #444 } .banner-ample .banner-box .banner-text-mid .shop-now { border-color: #000; color: #fff; } .banner-ample .banner-box .shop-now { display:none; padding: 6px 15px; color: #fff; font-size: 14px; position: absolute; left:50%; transform:translate(-50%,-5%); transition: all .3s ease-out 0s; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; } .banner-ample .banner-box:hover .shop-now { display:inline-block !important; bottom:25%; transition: all .3s ease-out 0s; } .banner-ample .banner-box:focus-within .shop-now { display:inline-block; } .banner-ample .banner-box .shop-now:after { content: "\f105"; font-family: fontawesome; font-size: 85.71%; color: #fff; padding-left: 5px } .banner-ample .banner-box .shop-now:hover:after { color: #fff } .banner-ample .banner-box .shop-now:before { background: 0 0 } .banner-ample .banner-box:hover:before { opacity: 1; filter: alpha(opacity=100); transition: all .2s ease-out 0s; } /*slider*/ /*ample-ad*/ .ample-ad-section { margin: 20px 0; background: #b5012a; padding: 15px; text-align: center; } .ample-ad-section h2{ color:white; text-transform:capitalize; font-weight:800; position:relative; } .ample-ad-section h2:after { border-color: transparent transparent #fff; border-style: solid; border-width: 35px 35px; bottom: -18px; content: ""; left: -15px; position: absolute; transform: rotate(90deg); } .ample-ad-section h2:before{ border-color: transparent transparent #fff; border-style: solid; border-width: 35px 35px; bottom: -18px; content: ""; right: -15px; position: absolute; transform: rotate(270deg); } /*ample-ad*/ .kid-banner { margin-top: 25px; } /*Top-Product*/ .Top-Pro-block { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .Top-Products-title h3{ text-transform: uppercase; margin: auto; font-size: 18px; line-height: normal; margin: 0 0 20px; outline: none; padding: 0px 0px 6px 0px; position: relative; z-index: 1; border-bottom: 2px solid #e0e0e0; display: inline-block; width: 100%; letter-spacing: 0.5px; } .Top-Products-title h3:after{ content: ''; background: #000; display: inline-block; position: absolute; left: 0; bottom: -2px; width: 100%; max-width: 100px; height: 2px; z-index: 0; } .products-item { display: flex; justify-content: space-between; align-items:flex-start; flex-wrap:wrap; } .sec2{ margin-top:25px; } .Top-Prod-item { border:1px solid #b3a4a433;; width:19.5%; } .products-block-des { padding: 10px; width: 100%; border-top: 1px solid #b3a4a433; } .products-block-img { padding: 15px 0; } .Top-Products .rows{ margin-left:15px; margin-right:15px; } .products-item .pro-actions { display: inline-block; } .products-item button.action.add-to-cart { padding: 10px; } .products-item button.action.add-to-cart:hover{ background:#b5012a; color:white; } .products-item button span { text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; font-size: 11px; } .Top-Prod-item{ position:relative; } .Top-Prod-item .icon-sale{ color: #fff; font-size: 14px; font-weight: 600; right: 15px; margin: 0; width: 50px; position: absolute; text-align: left; text-transform: capitalize; top: 15px; z-index: 1; height: 50px; padding-left: 9px; border-radius: 50%; background: #ef2b2b; line-height: 50px; } /**/ .all-product .product-item { margin: 0; border:unset; margin-bottom: 20px; padding:0 2px; } .all-product .product-item .star-rating{ overflow: hidden; position: relative; height: 1.618em; line-height:unset; font-size: 1em; width:unset; font-family: 'star'; font-weight: 400; } .all-product .product-item .star-rating:before{ opacity: .25; float:unset; top: 0; left: 0; position:unset; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: #ffb100!important; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { background: #8a0725; padding: 7px; display: inline-block; margin: 5px; color: antiquewhite; } a.added_to_cart.wc-forward { background: #f10f0fb8; color: white; padding: 11px 13px; display: inline-block; margin: 5px; } .box-outer { display: flex; flex-wrap: wrap; } input.search-field { border-radius: 0; height: 42px; padding: 5px 10px; width: 100%; line-height: 1; font-size: 15px; } input.search-submit { outline:unset; background: #404040; color: #fff; padding: 5px 15px; height: 42px; cursor: pointer; border: none; line-height: 1; font-size: 15px; width:80%; } #categories-2 ul li{ line-height:2; font-size:14px; } aside.sidebar.col-md-3.col-sm-4.col-xs-12.col-sm-pull-8.col-md-pull-9 h2{ font-size: 20px; margin-bottom:10px; padding-bottom:5px; text-transform: uppercase; font-weight:600; position:relative; } aside.sidebar.col-md-3.col-sm-4.col-xs-12.col-sm-pull-8.col-md-pull-9 h2:last-child{ border:none; } aside.sidebar.col-md-3.col-sm-4.col-xs-12.col-sm-pull-8.col-md-pull-9 ul li{ line-height:2; font-size:16px; } button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed { text-transform: uppercase; height: 40px; background: red; } .summary.entry-summary .product_meta { padding-top: 20px; font-size: 16px; text-transform: capitalize; color: #666; letter-spacing: 1px; } .woocommerce span.onsale { min-height: 4.236em; min-width: 4.236em; padding: .202em; font-size: 1em; font-weight: 700; position: absolute; text-align: center; line-height: unset; top: 1.5em; left: 0.5em; margin: 0; border-radius: 100%; background-color: #dc3636; color: #fff; font-size: .857em; z-index: 9; padding: 20px 0; font-size: 14px; letter-spacing: 2px; } .woocommerce div.product form.cart table td { padding-left: 0; padding-top: 5px; } del bdi { color: red; margin-bottom: 15px; display: inline-block; font-size: 18px; text-decoration: line-through; } bdi { color: red; } .woocommerce div.product form.cart .woocommerce-variation-description p { margin-bottom: 1em; margin-top: 20px; color: darkslategray; line-height: 1.8; } .woocommerce div.product .product_title { padding: 5px 0; text-transform: uppercase; font-weight: 600; letter-spacing:1.5px; } .woocommerce table.shop_attributes td { font-style: italic; padding: 0; border-top: 0; border-bottom: 1px dotted rgb(0 0 0 / 49%); margin: 0; line-height: 3; font-size: 15px; word-spacing: 2px; } .woocommerce-tabs .panel h2:first-of-type { margin-bottom: 10px; font-size: 18px; font-weight: 600; text-transform: capitalize; letter-spacing: 1px; color: #a09d9ca6; } .woocommerce-tabs .comment-respond .comment-form-comment{ width:50%; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #30a2e4; z-index: 2; border-bottom-color: #fff; color: white; } .woocommerce-tabs .comment-respond .comment-form-author input, .woocommerce-tabs .comment-respond .comment-form-email input{ line-height:3; width:50%; } .woocommerce-tabs .comment-respond .comment-form-author label, .woocommerce-tabs .comment-respond .comment-form-email label, .woocommerce-tabs .comment-respond .comment-form-comment label { display: block; margin-bottom: 5px; color: #000; font-weight:300; } .woocommerce-tabs .comment-respond .comment-form-author label span, .woocommerce-tabs .comment-respond .comment-form-email label span { color: red; } p.stars.selected a:before{ color: #efe810 !important; opacity: 1; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: .818em 1em; font-weight: 700; border-radius: 0px; left: auto; color: #f5e1e1; background-color: #da2c5c; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; text-transform:uppercase; } .woocommerce div.product .woocommerce-tabs .panel { border: 1px solid lightgrey; padding: 10px; } .woocommerce div.product .woocommerce-tabs ul.tabs{ margin:0; padding:0; font-size: 16px; text-transform: capitalize; } .woocommerce div.product .woocommerce-tabs .panel p { font-size: 14px; word-spacing: 2px; /* letter-spacing: 1px; */ line-height: 1.8; } .woocommerce #reviews #comment { height: 150px; } .woocommerce .quantity .qty { width: 6.631em; text-align: center; } .woocommerce div.product form.cart div.quantity input.input-text, select, textarea { background-color: #fff; border: 1px #f1f1f1 solid; padding: 8px 10px; outline: none; color: #151414; font-size: 14px; } .woocommerce-product-details__short-description p{ line-height: 1.8; color: #404040; font-size:14px; margin-bottom:30px; } .woocommerce div.product form.cart div.quantity { display: inline-block; height: 45px; position: relative; width: 100px; margin-right:10px; } button.single_add_to_cart_button.button.alt { padding: 10px 30px; font-size: 18px; background-color: #ee4054; color: #fff; font-weight: 500; } .summary.entry-summary .product_meta span.posted_in { display: block; margin-top: 10px; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; clear: none; } .related h2{ font-weight:600; text-transform:capitalize; } nav.navigation.post-navigation { width:100%; } .post-navigation .nav-previous { float: left; width:unset; font-size: 15px; background: maroon; padding: 8px; } .post-navigation .nav-next { float: right; text-align: right; width:unset; font-size: 15px; background: maroon; padding: 8px; } .post-navigation a{ color: white; } #respond { margin-top: 40px; } #respond p.comment-form-comment textarea{ height:150px; } #respond p.comment-form-comment label { display: block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size:18px; } #respond input { height: 32px; width: 50%; margin-bottom: 15px; } #respond p.comment-form-cookies-consent input{ height:10px; width:unset; margin-bottom:unset; } #respond p.form-submit input { width: auto; padding: 10px 20px; background: #555; color: #fff; border-radius: 0; font-size: 16px; margin-top: 30px; cursor: pointer; height: 45px; } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width:22%; text-align: center; margin:0; margin-bottom:20px; } .woocommerce ul.products.columns-3 { margin-top:15px; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 150px; padding: 10px 5px; margin: 0 5px; } table.shop_table_responsive tr td.product-remove a { text-align: center !important; } .woocommerce-billing-fields__field-wrapper { text-align: left; } h3#order_review_heading { margin-top: 20px; margin-bottom: 10px; text-transform: capitalize; color:#333333; } h2.widgettitle { text-align: center; } .woocommerce form .form-row label { line-height: 2; color: #333; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { box-sizing: border-box; width: 100%; margin: 0; outline: 0; line-height: normal; height: 35px; border: 1px #7d7979 solid; } #order_review { box-shadow: 0 0 3px rgba(0,0,0,.1); padding: 1.6871em; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text { box-sizing: border-box; width: 100%; height: 150px; } .widget.woocommerce.widget_shopping_cart { background: #e2e4e7; width: 330px; padding: 15px; } a.button.checkout.wc-forward { float: right; } .item-price span.regular-price { display: inline-block; text-align: left; height:32px; float: left; } .ample-product-content .regular-price .price{ padding:5px; } .ample-product-content a.button.product_type_variable.add_to_cart_button { float:unset; } a.button.product_type_variable.add_to_cart_button { background: #8a0725; padding: 7px; display: inline-block; margin: 10px 0; color: antiquewhite; } section.blog_post h3#reply-title { font-size: 28px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; margin-bottom: 10px; } section.blog_post .comments-area .comment-respond .comment-form textarea { border: none; background: #f6f7f8; width: 100%; padding: 5px 10px; height:200px !important; } section.blog_post p.comment-form-comment { margin-top: 25px; color: #524f4f; } aside.sidebar .input-group button.btn-search{ border-radius: 0; margin-left: -6px; background: #404040; color: #fff; padding: 5px 15px; height: 42px; cursor: pointer; width: 20%; border: none; line-height: 1; font-size: 15px; border: 1px solid #c97c76; } aside.sidebar .input-group input { border-radius: 0; height: 42px; padding: 0px 52px; width: 80%; line-height: 1; font-size: 15px; } /*header info */ ul.header-info li { display: inline-block; } .col-sm-12.col-xs-12.coppyright { text-align: center; color:white ; } .col-sm-12.col-xs-12.coppyright a { color: white; } h2.widget-title{ font-weight:600; color:#2d2d2d; font-size: 21px; } .woocommerce form.login{ border:none; padding: 20px; margin: 2em 0; text-align: left; border-radius: 5px; } .woocommerce form.register { border:none; } #main a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{ float:unset; } /*sidebar*/ .left-sidebar.customize-support .asiderl{ float:right; } .left-sidebar.customize-support .sidebar{ margin-top:15px; } .no-sidebar .asiderl.col-xs-12.col-sm-9 { width: 100%; } .no-sidebar aside.sidebar.col-xs-12.col-sm-3 { display: none; } .woocommerce-MyAccount-navigation ul{ margin:0; border:1px solid; color:gray ; text-transform:capitalize; } .woocommerce-MyAccount-navigation ul li{ padding:10px; border-bottom:1px solid gray; text-align:left; } .woocommerce-MyAccount-navigation ul li a{ color:#181b31; font-size:14px; } .woocommerce-MyAccount-navigation ul li a:hover{ color:#f37139; } .page-title { font-weight: 400; padding: 10px 0; } .woocommerce-MyAccount-content p{ font-size:15px; } .blog #content .entry-detail { margin-top:0px; width: 100%; justify-content: space-between; flex-wrap: wrap; display: flex; background: #f5f5f5; } .blog #content .entry-photo { width: 48%; } .blog #content .page-title { font-weight: 400; padding: 10px 0; border:none; width: 48%; } .blog div#content figure{ margin:0; width:100%; height:250px; } div#content figure img{ width:100%; height:100%; } .meta-more { margin-top: 20px; font-size: 16px; padding: 0 5px; } .meta-more a{ background:#e0e0e0; padding:10px; } .ample-service-area .block-wrapper .text-des h3 { font-weight: 800; text-transform: uppercase; font-size: 16px; color: #fff; margin-bottom: 7px; display: inline-block; vertical-align: top; letter-spacing: 1.5px; } /*side bar */ #secondary .widget { border: 1px solid #eee; margin: 0 0 50px; } .widget-area .widget ul li a { margin-bottom: 8px; font-size: 16px; color: #444; } .widget-area .widget ul li a:hover{ color:#c11010 ; } .widget .widget-title::before, .widget .widget-title::after { display: inline-block; z-index: 1; position: absolute; height: 1px; content: ""; width: 100%; top: 50%; left: 0; } .widget h2 span { border: 1px solid #ccc; vertical-align: middle; z-index: 5; display: inline-block; background: white; min-width: 110px; padding: 0 12.5px; position: relative; border-radius: 2px; line-height: 32px; height: 32px; } .widget .widget-title::before, .widget .widget-title::after { display: inline-block; z-index: 1; position: absolute; height: 1px; content: ""; width: 100%; top: 50%; left: 0; } .widget .widget-title::before { -webkit-transform: translateY(-1px); transform: translateY(-1px); } .widget .widget-title::before, .widget .widget-title::after { display: inline-block; z-index: 1; position: absolute; background: #ccc; height: 1px; content: ""; width: 100%; top: 50%; left: 0; } h2.widget-title { text-align: center; position: relative; display: block; font-size: 15px; text-transform: uppercase; letter-spacing: 0.18em; font-weight: 600; line-height: 1em; color: #fff; margin: 0 0 30px; } aside.sidebar.col-md-3.col-sm-4.col-xs-12.col-sm-pull-8.col-md-pull-9 h2 { font-size: 16px; margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font-weight: 600; position: relative; } aside.sidebar .all-product .product-item { margin: 0; border: unset; margin-bottom: 20px; padding: 0 2px; width: 100%; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 100%; height: auto; box-shadow: none; } .top-cart-content woocommerce ul.cart_list li img, .top-cart-content .woocommerce ul.product_list_widget li img { float: right; margin-left: 4px; width: 20%; height: auto; box-shadow: none; } .advance-search-wrap .select_products { display: inline-block; min-width: 180px; padding: 5px 10px; height: 40px; font-size: 14px; width: 205px; vertical-align: top; border: 1px solid #e7e7e7; border-right: none; color: #2d2d2d; background: #f8f8f8; } .advance-search-form input#s{ display: inline-block; padding: 0 10px; height: 38px; width: calc(100% - 215px); line-height: 40px; background: #fff; border-color: #e7e7e7; border-radius: 0; box-shadow: none; font-size: 13px; font-weight: 300; color: #aaa; border: 1px solid #ddd; } .advance-search-wrap { float: left; margin-right: 5px; } .advance-search-form button.btn-search{ line-height:unset !important; float:unset !important; display: inline-block; background: #b5012a; border: none; color:white !important; border: none; border-left: 1px #eaeaea solid; transition:unset; margin-left: -32px; vertical-align: top; padding: 9px!important ; border-radius:0; } select.orderby { width: 100%; vertical-align: top; border: none; font-size: 16px; background: #f7f7f7; padding: 4px 8px; height: 40px; } select{ appearance: auto; } footer .widget .widget-title::before, .widget .widget-title::after { background: #333; } .related.products ul.products { content: ""; display: table; table-layout: fixed; margin: 0; padding: 0; margin-top: 20px; width:100%; } .related.products ul.products.columns-3 li{ width: 30%; text-align: center; margin: 0 10px; margin-bottom: 20px; } main#main { min-height: 500px; } .ample-user-info i { color: #fff; } ul.header-info a { color: #fff; font-size: 15px; } .woocommerce ul.products li.product .button { margin-top: 1em; float: unset; } .owl-carousel .owl-nav button span { text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; font-size: 20px; background: #e0e0e0; padding: 3px 10px; margin: 0 5px; } .owl-nav { position: absolute; top: -13%; right: 10px; } #best-selling-slider .owl-nav { top: -11%; right: -8px; } .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; transition: opacity .2s ease; border-radius: 30px; } .owl-dots { text-align: center; } .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .main-slider .owl-dots { text-align: center; position: relative; margin-top: -36px; } /* social sharing */ ul.post-share { top: 50%; position: fixed; z-index:1111; margin: 0; } .post-share li{ width: 36px; height: 36px; line-height: 32px; border: 1px solid #e4e4e4; overflow: hidden; font-weight: 400; color: #333333; margin-right: 5px; padding-left: 9px; background-color: #f3f3f3; transition: all 1.5s linear; } .post-share li:hover i.fa.fa-facebook { color:blue; } .post-share li:hover i.fa.fa-linkedin{ color:#2867B2; } .post-share li:hover i.fa.fa-twitter { color:#1DA1F2 ; } .post-share li:hover{ transform:translateX(20px); } /*menu description*/ .menu-description { position: absolute; top: -6px; left: calc(100% - 40px); background: #020202; color: #fffcfc; font-size: 10px; padding: 1px 4px; line-height: 10px ; z-index: 1; } .main-menu .menu-description:after { border-left: -13px solid transparent; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid #0000; position: absolute; content: ''; width: 0; height: 0; border-left: 0 solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; left: 3px; bottom: -10px; } /*open menu for drop-down*/ /* Text meant only for screen readers. */ /*open menu for drop-down*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } a:focus { outline: thin dotted!important; } ul li a:focus ~ ul { display: block; visibility: visible; opacity: 1; left: auto; animation: fadeinUp .3s; } ul li:focus-within > ul { display: block; opacity: 1; visibility: visible; left: auto; animation: fadeinUp .3s; } *:focus , button:focus { outline: 1px dotted; } a:focus { outline: thin dotted!important; } ul li a:focus ~ ul { display: block; visibility: visible; opacity: 1; left: auto; animation: fadeinUp .3s; } ul sub:focus-within > li { display: block; opacity: 1; visibility: visible; left: auto; animation: fadeinUp .3s; } .search-form input.search-field:focus, input[type='submit']:focus, .form-wrapper input[type='text']:focus { border: 1px solid #0083ff; outline: 1px dotted; } #search-from-categories:focus { outline: thin dotted!important; } #primary #infinite-handle span button:focus, button:focus, a.button:focus, a.custom-button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .search-form .search-submit:focus, .header-search-box > a:focus { outline: 2px dotted #1d6ea5; } ul.all-category-list span.dropdown-icon i { color: #000; } .menu.category { position: relative; z-index:990; } .menu.category ul{ margin:0; } .menu.category .accordion-body { border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: solid; border-color: #e9e9e9; background-color:#e5e5e5; } .menu.category .accordion-body{ position: absolute; width: 100%; z-index: 88; } .menu.category button.accordion-toggle{ font-size:18px; } .menu.category .accordion-toggle{ cursor: pointer; background-color: #222; color: #fff; height: 48px; width: 100%; font-weight: 600; padding: 15px; text-transform: uppercase; text-align:center; } .menu.category .accordion-toggle i.fa.fa-bars { display: inline-block; float: left; font-size: 18px; } .menu.category .accordion-body .list-unstyled{ margin:0; } .menu.category .accordion-body .list-unstyled>li:not(:last-child) { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999c7; } .menu.category .accordion-body .list-unstyled>li>a { text-transform:capitalize; letter-spacing: .4px; font-weight: 600; padding: 14px 16px; line-height: 20px; font-style: normal; font-size: 14px; color: #333; display:inline-block; } .menu.category .accordion-body .list-unstyled>li{ position:relative; z-index:88; } .menu.category .accordion-body .list-unstyled>li:hover ul.children{ display:block ; } .menu.category .accordion-body .list-unstyled>li:focus-within ul.children{ display:block ; } .menu.category .accordion-body ul.children { position: absolute; left: 100%; background:#f5f5f5; margin: 0; top: 0; width: 100%; text-align:center; border:1px solid #eee; z-index:85; display:none; } .menu.category .accordion-body ul.children li { padding: 14px 16px; } /* side details */ .side-details { position: fixed; bottom: 20%; right: 0; text-align: center; z-index: 9999; width: 60px } .side-details li a { margin-top: 10px; display: block; list-style-type: none; padding:8px; border-radius:3px; font-size: 16px; background-color: #666; color: white; } span.quantity.side { position: fixed; margin-top: -8px; font-size: 12px; color:white ; } span.sub-total { font-size: 9px; display:none; } /*====== ==== go to top css =========*/ .scrollup { font-size: 16px; bottom: 50px; color: #ffffff; float: right; line-height: 1.2; padding: 10px 17px; position: fixed; right: 50px; text-align: center; text-shadow: 0 0 1px #313131; transition: all 0.3s ease-in-out 0s; z-index: 999; } .scrollup:hover { background: #383838; color: #fff; } a.scrollup { background: #373737; color: #fff; } .top-cart .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { list-style: none outside; padding: 0; margin: 0; height: 220px; overflow-y: auto; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { height:auto; } .top-cart .woocommerce.widget_shopping_cart .total { border-top: 2px solid #0f0d0f; padding: 4px 0 0; margin-top: 15px; } /* feature verticle slider */ .banner-ample .banner-box { overflow: hidden; position: relative; width: 100%; height:252px; margin-bottom:15px; text-align: center; } #primary .input-group{ display:block; } #primary .input-group #search{ height: 42px; padding: 5px 10px; width: 80%; line-height: 1; font-size: 15px; } #primary .input-group button.btn-search { border-radius: 0; margin-left: -6px; background:#880b0b; color: #fff; padding: 5px 15px; height: 42px; cursor: pointer; width: 8%; border: none; line-height: 1; font-size: 15px; border: 1px solid #c97c76; } .meta-more a { color: #fff; } .gab-10 { padding-top: 10px; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart { background: #8a0725; padding: 10px; display: inline-block; margin: 8px; color: antiquewhite; float: unset; } span.regular-price.center-price { float: unset; margin-bottom: 10px; } ul.info.top-icon:hover { color: #fff; } @media only screen and (min-width:990px) and (max-width: 1024px) { .mini-cart .basket a { color: #000000; margin: 0px; line-height: 50px; font-size: 8px!important; font-weight: bold; padding: 3px 0px 4px 0px; } } .feature-slider { visibility: hidden; } .feature-slider.slick-initialized.slick-slider.slick-vertical { visibility: visible; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:after { font-family: FontAwesome; content: "\f07a"; margin-left: .53em; vertical-align: bottom; padding-right: 0; } footer ul li { padding: 13px 0; text-align: left; border-bottom: 1px solid #fff; } footer span.post-date { color: #fff; } footer span.post-date:before { content: '/'; color: #fff; } footer ul li a:hover { text-decoration: none; color: #ffffff; } section#newsletterwidget-3 { color: #fff; } footer .widget .widget-title::before{ background: #fafafa; } /*---- Contact form 7 ----*/ .wpcf7 label { width: 100%; } .wpcf7 input[type="text"], .wpcf7 input[type="email"] { width: 100%; border-radius: 0; height: 44px; } .wpcf7 .wpcf7-submit { font-size: 16px; text-transform: uppercase; color: #fff; border: none; border-radius: 0; padding: 10px 25px; background: #61b9ed; } textarea { background-color: #fff; border: 1px #f1f1f1 solid; padding: 8px 10px; outline: none; color: #151414; font-size: 14px; width: 100%; height: 300px; } ul.children li { border: 1px solid #999999c7; } .sidebar ul, .sidebar ol { margin: 0px; padding-left: 10px; } .logo-center.col-sm-12.col-md-12.col-xs-12 .logo { text-align: center; } /* Pagination */ .paging{ position: relative; margin-top: 20px; } .nav-links{ margin: 0; } .nav-links li a{ border-radius: 0 !important; margin-right: 8px; color: #7c7c7c; } .nav-links>.active>a, .nav-links>.active>a:hover, .nav-links>li>a:hover{ color: #fff; background: #1e88e5; border: 1px solid transparent; } .paging .page-numbers{ border: 0; color: #7c7c7c; position: absolute; right: 0; top: 3px; } .height #mainSlide .image-part { height: auto; width: 100%; position: relative; } /*==========================view all button ========================================*/ .ample-single-cat .page-header { border-bottom: 2px #ddd solid; margin-top: 0px; margin-bottom: 20px; position: relative; } .view-all { float: right; font-size: 17px; } aside#secondary .view-all { display: none; } .whole.view-all { margin-right: 76px; } footer.widget_newsletterwidget { color: #fff; } footer .widget_newsletterwidget { color: #fff; } footer p { color: #fff; } aside#secondary img { width: 100%; } p a { text-decoration: underline!important; padding:5px; } .col-sm-12.col-xs-12.coppyright { text-align: center; color: white; font-weight: 600; } footer .tnp-widget { margin-top: 15px; } #respond input { height: 35px; width: 100%; margin-bottom: 15px; } footer h2.widget-title{ margin: 0 0 20px; } .comment-list .comment-body { padding: 15px; margin-bottom: 20px; background:unset; border-top:unset; border: 2px solid #ccc; } .comment-content { margin-bottom: 20px; } p.comment-form-comment { width: 100% !important; } #menu-primary .menu-item-has-children .sub-menu ul { position: absolute; left: 100%; top: 0px; margin: 0; padding: 0; } ol.comment-list { margin: 0; } .comment-content { border:unset; } .comment-metadata a{ color: #FF4E00; } footer p { color: #fff; font-family: Lato, sans-serif; font-size:14px; } .entry-meta-data { display: inline-flex; } .by-author.vcard.author { margin-left: 10px; } i.ample.fa.fa-user-circle { margin-right: 5px; } /*sidebar issues fix */ .left-sidebar.customize-support .sidebar{ margin-top:15px; float:left; } .no-sidebar .asiderl.col-xs-12.col-sm-9 { max-width: 100%; flex:unset; } .left-sidebar .col-main.col-md-9.col-sm-8.col-xs-12.col-sm-push-4.col-md-push-3{ float:right; } /* main slider hide */ .main-slider{ overflow: hidden; visibility: hidden; } .main-slider.slick-initialized.slick-slider.slick-dotted { visibility: visible; } /*link under page */ #content p a { text-decoration: underline!important; padding:5px; } .ample-user-info a :focus { border: 2px solid #fff; background:blue; } .ample-user-info a :focus { outline: 2px solid #fff; } .meta-more a :focus ,a.button.wc-forward:focus ,a.button.checkout.wc-forward:focus{ outline: 2px solid #fff; background: #000!important; } a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:focus, a.added_to_cart.wc-forward:focus{ outline: 2px solid #fff; background: #000!important; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } aside#secondary img { width: 100%; } aside.sidebar .all-product .product-item { margin: 0; border: unset; margin-bottom: 20px; padding: 0 2px; width: 100%; } aside.sidebar .product-item.col-sm-4 { width: 100%!important; max-width: fit-content; } .under a { text-decoration: underline; padding:5px; } .meta-more a{ text-decoration: none; } .meta-more a focus-within { background: #000!important; } .meta-more a:hover{ background: #000!important; } span.page-numbers.current { padding: 5px 10px; background: orange; Color:#fff; } a.page-numbers { padding: 5px 10px; } a.meta-more { color: #fff; } .read.clearfix { margin-top: 21px; } a.article-readmore { font-size: 14px; text-decoration: none; font-weight: bolder; } .by-author.vcard.author { text-transform: capitalize; } .by-author.vcard.author:before { content: '|'; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { max-width:49% } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width:100% } .woocommerce .woocommerce-input-wrapper { width: 100%; }