/*********************************************************************************
	Template Name: Avone Multipurpose eCommerce Bootstrap4 Template
	Description: A perfect template to build beautiful and unique Fashion websites. It comes with nice and clean design.
	Version: 1.0
**********************************************************************************/

/* --------------------------------------------------
Table of Content:

1.  Google Fonts
2.  Basic Styles
3.  Typography
4.  Container
6. Pre Loader
7. Headers Style
8. Homepage Demo's
9. Homepage Sections
	9.1 Products With Tab Slider
	9.2 Hero/Parallax Banners
	9.3 Featured Content Section
	9.4 Newletter Section
	9.5 Testimonial Slider
	9.6 Info/Simple Text Section
	9.7 Instagram Section
	9.8 Miniproduct List Section
	9.9 Homepage Slideshow
	9.10 Collection Slider
	9.11 Brands Logo Slider
	9.12 Home Blog Post
	9.13 Store Features
	9.14 Promotion Product Popup
	9.15 Custom Content
10. Collection Banner Grid
11. Breadcrumbs
12. Section
13. Product Grid
14. Product Listview
15. Products Detail Page
16. Sidebar
17. Shop Pages
18. CMS Page
19. Blog Pages
20. Cart Pages
21. Checkout Page Styles
22. Nesletter Popup Styles
23. Footer
=======================================================================*/

/*======================================================================
  1. Google Fonts
========================================================================*/
@import url('https://fonts.googleapis.com/css2?family=Alata&family=Bitter:ital,wght@0,400;0,700;1,400&family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Montserrat:wght@400;500;600;700;800&family=Open+Sans:wght@400;600;700&family=PT+Sans:ital,wght@0,400;0,700;1,700&family=Poppins:wght@300;400;500;600;700;900&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@300;400;500;700;900&family=Work+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&family=Roboto+Slab:wght@300;400;600;700&family=Glegoo:wght@400;700&family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');

/*======================================================================
  2. Basic Styles
========================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, ::before, ::after { box-sizing: border-box; -webkit-box-sizing: border-box; }
html { overflow: hidden; overflow-y: auto; }
body { font-size: 13px; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Poppins', sans-serif; color: #111111; font-weight: 400; margin: 0; padding: 0; }
article, aside, details, figcaption, figure, footer, header, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
    audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html, button, input, select, textarea { font-family: 'Poppins', sans-serif; }
    input:focus, textarea:focus, select:focus { border-color: #cdcfd3; }
input, textarea { padding: 10px 18px; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right center; background-image: url(./images/arrow-select.png) !important; background-repeat: no-repeat !important; background-position: right 10px center !important; line-height: 1.2; text-indent: 0.01px; text-overflow: ''; cursor: pointer; padding-bottom: 8px 28px 8px 15px; }

iframe { border: 0; width: 100%; }

a { color: #555555; text-decoration: none; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
    a, a:after, a:before { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
        a:focus { outline: thin dotted; }
        a:active, a:hover { color: #000; outline: 0; }
        a:hover, a:focus { opacity: 0.8; }
        a:hover { color: rgb(223, 30, 52); text-decoration: none; }

p { margin: 0 0 24px; }
pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
blockquote { font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px; }
    blockquote blockquote { margin-right: 0; }
    blockquote cite, blockquote small { font-size: 14px; font-weight: normal; text-transform: uppercase; }
    blockquote em, blockquote i { font-style: normal; font-weight: 300; }
    blockquote strong, blockquote b { font-weight: 400; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
ol, ul { padding: 0; margin: 0; }
.list-items { margin-left: 15px; }
.hide { display: none !important; }

/*======================================================================
  3. Typography
========================================================================*/
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: inherit; text-decoration: none; font-weight: inherit; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr { margin: 0; margin-bottom: 15px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #000; margin: 0 0 10px; font-family: 'Montserrat',sans-serif; font-weight: 600; line-height: 1.2; overflow-wrap: break-word; word-wrap: break-word; }
h1, .h1 { font-size: 24px; }
h2, .h2 { font-size: 19px; text-transform: uppercase; }
h3, .h3 { font-size: 18px; }
h4, .h4 { font-size: 17px; }
h5, .h5 { font-size: 15px; }
h6, .h6 { font-size: 14px; }

img { max-width: 100%; }

p:last-child { margin-bottom: 0; }

input, button, select, textarea { font-size: 13px; font-family: 'Poppins', sans-serif; background: transparent; border: 1px solid #d7d7d7; transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; color: #424242; }
    input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active { outline: none; border-color: #5b77d8; }
input, select, textarea { width: 100%; font-size: 14px; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; }
input, select { height: 40px; padding: 0 10px; }
    input[type="checkbox"], input[type="radio"] { width: auto; height: auto; }
        input[type="checkbox"]:focus, input[type="radio"]:focus { outline: 0; box-shadow: none; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

hr { margin: 20px 0; border: 0; border-bottom: 1px solid #e8e9eb; }

.border-bottom { border-bottom: 1px solid #f5f5f5 !important; }

.hidden { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.poss_relative { position: relative; }
.poss_absolute { position: absolute; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

table { margin-bottom: 15px; width: 100%; border-collapse: collapse; border-spacing: 0; }
th { font-family: "Poppins", sans-serif; font-weight: 600; text-transform: uppercase; }

/* Text specialized */
.text-italic { font-style: italic; }
.text-normal { font-style: normal; }
.text-underline { font-style: underline; }
/* Font specialized */
.body-font { font-family: "Poppins", sans-serif; }
.heading-font { font-family: "Poppins", sans-serif; }

.list--inline { padding: 0; margin: 0; }
    .list--inline li { display: inline-block; margin-bottom: 0; vertical-align: middle; }

.display-table { display: table; table-layout: fixed; width: 100%; margin: 0 !important; }
.display-table-cell { float: none; display: table-cell; vertical-align: middle; }

.btn { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: auto; height: auto; text-decoration: none; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 0; padding: 8px 15px 8px; background-color: #000; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; line-height: normal; white-space: normal; font-size: 13px; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
    .btn:hover, .btn:focus { background-color: #1a1a1a; opacity: 0.8; color: #fff; text-decoration: none; }
.btn--small { padding: 8px 10px; font-size: 0.92308em; line-height: 1; }
.btn-secondary { background-color: #e34848; color: #ffffff; border: 1px solid #e34848; }
.btn--link { background-color: transparent; border: 0; margin: 0; color: #139ddd; text-align: left; text-decoration: none; outline: none !important; box-shadow: none !important; }
    .btn--link:hover, .btn--link:focus { color: #000; text-decoration: none; background-color: transparent; }
.btn-large { font-size: 16px; padding: 10px 20px; }
.btn-link { color: #555; }
    .btn-link:hover { color: #000; }

input:-moz-placeholder, textarea:-moz-placeholder { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
input::-moz-placeholder, textarea::-moz-placeholder { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

label { margin-bottom: 3px; }

.mask-overlay { content: ""; position: fixed; background-color: #000; opacity: 0.5; left: 0; top: 0; width: 100%; height: 100%; z-index: 998; }
/*======================================================================
  4. Container
========================================================================*/
.container { max-width: 1200px; padding-left: 15px; padding-right: 15px; }
.container-fluid { padding: 0 55px; }
    .container-fluid:before,
    .container-fluid:after { content: ''; clear: both; display: block; }

.grid { *zoom: 1; list-style: none; margin: 0; padding: 0; margin-left: -30px; }
.grid__item { float: left; padding-left: 30px; width: 100%; }
.grid--no-gutters > .grid__item { padding-left: 0; }

/*======================================================================
  5. Promotional Top Popup
========================================================================*/
.notification-bar { text-align: center; position: relative; z-index: 5; background-color: #000; }
.notification-bar__message { color: #fff; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; padding: 8px 30px; display: block; }
    .notification-bar__message:hover, .notification-bar__message:active, .notification-bar__message:focus, .notification-bar__message:focus-within { color: #fff; text-decoration: none; }
.close-announcement { cursor: pointer; font-size: 15px; font-weight: 700; position: absolute; right: 40px; top: 7px; height: 25px; width: 25px; line-height: 22px; color: #fff; }

/*======================================================================
  6. Pre Loader
========================================================================*/
#pre-loader { background-color: #FFF; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; overflow: hidden !important; right: 0px; z-index: 999999; }
    #pre-loader img { text-align: center; left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); z-index: 99; margin: 0 auto; }

/*======================================================================
  7. Headers Style
========================================================================*/
.classicHeader:not(.stickyNav) { position: absolute; width: 100%; z-index: 8; }
.promotion-header { color: #df1a0b; letter-spacing: 1px; text-transform: uppercase; padding: 10px 35px; background-color: #fff0ef; text-align: center; position: relative; z-index: 5; }
.closeHeader { cursor: pointer; font-size: 18px; font-weight: 400; position: absolute; right: 40px; top: 8px; height: 25px; width: 25px; line-height: 22px; color: #df1a0b; }

.top-header { color: #fff; padding-top: 8px; padding-bottom: 10px; background: #000000; height: 38px; }
    .top-header a { color: #fff; }

.header { width: 100%; min-height: 60px; }
.header-1 { background-color: #ffffff; border-bottom: 1px solid #eeeeee; }

.logo { margin: 0; }
    .logo a { float: left; display: block; }
    .logo img { display: block; max-width: 90px; max-height: 30px; }

.iconset .icon { font-size: 24px; vertical-align: middle; text-decoration: none; }
.iconset { display: inline-block; position: relative; color: #030505; height: 30px; line-height: 30px; text-align: center; padding: 0 9px; cursor: pointer; }

.wishlist-count { font-size: 10px; font-family: 'Poppins', sans-serif; display: inline-block; color: #fff; background-color: #000; border-radius: 50%; text-align: center; width: 14px; height: 14px; line-height: 14px; position: absolute; right: 0; top: 0; }

#settingsBox, #cart-drawer, #searchPopup { color: #050000; text-align: left; background-color: #ffffff; box-shadow: 0 0 15px rgba(5,0,0,0.1); -webkit-box-shadow: 0 0 15px rgba(5,0,0,0.1); -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#settingsBox { visibility: hidden; opacity: 0; padding: 20px; width: 300px; position: absolute; top: 130%; right: 15px; z-index: 99; }
    #settingsBox.active { visibility: visible; opacity: 1; top: 100%; }
    #settingsBox .btn { width: 100%; }
.icons-col .customer-links { font-size: 12px; text-transform: uppercase; }
    .icons-col .customer-links .register { text-decoration: underline; }
#settingsBox .ttl { font-size: 12px; margin: 20px 0 10px; display: block; letter-spacing: 0.2px; text-transform: uppercase; }
.cnrLangList li { display: inline-block; margin: 0 5px 5px 0; cursor: pointer; }
    .cnrLangList li a { color: #000000; display: block; font-size: 12px; text-transform: uppercase; padding: 1px 10px; opacity: 0.6; border: 1px solid rgba(0,0,0,0.3); }
        .cnrLangList li a:hover { color: #f04343; border: 1px solid #f04343; opacity: 1; text-decoration: none; }

.stickyNav { position: fixed; top: 0; z-index: 1000; width: 100%; left: 0; background-color: #fff; border-bottom: 0; box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); }
.site-cart-count { font-size: 10px; font-family: 'Poppins', sans-serif; display: inline-block; color: #fff; background-color: #000; border-radius: 50%; text-align: center; width: 14px; height: 14px; line-height: 14px; position: absolute; right: 0; top: 0; }
.minicart-right-drawer.right .modal-dialog { position: fixed; margin: auto; width: 350px; max-width: 100%; height: 100%; z-index: 1024; dz -webkit-transform:translate3d(0%,0,0); -ms-transform: translate3d(0%,0,0); -o-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0); }
.minicart-right-drawer.right .modal-content { border: none; border-radius: 0; height: 100%; overflow-y: auto; }
.minicart-right-drawer.right.fade .modal-dialog { right: -350px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.minicart-right-drawer.right.fade.show .modal-dialog { right: 0; }
.modal-open { padding-right: 0 !important; }
#cart-drawer { color: #050000; padding: 15px; width: 100%; height: 100%; overflow: auto; z-index: 10000; }
    #cart-drawer.active { right: 0; }
    #cart-drawer > h4 { color: #050000; font-size: 18px; text-align: left; margin: 0 0 20px; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; }
    #cart-drawer .close-cart { color: #050000; font-size: 15px; float: right; margin: 1px 0 0; opacity: 0.6; text-decoration: none; }
.minicart-content { padding: 0; margin: 0; z-index: 1001; position: absolute; overflow-y: auto; width: 90%; height: calc(100% - 155px); }
    .minicart-content .item { padding: 0 0 10px; margin: 0 0 10px; line-height: normal; display: block; border-bottom: solid 1px #eee; }
        .minicart-content .item .product-image { width: 25%; float: left; }
        .minicart-content .item .product-details { float: left; width: 75%; padding-left: 15px; text-align: left; }
        .minicart-content .item .product-title { color: #000; font-size: 13px; white-space: normal; text-decoration: none; display: block; line-height: 20px; margin-right: 45px; margin-bottom: 0; }
        .minicart-content .item .remove { color: #5c5c5c; float: right; font-size: 14px; padding: 0 2px 0 7px; margin-top: 0; text-decoration: none; }
            .minicart-content .item .remove:hover { color: #000; }
            .minicart-content .item .remove i { vertical-align: middle; }
        .minicart-content .item .edit-i.remove .icon { font-size: 12px; padding-top: 0; }
        .minicart-content .item .qtyField { display: inline-block; border: 1px solid #d7d7d7; }
            .minicart-content .item .qtyField a { display: none; }
            .minicart-content .item .qtyField span { display: inline-block; padding: 0; border: 0; }
        .minicart-content .item .variant-cart { color: #777; font-size: 11px; }
        .minicart-content .item .wrapQtyBtn { display: block; float: none; margin: 5px 0; }
        .minicart-content .item .qtyField .qtyBtn, .minicart-content .item .qtyField .qty { font-size: 11px; width: 25px; height: 28px; line-height: 26px; display: inline-block; padding: 0; text-align: center; text-decoration: none; }
        .minicart-content .item .qtyField .qty { border: 0; }
        .minicart-content .item .qtyField .qtyBtn.plus { border-left: 1px solid #ddd; }
        .minicart-content .item .qtyField .qtyBtn.minus { border-right: 1px solid #ddd; }
        .minicart-content .item .qtyField a .fa { font-size: 11px; }
.minicart-bottom { bottom: 0; position: absolute; width: 90%; border-top: 1px solid #e8e8e8; padding-top: 10px; }
    .minicart-bottom .subtotal { padding: 5px 0 10px; margin-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
        .minicart-bottom .subtotal:before, .minicart-bottom .subtotal:after { content: ''; clear: both; display: block; }
        .minicart-bottom .subtotal.list { border: 0; margin: 0; padding: 0; }
            .minicart-bottom .subtotal.list > span { font-size: 14px; font-weight: 400; }
        .minicart-bottom .subtotal > span { float: left; text-transform: uppercase; font-size: 16px; text-align: left; font-weight: 700; }
        .minicart-bottom .subtotal .product-price { float: right; }
    .minicart-bottom .proceed-to-checkout { width: 100%; margin: 10px 0; padding: 10px; }
    .minicart-bottom .btn-secondary { width: 100%; margin-bottom: 10px; padding: 10px; }
    .minicart-bottom .freeShipMsg { margin-bottom: 0; }
        .minicart-bottom .freeShipMsg .anm { font-size: 15px; width: 23px; display: inline-block; vertical-align: middle; }


.site-search { display: inline-block; cursor: pointer; }
.search-drawer { padding: 40px 50px; background-color: #fff; opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; z-index: 9999; text-align: left; transform: translate(0,-100%); -webkit-transform: translate(0,-100%); -ms-transform: translate(0,-100%); -o-transform: translate(0,-100%); transition: all .3s ease 0s; -webkit-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; width: 100%; box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); }
    .search-drawer .container { position: relative; }
    .search-drawer.search-drawer-open { opacity: 1; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); visibility: visible; }
        .search-drawer.search-drawer-open .block { background-color: transparent; padding: 0; }
    .search-drawer .title { color: #000000; font-size: 15px; margin-bottom: 20px; }
    .search-drawer .label { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
    .search-drawer .control { border-bottom: 1px solid #ddd; }
    .search-drawer .input-text { color: #050000; font-size: 13px; padding: 5px 50px 5px 0; background: none; border: 0 none; }
    .search-drawer .action.search { font-size: 18px; position: absolute; right: 14px; border: 0; background: none; cursor: pointer; height: 38px; }
        .search-drawer .action.search:hover { color: #000000; }
    .search-drawer .closeSearch { color: #050000; font-size: 18px; position: absolute; top: 0; right: 25px; cursor: pointer; }
    .search-drawer .searchField { display: table; width: 100%; }
    .search-drawer .search-category { display: table-cell; padding-right: 10px; }
        .search-drawer .search-category select { font-size: 13px; border: 0; }
    .search-drawer .input-box { display: table-cell; width: 87%; }

#siteNav { margin: 0 auto; padding: 0; list-style: none; }
    #siteNav.right { text-align: right; }
    #siteNav.left { text-align: left; }
    #siteNav.center { text-align: center; }
#AccessibleNav { padding-left: 0; }
.mobile-nav-wrapper, .site-header__logo.mobileview { display: none; }

@media (min-width:990px) {
    .header .container { position: relative; }
        .header .container .d-menu-col { position: static; }
    #siteNav a { text-decoration: none; font-size: 13px; display: block; opacity: 1; -webkit-font-smoothing: antialiased; letter-spacing: 0.05em; position: relative; }
    #siteNav > li { display: inline-block; text-align: left; }
        #siteNav > li > a { color: #000000; padding: 0 15px; text-transform: uppercase; line-height: 40px; }
    #siteNav.medium > li a { font-weight: 600; }
        #siteNav.medium > li a ul li a { font-weight: 400; }
    #siteNav.hidearrow > li > a .anm { display: none; }
    #siteNav > li > a .anm { vertical-align: middle; }

    #siteNav > li:hover > a,
    #siteNav > li > a:hover:hover,
    #siteNav > li > a:hover { color: rgb(223, 30, 52); }

    #siteNav > li .megamenu { opacity: 0; visibility: hidden; padding: 30px; width: 100%; position: absolute; top: 59px; left: 0; z-index: 999; background-color: #fff; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); pointer-events: none; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; max-height: 600px; overflow: auto; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1); }
        #siteNav > li .megamenu ul { padding: 0; list-style: none; }
    #siteNav > li:hover > .megamenu { top: 40px; opacity: 1; visibility: visible; pointer-events: visible; }
    #siteNav > li .megamenu li.lvl-1 { margin-bottom: 30px; }
    #siteNav > li .megamenu.style1 li.lvl-1 { margin-bottom: 0; }

    #siteNav > li .megamenu li.lvl-1 a.lvl-1 { color: #000; font-size: 13px; text-transform: uppercase; padding: 0 0 8px; font-weight: 400; }
    #siteNav > li .megamenu li.lvl-1 li .site-nav { color: #000; padding: 3px 0; font-weight: 400; }

        #siteNav > li .megamenu li.lvl-1 li .site-nav:hover { color: #f77575; }
        #siteNav > li .megamenu li.lvl-1 li .site-nav:before { content: ""; display: inline-block; width: 0px; height: 2px; vertical-align: middle; background-color: #f77575; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
        #siteNav > li .megamenu li.lvl-1 li .site-nav:hover:before { width: 5px; margin-right: 3px; }

    #siteNav > li .megamenu.style1 { width: 330px; overflow: hidden; }
    #siteNav > li .megamenu.style2 li.lvl-1 { margin-bottom: 10px; }
    #siteNav > li .megamenu .menu-title { font-weight: 600 !important; }
    #siteNav > li.mdropdown { position: relative; }
    #siteNav > li .megamenu .imageCol { padding-bottom: 25px; }

    #siteNav > li ul.dropdown li a .anm { position: absolute; right: 10px; top: 10px; }

    #siteNav a .lbl { color: #ffffff; font-size: 9px; font-weight: 400; letter-spacing: 0; line-height: 1; text-transform: uppercase; display: inline-block; padding: 3px 4px; background-color: #0a9339; position: relative; vertical-align: middle; }
        #siteNav a .lbl:after { content: " "; display: block; width: 0; height: 0; position: absolute; bottom: 3px; left: -7px; border: 4px solid transparent; border-right-color: transparent; border-right-color: #0a9339; }
        #siteNav a .lbl.nm_label3 { background-color: #fb6c3e; }
        #siteNav a .lbl.nm_label1 { background-color: #ff0000; }
        #siteNav a .lbl.nm_label3:after { border-right-color: #fb6c3e; }
        #siteNav a .lbl.nm_label1:after { border-right-color: #ff0000; }

    #siteNav > li.dropdown { position: relative; }
        #siteNav > li .dropdown,
        #siteNav > li .dropdown ul { background-color: #fff; list-style: none; opacity: 0; visibility: hidden; width: 220px; position: absolute; top: 59px; left: 0; z-index: 999; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1); -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 10px; }
            #siteNav > li:hover > .dropdown,
            #siteNav > li .dropdown li:hover > ul { top: 40px; opacity: 1; visibility: visible; }
    #siteNav > li ul.dropdown li { border-top: 1px solid #eeeeee; position: relative; }
        #siteNav > li ul.dropdown li:first-child { border: 0; }
        #siteNav > li ul.dropdown li a { color: #000; font-weight: 400; padding: 8px 12px; background-color: #fff; }
            #siteNav > li ul.dropdown li:hover > a, #siteNav > li ul.dropdown li a:hover { color: #000; background-color: #eee; padding-left: 17px; }
        #siteNav > li ul.dropdown li ul { top: 20px; left: 100%; }
        #siteNav > li ul.dropdown li:hover > ul { top: 0; }

    #siteNav .menu-brand-logo { width: 50%; float: left; padding-right: 10px; }
        #siteNav .menu-brand-logo a { display: block; margin-bottom: 10px; border: 1px solid #ddd; }
            #siteNav .menu-brand-logo a:hover { border-color: #000; }
            #siteNav .menu-brand-logo a img { display: inline-block; vertical-align: middle; }
}

.header-content-wrapper { width: 100%; padding: 15px 0; }


/*======================================================================
  8. Homepage Demo's
========================================================================*/
.index-demo1 .imgBanners.style2 .details { background-color: rgba(255,255,255,0.8); }
    .index-demo1 .imgBanners.style2 .details .title { color: #000; font-size: 16px; text-transform: uppercase; }
.index-demo1 .slideshow .wrap-caption.left { text-align: center; }

body.index-demo2, html .index-demo2, .index-demo2 button, .index-demo2 input, .index-demo2 select, .index-demo2 textarea, .index-demo2 .btn { font-size: 15px; font-family: 'Jost', sans-serif; }
.index-demo2 .mfp-close { font-size: 28px; }
.index-demo2 h1, .index-demo2 .h1, .index-demo2 h2, .index-demo2 .h2, .index-demo2 h3, .index-demo2 .h3,
.index-demo2 h4, .index-demo2 .h4, .index-demo2 h5, .index-demo2 .h5, .index-demo2 h6, .index-demo2 .h6,
.index-demo2 #siteNav > li .megamenu .menu-title { font-family: 'Jost', sans-serif; font-weight: 700; }
.index-demo2 .mask-overlay, .index-demo16 .mask-overlay { z-index: 9; }
.index-demo2 .slideshow .slideshow__title { font-weight: 600; }
.index-demo2 .slideshow .mega-small-title { font-size: 20px; letter-spacing: -0.5px; }
.index-demo2 .slideshow .slideshow__subtitle { font-size: 20px; letter-spacing: -0.5px; line-height: 1.5; }
.index-demo2 .product-notification h5 { color: #000; font-size: 12px; }
.index-demo2 .section .section-header { max-width: 600px; margin-left: auto; margin-right: auto; }
    .index-demo2 .section .section-header h2 { font-size: 25px; text-transform: none; font-weight: 600; }
    .index-demo2 .section .section-header p { font-size: 15px; margin: 0; }
.index-demo2 .imgBanners .row .img-banner-item { padding-left: 8px; padding-right: 8px; }

body.index-demo3, html .index-demo3, .index-demo3 button, .index-demo3 input, .index-demo3 select, .index-demo3 textarea,
.index-demo3 .btn { font-size: 14px; font-family: 'Open sans', sans-serif; }
.index-demo3 .mfp-close { font-size: 28px; }
.index-demo3 h1, .index-demo3 .h1, .index-demo3 h2, .index-demo3 .h2, .index-demo3 h3, .index-demo3 .h3,
.index-demo3 h4, .index-demo3 .h4, .index-demo3 h5, .index-demo3 .h5, .index-demo3 h6, .index-demo3 .h6,
.index-demo3 #siteNav > li .megamenu .menu-title { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
.index-demo3 .btn { background-color: #e34848; }
    .index-demo3 .btn:hover { background-color: #000; opacity: 1; }
.index-demo3 .section-header h2 { font-size: 18px; }
.index-demo3 .section-header p { font-size: 15px; }
.index-demo3 .search-drawer .title { font-size: 18px; text-transform: uppercase; }

body.index-demo4, html .index-demo4, .index-demo4 button, .index-demo4 input, .index-demo4 select, .index-demo4 textarea, .index-demo4 .btn { font-family: 'Work Sans', sans-serif; }
.index-demo4 h1, .index-demo4 .h1, .index-demo4 h2, .index-demo4 .h2, .index-demo4 h3, .index-demo4 .h3,
.index-demo4 h4, .index-demo4 .h4, .index-demo4 h5, .index-demo4 .h5, .index-demo4 h6, .index-demo4 .h6,
.index-demo4 #siteNav > li .megamenu .menu-title { font-family: 'Bitter', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo4 .mfp-close { font-size: 28px; }
.index-demo4 .search-drawer .title { font-size: 18px; text-transform: none; }
.index-demo4 .hero .mega-title { font-size: 36px; font-weight: 700; letter-spacing: 0.5px; }
.index-demo4 .hero .mega-subtitle { font-size: 15px; }

body.index-demo5, html .index-demo5, .index-demo5 button, .index-demo5 input, .index-demo5 select, .index-demo5 textarea, .index-demo5 .btn { font-family: 'Roboto', sans-serif; }
.index-demo5 h1, .index-demo5 .h1, .index-demo5 h2, .index-demo5 .h2, .index-demo5 h3, .index-demo5 .h3,
.index-demo5 h4, .index-demo5 .h4, .index-demo5 h5, .index-demo5 .h5, .index-demo5 h6, .index-demo5 .h6,
.index-demo5 #siteNav > li .megamenu .menu-title { font-family: 'PT Sans', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo5 .mfp-close { font-size: 28px; }
.index-demo5 .slideshow .mega-small-title { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; }
.index-demo5 .slideshow .slideshow__title { text-transform: uppercase; margin-bottom: 15px; }
.index-demo5 .slideshow .slick-dots li button { width: 10px; height: 10px; background-color: #000; opacity: 0.2; border-radius: 0; -webkit-border-radius: 0; }
.index-demo5 .section.imgBanners { padding-top: 15px; }
.index-demo5 .section-header h2 { text-transform: uppercase; }
.index-demo5 .tab-slider-product .tabs > li { font-size: 12px; text-transform: uppercase; }
.index-demo5 .imgBanners.style3 { padding-left: 20px; padding-right: 20px; }
.index-demo5 .section-header p { font-size: 15px; }
.index-demo5 .section.info-section { background-color: rgb(223, 30, 52); }
.index-demo5 .info-section .anm { vertical-align: middle; }
.index-demo5 .info-section a:hover { color: #000; }
.index-demo5 .home-instagram #instafeed .insta-img { width: 10%; }
.index-demo5 .btn { background-color: rgb(223, 30, 52); }

body.index-demo6, html .index-demo6, .index-demo6 button, .index-demo6 input, .index-demo6 select, .index-demo6 textarea, .index-demo6 .btn { font-family: 'Karla', sans-serif; }
.index-demo6 h1, .index-demo6 .h1, .index-demo6 h2, .index-demo6 .h2, .index-demo6 h3, .index-demo6 .h3,
.index-demo6 h4, .index-demo6 .h4, .index-demo6 h5, .index-demo6 .h5, .index-demo6 h6, .index-demo6 .h6,
.index-demo6 #siteNav > li .megamenu .menu-title { font-family: 'Roboto Slab', serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo6 .mfp-close { font-size: 28px; }
.index-demo6 .btn { color: #fff; background-color: #000; border: 2px solid transparent; }
    .index-demo6 .btn:hover { color: #000; background-color: #fff; border-color: #000; }
.index-demo6 .btn, .index-demo9 .btn, .index-demo10 .btn { color: #fff; background-color: #000; border: 2px solid transparent; padding: 7px 15px; }
    .index-demo6 .btn:hover, .index-demo9 .btn:hover, .index-demo10 .btn:hover { color: #000; background-color: #fff; border-color: #000; }
.index-demo6 .notification-bar { background-color: #fef9f8; }
    .index-demo6 .notification-bar .notification-bar__message { color: #111111; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; padding: 6px 10px; }
    .index-demo6 .notification-bar .close-announcement { color: #111; }
.index-demo6 .section.custom-text-masonry-grid { padding-top: 30px; padding-bottom: 30px; }
.index-demo6 .custom-text-masonry-item .img,
.index-demo6 .custom-text-masonry-item .custom-text { margin-bottom: 15px; }
    .index-demo6 .custom-text-masonry-item .custom-text a { text-decoration: underline; }
.index-demo6 .custom-text-masonry-item .small-title { font-weight: normal; }
.index-demo6 .custom-text-masonry-item img { width: 100%; }
.index-demo6 .custom-text-masonry-item .last.btn { margin-top: 20px; }
.index-demo6 .button-set li .btn-icon { color: #000; background-color: #fff; }
    .index-demo6 .button-set li .btn-icon:hover { color: #000; background-color: rgba(255,255,255,0.89); }

body.index-demo7, html .index-demo7, .index-demo7 button, .index-demo7 input, .index-demo7 select, .index-demo7 textarea, .index-demo7 .btn { font-family: 'Poppins', sans-serif; }
.index-demo7 h1, .index-demo7 .h1, .index-demo7 h2, .index-demo7 .h2, .index-demo7 h3, .index-demo7 .h3,
.index-demo7 h4, .index-demo7 .h4, .index-demo7 h5, .index-demo7 .h5, .index-demo7 h6, .index-demo7 .h6,
.index-demo7 #siteNav > li .megamenu .menu-title { font-family: 'PT Sans', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.header-7 #siteNav > li > a { padding: 0 10px; }
.index-demo7 .mfp-close { font-size: 28px; }
.index-demo7 .hero { height: 750px; }
    .index-demo7 .hero .font-bold .mega-title { color: #fff; font-size: 50px; letter-spacing: 0.8px; }
    .index-demo7 .hero .font-bold .black-color.mega-title { color: #000; }
    .index-demo7 .hero .text-small .mega-subtitle { color: #fff; }
.index-demo7 .imgBanners.style2 .row { margin: 0; }
.index-demo7 .imgBanners.style2 { margin-top: 0; }
.index-demo7 .imgBanners .row .img-banner-item { padding: 0; }
.index-demo7 .imgBanners .collection-grid-item__title { color: #000; font-size: 20px; text-transform: uppercase; font-weight: bold; margin-bottom: 5px; }
.index-demo7 .imgBanners .btn { padding: 5px 20px; }

body.index-demo8, html .index-demo8, .index-demo8 button, .index-demo8 input, .index-demo8 select, .index-demo8 textarea, .index-demo8 .btn { font-family: 'Poppins', sans-serif; }
.index-demo8 h1, .index-demo8 .h1, .index-demo8 h2, .index-demo8 .h2, .index-demo8 h3, .index-demo8 .h3,
.index-demo8 h4, .index-demo8 .h4, .index-demo8 h5, .index-demo8 .h5, .index-demo8 h6, .index-demo8 .h6,
.index-demo8 #siteNav > li .megamenu .menu-title { font-family: 'Roboto Slab', serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo8 .mfp-close { font-size: 28px; }
.index-demo8 .notification-bar { background-color: #eeeeee; }
.index-demo8 .notification-bar__message { color: #000; }
.index-demo8 .close-announcement { color: #333; top: 7px; }
.index-demo8 .hero .hero__inner .wrap-text { position: relative; }
    .index-demo8 .hero .hero__inner .wrap-text:before { background-color: #fff; opacity: 0.9; }
.index-demo8 .hero .mega-title { font-size: 36px; letter-spacing: 0.8px; font-weight: 300; line-height: normal; }
    .index-demo8 .hero .mega-title b { font-weight: 700; }
.index-demo8 .hero .mega-subtitle { font-size: 16px; margin-bottom: 20px; }
.index-demo8 .hero .btn { padding: 8px 20px; }

body.index-demo9, html .index-demo9, .index-demo9 button, .index-demo9 input, .index-demo9 select, .index-demo9 textarea, .index-demo9 .btn { font-family: 'Poppins', sans-serif; }
.index-demo9 h1, .index-demo9 .h1, .index-demo9 h2, .index-demo9 .h2, .index-demo9 h3, .index-demo9 .h3,
.index-demo9 h4, .index-demo9 .h4, .index-demo9 h5, .index-demo9 .h5, .index-demo9 h6, .index-demo9 .h6,
.index-demo9 #siteNav > li .megamenu .menu-title { font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: 0.2px; }
.index-demo9 .mfp-close { font-size: 28px; }
.index-demo9 .btn, .index-demo9 .button-set li .btn-icon,
.index-demo10 .btn, .index-demo10 .button-set li .btn-icon,
.index-demo12 .btn, .index-demo12 .button-set li .btn-icon,
.index-demo18 .btn { color: #fff; background-color: #000; }
    .index-demo9 .btn:hover, .index-demo9 .button-set li .btn-icon:hover,
    .index-demo10 .btn:hover, .index-demo10 .button-set li .btn-icon:hover,
    .index-demo12 .btn:hover, .index-demo12 .button-set li .btn-icon:hover,
    .index-demo18 .btn:hover { color: #000; opacity: 1; background-color: transparent; border-color: #000; }
.index-demo9 .top-header-wrapper .top-header { font-size: 12px; }
.index-demo9 .collection-banners { margin-top: 0; }
    .index-demo9 .collection-banners.style4 .collection-grid-item .details { padding: 15px 25px; background: rgba(255,255,255,0.9); bottom: 20px; left: 20px; right: 20px; }
    .index-demo9 .collection-banners.style4 .collection-grid-item a:hover,
    .index-demo9 .collection-banners.style4 .collection-grid-item:hover .details { opacity: 1; }
    .index-demo9 .collection-banners.style4 .collection-grid-item .details .inner { -webkit-transform: none; transform: none; }
    .index-demo9 .collection-banners.style4 .row { margin-left: -5px; margin-right: -5px; }
        .index-demo9 .collection-banners.style4 .row .col-12 { padding: 0 5px; }
.index-demo9 .hero .font-bold .mega-title { font-size: 24px; font-weight: bold; text-transform: uppercase; }

body.index-demo10, html .index-demo10, .index-demo10 button, .index-demo10 input, .index-demo10 select, .index-demo10 textarea, .index-demo10 .btn { font-family: 'Roboto', sans-serif; }
.index-demo10 h1, .index-demo10 .h1, .index-demo10 h2, .index-demo10 .h2, .index-demo10 h3, .index-demo10 .h3,
.index-demo10 h4, .index-demo10 .h4, .index-demo10 h5, .index-demo10 .h5, .index-demo10 h6, .index-demo10 .h6,
.index-demo10 #siteNav > li .megamenu .menu-title { font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo10 .mfp-close { font-size: 28px; }
.index-demo10 .imgBanners.style2 .details .title, .index-demo10 .section-header h2 { font-size: 26px; font-weight: normal; }
.index-demo10 .hero .mega-title { font-size: 28px; text-transform: none; font-weight: normal; }
.index-demo10 .hero .mega-subtitle { font-size: 14px; }
.index-demo10 .imgBanners .details { padding: 20px; }

body.index-demo11, html .index-demo11, .index-demo11 button, .index-demo11 input, .index-demo11 select, .index-demo11 textarea, .index-demo11 .btn { font-family: 'Poppins', sans-serif; }
.index-demo11 h1, .index-demo11 .h1, .index-demo11 h2, .index-demo11 .h2, .index-demo11 h3, .index-demo11 .h3,
.index-demo11 h4, .index-demo11 .h4, .index-demo11 h5, .index-demo11 .h5, .index-demo11 h6, .index-demo11 .h6,
.index-demo11 #siteNav > li .megamenu .menu-title, .index-demo11 .imgBanners .ttl { font-family: 'Glegoo', serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo11 #siteNav > li > a { font-weight: normal !important; }
.header-8 #siteNav > li:first-child > a { padding-left: 0; }
.index-demo11 .notification-bar { background-color: #f89c9a; }
.index-demo11 .collection-banners { margin-top: 20px; }
.index-demo11 .imgBanners .ttl { text-transform: uppercase; }

body.index-demo12, html .index-demo12, .index-demo12 button, .index-demo12 input, .index-demo12 select, .index-demo12 textarea, .index-demo12 .btn { font-family: 'Poppins', sans-serif; }
.index-demo12 h1, .index-demo12 .h1, .index-demo12 h2, .index-demo12 .h2, .index-demo12 h3, .index-demo12 .h3,
.index-demo12 h4, .index-demo12 .h4, .index-demo12 h5, .index-demo12 .h5, .index-demo12 h6, .index-demo12 .h6,
.index-demo12 #siteNav > li .megamenu .menu-title, .index-demo12 .imgBanners .ttl { font-family: 'Oswald', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo12 .section-header h2 { font-size: 24px; font-weight: normal; text-transform: uppercase; }
.index-demo12 .section-header p { max-width: 600px; font-size: 15px; margin: 5px auto 0; }
.index-demo12 .search-drawer .title { text-transform: uppercase; font-weight: 600; }
.index-demo12 .grid-products .item .product-name a,
.index-demo13 .grid-products .item .product-name a { font-size: 12px; text-transform: uppercase; font-weight: 600; }

.index-demo13 .slideshow .slideshow__title { color: #fff; font-size: 26px; line-height: normal; margin-bottom: 15px; text-transform: uppercase; }
.index-demo13 .slideshow .slideshow__subtitle { color: #fff; font-size: 15px; font-weight: 400; margin-bottom: 20px; }
.index-demo13 .slideshow .mega-small-title { color: #fff; font-size: 15px; font-weight: 400; margin-bottom: 10px; display: block; }
.index-demo13 .mask-overlay { z-index: 9; }
.index-demo13 .search-drawer .container { max-width: 100%; }
.index-demo13 #cart-drawer > h4 { font-size: 15px; font-weight: 700; text-transform: uppercase; }
.index-demo13 .section-header h2 { font-size: 16px; }
.index-demo13 .collection-banners.style2 .collection-grid-item { margin-bottom: 10px; }
    .index-demo13 .collection-banners.style2 .collection-grid-item .details { opacity: 1; }
        .index-demo13 .collection-banners.style2 .collection-grid-item .details:before { background-color: #fff; }
.index-demo13 .collection-banners.style2 .collection-grid-item__title { color: #000; text-transform: none; font-size: 16px; font-weight: normal; }

body.index-demo14, html .index-demo14, .index-demo14 button, .index-demo14 input, .index-demo14 select, .index-demo14 textarea, .index-demo14 .btn { font-family: 'Roboto', sans-serif; }
.index-demo14 h1, .index-demo14 .h1, .index-demo14 h2, .index-demo14 .h2, .index-demo14 h3, .index-demo14 .h3,
.index-demo14 h4, .index-demo14 .h4, .index-demo14 h5, .index-demo14 .h5, .index-demo14 h6, .index-demo14 .h6,
.index-demo14 #siteNav > li .megamenu .menu-title { font-family: 'Archivo Narrow', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo14 .btn { background-color: #e34848; }
    .index-demo14 .btn:hover { background-color: #000; opacity: 1; }
.index-demo14 #siteNav > li > a { padding: 0 10px; }
.index-demo14 .search-drawer .container { max-width: 100%; }
.index-demo14 .mfp-close { font-size: 28px; }
.index-demo14 .imgBanners.style2 .details .title, .index-demo14 .section-header h2 { font-size: 26px; font-weight: normal; }
.index-demo14 .slideshow-wrapper .container-fluid { padding: 0; }
.index-demo14 .slideshow-carousel.style2 .slide .details h3 { text-transform: none; }
.index-demo14 .imgBanners.style4 .details { padding-bottom: 0; }
    .index-demo14 .imgBanners.style4 .details .title { font-size: 18px; }
.index-demo14 .imgBanners.style2 .details { padding: 30px; text-align: center; }
    .index-demo14 .imgBanners.style2 .details p { margin-bottom: 5px; }
    .index-demo14 .imgBanners.style2 .details .title { font-size: 30px; margin-bottom: 15px; }

@media only screen and (min-width: 767px) {
    .index-demo14 .imgBanners.style2 .details { max-width: 400px; }
}

.index-demo14 .mini-product .column-ttl { font-weight: normal; text-transform: none; font-size: 18px; letter-spacing: 0.5px; }
.index-demo14 .mini-product .product-price__price { font-weight: normal; }
.index-demo14 .home-slideshow-carousel.slick-slider { margin: 0; }

.index-demo15 h1, .index-demo15 .h1, .index-demo15 h2, .index-demo15 .h2, .index-demo15 h3, .index-demo15 .h3,
.index-demo15 h4, .index-demo15 .h4, .index-demo15 h5, .index-demo15 .h5, .index-demo15 h6, .index-demo15 .h6,
.index-demo15 #siteNav > li .megamenu .menu-title { font-family: 'Poppins', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo15 .slideshow .slideshow__title { font-size: 26px; margin: 0; }
.index-demo15 .info-section a:hover { color: #fff; opacity: 0.8; }
.index-demo15 .section-header h2 { font-size: 18px; font-weight: normal; text-transform: uppercase; margin-bottom: 20px; }
.index-demo15 .tab-slider-product-style1 .tabs > li { font-size: 12px; text-transform: uppercase; }
.index-demo15 .imgBanners.style2 .row { margin-left: -10px; margin-right: -10px; }
.index-demo15 .imgBanners .inner .ttl { font-size: 15px; font-weight: 600; background-color: transparent; padding: 0 5px; text-transform: uppercase; }
.index-demo15 .btn { border-radius: 3px; -webkit-border-radius: 3px; }

body.index-demo14, html .index-demo14, .index-demo14 button, .index-demo14 input, .index-demo14 select, .index-demo14 textarea, .index-demo14 .btn { font-family: 'Poppins', sans-serif; }
.index-demo16 h1, .index-demo16 .h1, .index-demo16 h2, .index-demo16 .h2, .index-demo16 h3, .index-demo16 .h3,
.index-demo16 h4, .index-demo16 .h4, .index-demo16 h5, .index-demo16 .h5, .index-demo16 h6, .index-demo16 .h6,
.index-demo16 #siteNav > li .megamenu .menu-title, .index-demo16 .product-with-colletion-bnr .btn-inner span { font-family: 'PT Serif', serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo16 .slideshow .slideshow__title { font-size: 55px; margin-bottom: 30px; }
.index-demo16 .section-header { max-width: 450px; margin: 0 auto; padding-bottom: 35px; }
    .index-demo16 .section-header h2 { font-size: 30px; line-height: 1.3; }
    .index-demo16 .section-header p { font-size: 15px; }

body.index-demo17, html .index-demo17, .index-demo17 button, .index-demo17 input, .index-demo17 select, .index-demo17 textarea, .index-demo17 .btn { font-size: 14px; font-family: 'Karla', sans-serif; }
.index-demo17 h1, .index-demo17 .h1, .index-demo17 h2, .index-demo17 .h2, .index-demo17 h3, .index-demo17 .h3,
.index-demo17 h4, .index-demo17 .h4, .index-demo17 h5, .index-demo17 .h5, .index-demo17 h6, .index-demo17 .h6,
.index-demo17 #siteNav > li .megamenu .menu-title { font-family: 'PT Sans', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo17 .mfp-close { font-size: 28px; }
.index-demo17 .collection-banners.style1 .full-banner-item { width: 100%; float: none; }
.index-demo17 .collection-banners .details .title { font-size: 17px; font-weight: normal; font-family: 'Karla', sans-serif; text-transform: none; }
.index-demo17 .collection-banners.style1 .banner-grid { margin: 0 -10px; }
.index-demo17 .imgBanners.style3 .details { background-color: rgba(255,255,255,0.8); }
    .index-demo17 .imgBanners.style3 .details .tt-small { font-size: 15px; margin-bottom: 0; }
    .index-demo17 .imgBanners.style3 .details .title { text-transform: none; }
.index-demo17 .grid-products .item .product-name a { font-size: 15px; font-weight: 600; }
.index-demo17 .grid-products .item .product-price { font-size: 15px; }
.index-demo17 .collection-banners .details .btn { font-size: 13px; padding: 7px 15px; }

body.index-demo18, html .index-demo18, .index-demo18 button, .index-demo18 input, .index-demo18 select, .index-demo18 textarea, .index-demo18 .btn { font-family: 'Roboto', sans-serif; }
.index-demo18 h1, .index-demo18 .h1, .index-demo18 h2, .index-demo18 .h2, .index-demo18 h3, .index-demo18 .h3,
.index-demo18 h4, .index-demo18 .h4, .index-demo18 h5, .index-demo18 .h5, .index-demo18 h6, .index-demo18 .h6,
.index-demo18 #siteNav > li .megamenu .menu-title { font-family: 'Roboto', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.index-demo18 .btn { border-radius: 4px; -webkit-border-radius: 4px; }
.index-demo18 .notification-bar__message { padding: 5px 10px; }
.index-demo18 .close-announcement { top: 3px; }
.index-demo18 .hero .hero__inner span { font-size: 13px; line-height: normal; }
.index-demo18 .hero .mega-title { font-size: 28px; margin-bottom: 15px; }
.index-demo18 .hero .hero__inner .wrap-text { max-width: 370px; }
.index-demo18 .hero .btn { padding: 10px 20px; }
.index-demo18 .footer-4 .newsletter-section .btn { padding: 10px 20px 10px 20px; border-radius: 0; -webkit-border-radius: 0; }
.index-demo18 .footer-4 .newsletter-form .input-group__btn { padding-left: 0; }

body.medical-demo, html .medical-demo, .medical-demo button, .medical-demo input, .medical-demo select, .medical-demo textarea, .medical-demo .btn { font-family: 'Roboto', sans-serif; }
.medical-demo h1, .medical-demo .h1, .medical-demo h2, .medical-demo .h2, .medical-demo h3, .medical-demo .h3,
.medical-demo h4, .medical-demo .h4, .medical-demo h5, .medical-demo .h5, .medical-demo h6, .medical-demo .h6,
.medical-demo #siteNav > li .megamenu .menu-title { font-family: 'Titillium Web', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.medical-demo .notification-bar { background-color: #282828; }
    .medical-demo .notification-bar a { font-size: 13px; padding: 12px 10px; letter-spacing: 0.5px; text-transform: none; }
    .medical-demo .notification-bar .close-announcement { top: 12px; }
.medical-demo #siteNav a { font-size: 14px; }
.medical-demo #siteNav > li > a { text-transform: none; }
.medical-demo .btn, .medical-demo .slideshow .btn { background-color: #3185cd; border-radius: 4px; -webkit-border-radius: 4px; letter-spacing: 0.02em; }
    .medical-demo .btn:hover, .medical-demo .slideshow .btn:hover { background-color: #262525; }
.medical-demo .mega-small-title { color: #e93c3c; font-size: 15px; margin-bottom: 5px; }
.medical-demo .collection-banners { margin-top: 0; }
    .medical-demo .collection-banners .details .title { font-size: 18px; text-transform: none; }
    .medical-demo .collection-banners .details .btn { font-size: 13px; padding: 7px 15px; }
.medical-demo .tab-slider-product-style1 .tabs > li.active, .medical-demo .tab-slider-product-style1 .tabs > li:hover { color: #3185cd; }
.medical-demo .tab-slider-product-style1 .tabs > li::after { background: #3185cd; }
.medical-demo .hero .hero__inner .wrap-text { background-color: rgba(255,255,255,0.8); }
.medical-demo .hero-section .mega-title { font-size: 30px; }
.medical-demo .hero-section .small-title { color: #F00; margin: 0; }
.medical-demo .hero-section .mega-subtitle { font-size: 14px; margin: 5px 0 15px; }
.medical-demo .hero-section .saleTime { position: static; }
    .medical-demo .hero-section .saleTime span > span { color: #fff; font-weight: 700; min-width: 60px; padding: 6px 4px 4px; line-height: normal; display: inline-block; margin: 0 0 0 1px; text-align: center; background: #3185cd; border-radius: 3px; }
        .medical-demo .hero-section .saleTime span > span span { display: block !important; background: none; font-size: 13px; font-weight: 400; margin-top: 0; text-transform: uppercase; line-height: 16px; margin-top: -5px; }
    .medical-demo .hero-section .saleTime .time-count { font-size: 16px; }
.medical-demo .section.info-section { font-size: 22px; background-color: #3185cd; padding: 20px 10px; }
    .medical-demo .section.info-section a:hover { color: #fff; opacity: 0.8; }
.medical-demo .footer .footer-top { background-color: #fff; }
.medical-demo .footer .footer-bottom { border-color: #bbb; }
    .medical-demo .footer .footer-bottom .payment-icons { color: #aeaeae; }
.medical-demo .product-review .fa { color: #111111; }

body.pet-store, html .pet-store, .pet-store button, .pet-store input, .pet-store select, .pet-store textarea, .pet-store .btn { font-size: 14px; font-family: 'Karla', sans-serif; }
.pet-store h1, .pet-store .h1, .pet-store h2, .pet-store .h2, .pet-store h3, .pet-store .h3,
.pet-store h4, .pet-store .h4, .pet-store h5, .pet-store .h5, .pet-store h6, .pet-store .h6,
.pet-store #siteNav > li .megamenu .menu-title { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; letter-spacing: 0.2px; text-transform: none; }
.pet-store .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1, .pet-store #siteNav > li > a { text-transform: uppercase; }
.pet-store .mask-overlay { z-index: 9; }
.pet-store .slideshow .wrap-caption { background-color: rgba(243,222,206,0.7); }
.pet-store .slideshow .slideshow__text-content { max-width: 560px; }
.pet-store .slideshow .mega-small-title { font-size: 15px; margin-bottom: 5px; }
.pet-store .btn, .pet-store .slideshow .btn, .pet-store .button-set li .btn-icon, .featuredContentStyle2.featuredContent .btn { color: #fff; background-color: #9c6233; }
    .pet-store .btn:hover, .pet-store .slideshow .btn:hover, .pet-store .button-set li .btn-icon:hover, .featuredContentStyle2.featuredContent .btn:hover { color: #fff; background-color: #bb753d; }
.pet-store .notification-bar { background-color: #62462d; }
.pet-store .imgBanners .img-banner-item { margin-bottom: 20px; }
.pet-store .imgBanners .details { background-color: rgba(255,255,255,0.85); }
    .pet-store .imgBanners .details .tt-small { font-size: 15px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; }
.pet-store .product-review .fa { color: #111111; }

.header-18 { min-height: 65px; }
    .header-18.stickyNav { min-height: 55px; }
    .header-18 #siteNav > li a { font-weight: 600; }


.header-17 { min-height: 55px; }

.top-header-wrapper.header-16-top .top-header { font-size: 12px; }
.top-header-wrapper.header-16-top .wl-msg { padding-right: 10px; }
.top-header-wrapper.header-16-top .text-right a { padding-left: 10px; }
.header-16 .logo { text-align: center; float: none; }
    .header-16 .logo a { float: none; }
    .header-16 .logo img { display: inline-block; }
.header-16 { background-color: transparent; position: absolute; z-index: 10; }
    .header-16.stickyNav { position: fixed; background-color: #fff; z-index: 100; }
    .header-16 #siteNav > li > a { padding: 0 10px; font-size: 12px; }
    .header-16 #siteNav > li .megamenu li.lvl-1 a.lvl-1 { font-size: 13px; letter-spacing: 0; font-weight: 700 !important; text-transform: none; }
    .header-16 .search-drawer .container { max-width: 100%; }
    .header-16 .search-drawer .title { font-size: 18px; }

.header-15 { min-height: 70px; }
    .header-15.stickyNav { min-height: 55px; }

.custom-map-section { background-color: #fafafa; padding: 50px 0; }

.header-12 .store-info-slider { color: #fff; text-align: center; background-color: #000; padding: 7px; }
    .header-12 .store-info-slider .info-bar { text-align: left; }
    .header-12 .store-info-slider .slick-slide:nth-last-of-type { text-align: right; }
    .header-12 .store-info-slider a { color: #fff; font-size: 12px; }

.header-10 .d-flex { min-height: 60px; }
.header-10.stickyNav { box-shadow: none; -webkit-box-shadow: none; }
.header-10 .logo a { float: none; text-align: center; }
.header-10 .logo img { max-width: 100px; margin: 0 auto; }

.header-9 { min-height: 70px; }
    .header-9.stickyNav { min-height: 50px; }
    .header-9 .wishlist-count, .header-9 .site-cart-count { background-color: #e55151; }
    .header-9 .search-drawer .container { max-width: 100%; }

.header-8, .header-17 { background-color: #111111; }
    .header-8 .logo img { max-width: 120px; }
    .header-8 .logo.center a, .header-17 .logo.center a { float: none; }
    .header-8 .logo.center img, .header-17 .logo.center img { margin: 0 auto; }
    .header-8.header .container { max-width: 100%; }
    .header-8 #siteNav > li > a, .header-17 #siteNav > li > a { color: #fff; font-weight: 600; }
    .header-8 .iconset, .header-8 .iconset a, .header-17 .iconset, .header-17 .iconset a { color: #fff; }
    .header-8 .site-cart-count, .header-8 .wishlist-count,
    .header-17 .site-cart-count, .header-17 .wishlist-count { color: #000; background-color: #fff; }
    .header-8 #siteNav > li > a:hover, .header-8 #siteNav > li:hover > a { color: #d1d1d1; }
    .header-8 #siteNav > li .megamenu li.lvl-1 li .site-nav:hover { color: #000; }
    .header-8 #siteNav > li .megamenu li.lvl-1 li .site-nav:before { background-color: #000; }
    .header-17 #siteNav > li > a { color: #fff; font-weight: 400; }

.header-7 .topbar-slider { color: #fff; text-align: center; background-color: #000; }
    .header-7 .topbar-slider .top-info-bar { padding: 10px 5px; }
.topbar-slider-items { margin: 0 40px; }
    .topbar-slider-items a { color: #fff; }
    .topbar-slider-items .slick-arrow { opacity: 0; visibility: hidden; }
    .topbar-slider-items:hover .slick-arrow { opacity: 1; visibility: visible; }
    .topbar-slider-items .slick-arrow:before { color: #fff; font-size: 16px; }
    .topbar-slider-items .slick-next { right: -40px; }
    .topbar-slider-items .slick-prev { left: -40px; }

.header-2 { background-color: transparent; position: absolute; z-index: 10; }
    .header-2.stickyNav { position: fixed; background-color: #fff; z-index: 100; }
    .header-2 #siteNav a { font-size: 14px; text-transform: none; }
    .header-2 #siteNav > li .megamenu li.lvl-1 a.lvl-1 { font-size: 16px; letter-spacing: 0; font-weight: 700 !important; text-transform: none; }
.header-social-icons { display: inline-block; font-weight: normal; }
    .header-social-icons li { display: inline-block; padding-left: 8px; }
.header-2 .search-drawer .title { font-size: 18px; }
.header-2 .search-drawer .container { max-width: 100%; }
.header-3 #siteNav a { font-size: 12px; text-transform: uppercase; }
.header-4 { min-height: 80px; border-bottom: 0; }
    .header-4.stickyNav { min-height: 90px; }
    .header-4 #siteNav > li .megamenu li.lvl-1 a.lvl-1 { font-size: 15px; letter-spacing: 0.5px; }

.header-5 > .d-flex { min-height: 60px; }
.header-5.stickyNav { position: static; }
.header-5 .menu-outer { background-color: #131313; padding: 0 60px; }

@media (min-width:992px) {
    .header-5 #siteNav > li > a { color: #fff; line-height: 45px; }
    .header-5 #siteNav > li:hover > a { color: #f77575; }
    .header-5 #siteNav.medium > li > a .anm { font-size: 16px; vertical-align: middle; display: inline-block; }
    .header-5 #siteNav > li:hover > .megamenu,
    .header-5 #siteNav > li:hover > .dropdown, .header-5 #siteNav > li .dropdown li:hover > ul { top: 45px; }
    .header-5 #siteNav > li ul.dropdown li:hover > ul { top: 0; }
}

.header-5 .search-drawer .title { font-size: 20px; margin-bottom: 10px; }
.header-5 .search-drawer { padding: 30px 50px; }

.header-6 > .d-flex { min-height: 80px; }
.header-6.stickyNav > .d-flex { min-height: 50px; }
.header-6 .logo a { float: none; }
    .header-6 .logo a img { margin: 0 auto; }
.header-6 .menu-outer { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.header-13 { background-color: transparent; position: absolute; z-index: 10; }
    .header-13 .logo a { float: none; text-align: center; }
    .header-13 .logo img { margin: 0 auto; }
    .header-13.stickyNav { position: fixed; background-color: rgba(0,0,0,0.8); z-index: 100; }
    .header-13 #siteNav a { color: #fff; font-size: 14px; text-transform: none; padding: 0 10px; }
    .header-13 #siteNav > li:hover > a, .header-13 #siteNav > li > a:hover, .header-13 #siteNav > li > a:hover { color: #fff; opacity: 0.7; }
    .header-13 #siteNav > li .megamenu li.lvl-1 a.lvl-1 { font-size: 16px; letter-spacing: 0; font-weight: 700 !important; text-transform: none; }
    .header-13 .search-drawer .title { font-size: 18px; }
    .header-13 #siteNav a { font-size: 12px; text-transform: uppercase; }
.header-13 { min-height: 80px; border-bottom: 0; }
    .header-13.stickyNav { min-height: 60px; }
    .header-13 #siteNav > li .megamenu li.lvl-1 a.lvl-1 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
    .header-13 .header-cart.iconset a, .header-13 .iconset { color: #fff; }
    .header-13 .site-cart-count, .header-13 .wishlist-count { color: #000; background-color: #fff; }

.header-17 .logo img { max-width: 100px; }

.top-header-wrapper .top-header { font-size: 13px; }
    .top-header-wrapper .top-header .text-left a { margin-right: 10px; }
    .top-header-wrapper .top-header i { vertical-align: middle; }

.index-demo2 .store-info-section { margin-top: -5px; }
.index-demo2 .style2.store-info h5, .index-demo2 .style2.store-info .h5 { font-size: 16px; text-transform: none; }
.store-info-section { background-color: #fafafa; }
.style2.store-info h5, .style2.store-info span, .style2.store-info, .store-info a, .store-info.style2 .anm { color: #333333; }
    .style2.store-info h5, .style2.store-info .h5 { margin-bottom: 0; letter-spacing: 0; font-size: 14px; }
.store-info.style2 .anm { float: left; margin: 0 15px 0 0; }

@media only screen and (min-width: 767px) {
    .large-pd { padding: 55px 0; }
    .small-pd { padding: 30px 0; }
}

/*======================================================================
  9. Homepage Elements
========================================================================*/
/* 9.1 Products With Tab Slider */
.tab-slider-product.section .section-header { margin-bottom: 15px; }
.tab-slider-product .tabs { border: 0; text-align: center; margin: 0 0 30px; padding: 0; }
    .tab-slider-product .tabs > li { float: none; display: inline-block; margin: 0 2px; cursor: pointer; }
    .tab-slider-product .tabs > li { background: none; border: 0; text-transform: none; letter-spacing: 0; color: #000; font-weight: 400; font-size: 14px; padding: 5px 15px; border-radius: 20px; }
        .tab-slider-product .tabs > li.active { color: #fff; background: #000; }
    .tab-slider-product .tabs li:hover, .tab-slider-product .tabs li:focus { color: #fff; opacity: 1; background: #000; }
.tab-slider-product .tab_container { clear: both; width: 100%; background: #fff; }
.tab-slider-product .tab_content { display: none; }
.tab-slider-product .tab_drawer_heading { display: none; }
.tab_container .grid-products .item { padding-left: 10px; padding-right: 10px; }
.tab_container .grid-products .slick-arrow { width: 30px; }

.tab-slider-product-style1 .tabs > li { color: #000; font-size: 16px; letter-spacing: 0.02em; margin: 0 12px; position: relative; padding: 0; }
    .tab-slider-product-style1 .tabs > li:after { width: 0; content: ""; display: block; height: 2px; position: absolute; bottom: -6px; left: 0; z-index: 1; background: #111111; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; }
    .tab-slider-product-style1 .tabs > li.active:after { width: 100%; }
    .tab-slider-product-style1 .tabs > li:hover:after { width: 100%; opacity: 1; }
    .tab-slider-product-style1 .tabs > li.active,
    .tab-slider-product-style1 .tabs > li:hover { color: #000; background-color: transparent; }

.tab-slider-product-style2 .tabs > li { color: #848484; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 5px 10px; }
    .tab-slider-product-style2 .tabs > li.active { color: #000; background: transparent; }
    .tab-slider-product-style2 .tabs > li:hover { color: #000; background-color: transparent; }

/* 9.2 Hero/Parallax Banners */
.parallax-banner-style1 .hero--exlarge { background-attachment: fixed; }
.hero { position: relative; height: 475px; display: table; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; }
.hero__inner { position: relative; display: table-cell; vertical-align: middle; padding: 35px 0; color: #000; z-index: 2; text-align: center; }
.hero[data-stellar-background-ratio] { background-attachment: fixed; }
.hero .text-small .mega-title { font-size: 30px; font-weight: 700; letter-spacing: -0.5px; }
.hero .text-small .mega-subtitle { font-size: 16px; font-weight: normal; margin-bottom: 20px; }
.hero .hero__inner span { font-size: 16px; text-transform: uppercase; letter-spacing: 0; margin-bottom: 10px; display: inline-block; }

@media only screen and (min-width:990px) {
    .hero__inner .wrap-text { max-width: 500px; }
}

.hero--large { height: 600px; }
.hero--exlarge { height: 900px; }
.hero--small { height: 380px; }
.hero .text-large .mega-title { font-size: 45px; }
.hero__inner .center { text-align: center; margin: 0 auto; }
.hero .hero__inner .wrap-text.left { float: left; }
.hero .hero__inner .wrap-text.right { float: right; }
.hero .text-large .mega-subtitle { font-size: 20px; }
.hero .mega-subtitle { margin-bottom: 25px; }
.hero .font-bold .mega-title { font-weight: 700; }
.hero__inner .right { float: right; text-align: center; }
.hero .text-medium .mega-title { font-size: 35px; }
.hero .text-medium .mega-subtitle { font-size: 18px; }

@media (min-width:767px) {
    .hero .hero__inner .wrap-text { max-width: 460px; padding: 30px; margin: 0 auto; }
    .medical-demo .hero .hero__inner .wrap-text { max-width: 400px; }
}

.hero .hero__inner .wrap-text:before { position: absolute; height: 100%; width: 100%; content: ""; left: 0px; top: 0px; z-index: -1; }
.hero .hero__inner .wrap-text.topleft { position: absolute; left: 5%; top: 10%; }
.hero .hero__inner .wrap-text.bottomleft { position: absolute; left: 5%; bottom: 10%; }
.hero .hero__inner .wrap-text.bottomright { position: absolute; right: 5%; bottom: 10%; }


/* 9.3 Featured Content Section */
.featured-content .col-12 { padding: 0; }
.featured-content .featured-text.right { padding-left: 60px; }
.featured-content .featured-text h2 { font-size: 30px; font-weight: bold; letter-spacing: -0.5px; text-transform: none; }
.featured-content .featured-text p { font-size: 16px; margin-bottom: 20px; }
.featured-content .featured-content-bg { margin-top: 60px !important; }
    .featured-content .featured-content-bg .display-table-cell { padding: 0; }
        .featured-content .featured-content-bg .display-table-cell:first-of-type { background-color: #f4f4f4; text-align: center; padding: 60px; }

/* 9.4 Newletter Section */
.newsletter-section { background-color: #f5f5f5; }
    .newsletter-section .section-header { margin-bottom: 20px; }
    .newsletter-section .newsletter-form .newsletter-input { border: 0; background-color: #fff; }
.newsletter-form .input-group__field, .newsletter-form .input-group__btn { display: table-cell; vertical-align: middle; margin: 0; }
.newsletter-form .input-group__btn { white-space: nowrap; width: 1%; }

/* 9.5 Testimonial Slider */
.quote-wraper { background: #f5f5f5; padding: 40px; }
.quotes-slider blockquote { border: 0; max-width: 700px; margin: 0 auto; line-height: 26px; }
.quotes-slider__text { font-size: 1.13462em; font-weight: 400; font-style: normal; padding: 0 15px; }
.quotes-slider .authour { color: #555; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #000; line-height: 18px; }
.quotes-slider__text p { margin-bottom: 30px; }
.quotes-slider .slick-arrow { background-color: rgba(255,255,255,0.8); margin-top: -30px; height: 35px; line-height: 34px; width: 35px; text-align: center; font-size: 0px; padding: 0; opacity: 0; visibility: hidden; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
    .quotes-slider .slick-arrow:before { line-height: 35px; }
.quotes-slider:hover .slick-arrow { opacity: 1; visibility: visible; }
.quotes-slider .slick-prev { left: -10px; }
.quotes-slider .slick-next { right: -10px; }

.testimonial-slider-style1 { background: url(../images/slideshow-banner/dome13-banner2.jpg) no-repeat; background-position: center center; background-color: transparent; background-size: cover; background-attachment: fixed; }
    .testimonial-slider-style1.quote-wraper { padding: 90px 40px; }
    .testimonial-slider-style1 .section-header h2 { color: #fff; }
    .testimonial-slider-style1 .rte-setting, .testimonial-slider-style1 .quotes-slider .authour { color: #fff; font-size: 16px; }

/* 9.6 Info/Simple Text Section */
.section.info-section { padding: 15px; }
.info-section { color: #fff; font-size: 16px; background-color: #111111; padding: 20px 10px; }
    .info-section a { color: #fff; letter-spacing: 0.5px; }
        .info-section a:hover { color: rgb(223, 30, 52) }

/* 9.7 Instagram Section */
.index-demo4 .home-instagram { padding-top: 30px; }
.home-instagram #instafeed .insta-img { position: relative; display: block; padding: 0; float: left; width: 20%; }
    .home-instagram #instafeed .insta-img a { margin: 0 1px 2px; display: block; overflow: hidden; }
    .home-instagram #instafeed .insta-img img { display: block; width: 100%; }
.home-instagram #instafeed .overlay { -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; visibility: hidden; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); position: absolute; }
.home-instagram #instafeed .insta-img:hover .overlay { opacity: 1; visibility: visible; }
.home-instagram #instafeed .counter { position: absolute; left: 0; right: 0; top: 50%; width: 100%; text-align: center; }
    .home-instagram #instafeed .counter span { padding: 0 4px; }
    .home-instagram #instafeed .counter .anm { color: #fff; margin-right: 5px; }
    .home-instagram #instafeed .counter span { padding: 0 4px; color: #fff; }

/* 9.8 Miniproduct List Section */
.mini-product .column-ttl { font-size: 17px; text-transform: uppercase; margin: 0 0 25px; }
.mini-product .mini-list-item { margin-bottom: 20px; display: flex; display: -webkit-flex; }
    .mini-product .mini-list-item .mini-view_image { width: 35%; max-width: 100px; float: left; overflow: hidden; }
    .mini-product .mini-list-item .details { margin-left: 0; padding-left: 15px; }
    .mini-product .mini-list-item .mini-view_image img { max-width: 100px; }
    .mini-product .mini-list-item .product-review .fa { font-size: 13px; margin: 0; }

/* 9.9 Homepage Slideshow */
.slideshow-wrapper { position: relative; }
.slideshow .slide { position: relative; }
.slideshow .wrap-caption.center { max-width: 1200px; text-align: center; }
.slideshow .slideshow__text-content.center { left: 0; right: 0; margin: 0 auto; }
    .slideshow .slideshow__text-content.center .wrap-caption.center { display: block; }
.slideshow .wrap-caption.right { float: right; text-align: right; }
.slideshow .wrap-caption.left { float: left; text-align: left; }
.left .slideshow__text-content { left: 7%; text-align: center; }
.container.left .slideshow__text-content { left: auto; }
.right .slideshow__text-content { right: 7%; text-align: center; }
.slideshow__text-content { position: absolute; max-width: 600px; width: 50%; top: 50%; z-index: 3; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.slideshow .wrap-caption { display: inline-block; padding: 25px; }
/* Slide Caption Animation */
.slideshow__text-wrap .anim-tru.style1 { opacity: 0; -ms-transition: 1s all 100ms; -webkit-transition: 1s all 100ms; transition: 1s all 100ms; -webkit-transition: 1s all 100ms; transform: scale(0.8); -webkit-transform: scale(0.8); }
.slick-active .slideshow__text-content .anim-tru.style1 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.slideshow__text-content.bottom { top: auto; bottom: 10%; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.slideshow__text-content.top { top: 10%; -ms-transform: translateY(10%); -webkit-transform: translateY(10%); transform: translateY(10%); }
.slick-active .slideshow__text-content { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; }
    .slick-active .slideshow__text-content.bottom { top: auto; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
    .slick-active .slideshow__text-content.top { -ms-transform: translateY(-5%); -webkit-transform: translateY(-5%); transform: translateY(-5%); }
/* End Slide Caption Animation */
.slideshow .slideshow__title { color: #000000; font-weight: 700; font-size: 50px; text-transform: none; line-height: 1.1; text-shadow: 1px 1px 7px rgba(0,0,0,0); }
.slideshow .slideshow__subtitle { color: #000000; font-weight: 400; font-size: 16px; text-transform: none; margin-bottom: 20px; line-height: 1.2; text-shadow: 1px 1px 4px rgba(0,0,0,0); display: block; }
.slideshow__text-wrap { height: 100%; }
.slick-active .slideshow__image.img-animate { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
.slideshow__image.img-animate { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.slideshow__overlay.bottom:before { background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%, #000 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%); }
.slideshow__overlay:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; z-index: 3; }
.slideshow .slick-slide img { width: 100%; }
.slideshow .slick-prev, .slideshow .slick-next { line-height: normal; font-size: 0px; padding: 0; border: 0; opacity: 0; visibility: hidden; position: absolute; z-index: 4; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; border-radius: 5px; text-align: center; background-color: rgba(255,255,255,0.1); -ms-transition: all ease-out 0.2s; -webkit-transition: all ease-out 0.2s; transition: all ease-out 0.2s; }
.slideshow:hover .slick-prev, .slideshow:hover .slick-next { opacity: 0.75; visibility: visible; opacity: 0.7; background-color: rgba(255,255,255,0.7); box-shadow: 0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.4); }
.slideshow .slick-prev { left: 10px; }
.slideshow .slick-next { right: 10px; }
    .slideshow .slick-next:before { content: "\ea8c"; font-family: "annimex-icons"; color: #000; }
.slideshow .slick-prev:before { content: "\ea8b"; font-family: "annimex-icons"; color: #000; }
.slideshow .slick-prev:before, .slideshow .slick-next:before { font-size: 20px; line-height: 20px; }
.slideshow .btn { color: #fff; background-color: #000; }
    .slideshow .btn:hover, .slideshow .btn:focus { opacity: 0.8; }
.slideshow .slick-dots { margin: 0; width: auto; padding: 0; list-style: none; position: absolute; bottom: 20px; text-align: center; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    .slideshow .slick-dots li { width: 12px; height: 12px; vertical-align: middle; position: relative; display: inline-block; padding: 0; cursor: pointer; margin-right: 8px; }
        .slideshow .slick-dots li button { color: transparent; line-height: 0; font-size: 0; border: 0; background: transparent; display: block; cursor: pointer; color: #fff; width: 12px; height: 12px; text-indent: -9999px; padding: 0; border-radius: 100%; background-color: #fff; transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; opacity: 0.5; }
        .slideshow .slick-dots li.slick-active button { opacity: 1; }
.slideshow img.mobile-hide { display: none; }

.slideshow.style2 .slideshow__title { font-size: 42px; font-weight: 300; text-transform: uppercase; margin-bottom: 5px; }
.slideshow.style2 .mega-small-title { text-transform: uppercase; margin-bottom: 5px; }
.slideshow.style2 .slideshow__subtitle { font-size: 15px; line-height: normal; }
.slideshow.style2 .btn { color: #fff; padding: 5px 15px; border: 2px solid #000; }
    .slideshow.style2 .btn:hover, .slideshow.style2 .btn:focus { color: #000; border-color: #000; background-color: transparent; }

.slideshow-carousel.slideshow .slick-prev,
.slideshow-carousel.slideshow .slick-next { opacity: 0.9; background-color: #fff; border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; }
.home-slideshow-carousel.slick-slider { margin: 0 -6px; }
.home-slideshow-carousel .slick-slide { margin: 0 6px 12px; }
.home-slideshow-carousel .slide .img { position: relative; overflow: hidden; }
    .home-slideshow-carousel .slide .img img { display: block; width: 100%; -ms-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.home-slideshow-carousel .slide .details { display: block; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; width: 100%; text-align: center; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .home-slideshow-carousel .slide .details h3 { color: #000; font-size: 20px; line-height: 1.3; margin: 0; font-weight: 600; text-transform: uppercase; }
    .home-slideshow-carousel .slide .details .btn { background-color: #e34848; display: inline-block; margin-top: 15px; font-size: 12px; padding: 10px 25px; }
        .home-slideshow-carousel .slide .details .btn:hover { background-color: #000; opacity: 1; }
    .home-slideshow-carousel .slide .details:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: #ffffff; opacity: 0.8; }
.home-slideshow-carousel .slide:hover .details { opacity: 1; visibility: visible; }
.home-slideshow-carousel .slide .inner { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 15px; }
.home-slideshow-carousel .slide:hover .img img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.slideshow-carousel.style2 .slick-slide { margin: 0; }
.slideshow-carousel.style2 .slide .details { height: auto; top: auto; bottom: 20px; opacity: 1; visibility: visible; }
    .slideshow-carousel.style2 .slide .details h3 { color: #fff; font-size: 32px; margin: 0; font-weight: 400; }
    .slideshow-carousel.style2 .slide .details:before { display: none; }
.slideshow-carousel.style2 .slide .inner { transform: none; -webkit-transform: none; -ms-transform: none; }

.mega-subtitle ul { list-style: none; padding: 0; margin: 15px 0; }
.mega-subtitle li { line-height: 1.5; position: relative; padding-left: 20px }
    .mega-subtitle li:before { position: absolute; left: 0; content: "\ea7f"; font-family: "annimex-icons"; font-size: 14px; top: 50%; margin-top: -10px }

/* 9.10 Collection Slider */
.collection-slider .collection-grid-item { margin: 0 10px; position: relative; text-align: center; overflow: hidden; width: auto !important; }
    .collection-slider .collection-grid-item .img { position: relative; overflow: hidden; }
        .collection-slider .collection-grid-item .img img { display: block; width: 100%; -ms-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .collection-slider .collection-grid-item:hover .img img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.collection-slider .slick-arrow { opacity: 0; visibility: hidden; width: 30px; height: 30px; }
.collection-slider:hover .slick-arrow { color: #000; opacity: 1; visibility: visible; }
.collection-slider .collection-grid .slick-prev { left: 10px; }
.collection-slider .collection-grid .slick-next { right: 10px; }

.collection-slider-full .collection-grid-slider { padding: 0 40px; }
.collection-slider-full .slick-prev { left: 40px; }
.collection-slider-full .slick-next { right: 40px; }
.collection-slider-full .collection-grid-slider .collection-item { position: relative; }
.collection-slider-full .collection-grid-slider .details { position: absolute; bottom: 20px; left: 20px; right: 20px; width: auto; }
    .collection-slider-full .collection-grid-slider .details:before { background: #ffffff; opacity: 0.9; }
    .collection-slider-full .collection-grid-slider .details .collection-item-title { color: #333333; }

/* 9.11 Brands Logo Slider */
.logo-bar__item:hover { opacity: 0.6; }
.logo-bar .slick-arrow { -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.logo-bar:hover .slick-arrow { color: #000; opacity: 1; }
.logo-bar .slick-prev { left: 0; }
.logo-bar .slick-next { right: -5px; }
.logo-bar .slick-slide img { margin: 0 auto; }
.logo-bar .slick-prev, .logo-bar .slick-next { text-align: center; font-size: 0px; height: 30px; width: 30px; line-height: 29px; border-radius: 50%; opacity: 1 !important; }


/* 9.12 Home Blog Post */
.home-blog-post { background-color: #fafafa; padding: 50px 0; }
.home-blog-post-style1 { background-color: #fff; }
.blogpost-item { width: auto !important; margin: 0 10px 10px; }
    .blogpost-item .post-thumb { display: block; margin-bottom: 20px; position: relative; overflow: hidden; }
        .blogpost-item .post-thumb img { display: block; width: 100%; -ms-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .blogpost-item:hover .post-thumb img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
    .blogpost-item .post-detail { text-align: center; }
    .blogpost-item .article-excerpt { font-size: 14px; margin-top: 10px; }
    .blogpost-item .publish-detail { list-style: none; padding: 0; margin: 0; }
        .blogpost-item .publish-detail li { display: inline-block; padding: 0; }
            .blogpost-item .publish-detail li a { color: #101010; }
                .blogpost-item .publish-detail li a:hover { text-decoration: none; }
    .blogpost-item .post-detail .excerpt { margin: 15px 0; }
.home-blog-post .slick-arrow { opacity: 0; visibility: hidden; width: 30px; height: 30px; }
.home-blog-post:hover .slick-arrow { color: #000; opacity: 1; visibility: visible; }
.home-blog-post .slick-prev { left: 10px; }
.home-blog-post .slick-next { right: 10px; }

.home-blog-post-style1 .blogpost-item .post-detail .post-title { font-weight: normal; font-size: 15px; }
.home-blog-post-style1 .blogpost-item .post-thumb { margin-bottom: 20px; }
.home-blog-post-style1 .blogpost-item .publish-detail { font-size: 13px; }
    .home-blog-post-style1 .blogpost-item .publish-detail li { padding: 0; }

/* 9.13 Store Features */
.store-features { background-color: #131313; padding: 30px 0; }
.store-info .anm { float: left; margin: 0 15px 0 0; font-size: 40px; vertical-align: middle; display: block; }
.store-info h5, .store-info .h5 { margin-bottom: 5px; letter-spacing: 0.05em; font-size: 14px; text-transform: uppercase; }
.store-info h5, .store-info p, .store-info, .store-info a { color: black; }
    .store-info p { display: block; /*padding-left: 55px; */ }

    .store-info.style3 { background-color: #f5f5f5; }
        .store-info.style3 li { text-align: center; }
        .store-info.style3 h5 { font-weight: normal; margin-bottom: 3px; }
        .store-info.style3 h5, .store-info.style3 p, .store-info.style3, .store-info.style3 a { color: #000; }
            .store-info.style3 p { padding: 0; }
            .store-info.style3 .anm { float: none; font-size: 40px; vertical-align: middle; display: block; margin-bottom: 20px; }

    .store-info.style4 { background-color: #fff; }
        .store-info.style4 li { text-align: center; }
        .store-info.style4 h5 { font-weight: 600; margin-bottom: 3px; }
        .store-info.style4 h5, .store-info.style4 p, .store-info.style4, .store-info.style4 a { color: #000; }
            .store-info.style4 p { padding: 0; }
            .store-info.style4 .anm { color: #139ddd; float: none; font-size: 40px; vertical-align: middle; display: block; margin: 0 0 20px; }

    .store-info.style5 { background-color: #fff; }
        .store-info.style5 li { text-align: center; padding: 0 20px; }
        .store-info.style5 h5 { color: #776657; font-size: 18px; font-weight: 600; margin-bottom: 15px; }
        .store-info.style5 p, .store-info.style5, .store-info.style5 a { color: #000; }
            .store-info.style5 p { padding: 0; font-size: 15px; }
            .store-info.style5 img { display: block; margin: 0 auto 20px; }

/* 9.14 Promotion Product Popup */
.product-notification { display: block; width: 270px; padding: 10px; background-color: #fff; -webkit-box-shadow: 0px 0 7px 2px rgba(158,158,158,0.2); box-shadow: 0px 0 7px 2px rgba(158,158,158,0.2); margin: 10px; position: fixed; bottom: 0; -webkit-animation: movebottom 15s infinite; animation: movebottom 15s infinite; z-index: 99; }
    .product-notification img { height: 70px; }
    .product-notification h5 { color: #666; font-size: 10px; }
    .product-notification .pname { font-size: 12px; font-weight: 600; margin-bottom: 5px; }
    .product-notification .detail { font-size: 11px; line-height: 1.2; margin: 0; color: #666; }
    .product-notification .media-body { padding-left: 10px; }
    .product-notification p { margin: 0 0 10px; }
    .product-notification .close { font-size: 13px !important; cursor: pointer; position: absolute; right: 7px; top: 6px; z-index: 99; }

@-webkit-keyframes movebottom {
    0% { display: block; bottom: -200px; }
    25% { bottom: 0px; }
    75% { bottom: 0px; }
    100% { display: none; bottom: -200px; }
}

@keyframes movebottom {
    0% { display: block; bottom: -200px; }
    25% { bottom: 0px; }
    75% { bottom: 0px; }
    100% { display: none; bottom: -200px; }
}


.instagram_gallery img { padding: 5px; }

/* 9.15 Custom Content */
.custom-content-section .col-lg-6 { margin-bottom: 30px; }
.custom-content-section .section-header { margin-bottom: 10px; }
.custom-content-section .custom-details { text-align: center; max-width: 80%; margin: 0 auto; }
    .custom-content-section .custom-details p { margin-bottom: 20px; }

/* 9.16 Instagram Shop */
.instagram-shop { margin-top: 20px; }
    .instagram-shop .row { margin-left: -8px; margin-right: -8px; }
        .instagram-shop .row .col-6 { padding: 0 8px; margin-bottom: 16px; }
    .instagram-shop .insta-item img { display: block; -ms-transition: all ease-out 0.5s; -webkit-transition: all ease-out 0.5s; transition: all ease-out 0.5s; }
    .instagram-shop .insta-item { position: relative; display: block; overflow: hidden; }
        .instagram-shop .insta-item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
        .instagram-shop .insta-item:after { content: '\e931'; font-family: 'annimex-icons'; display: inline-block; position: absolute; right: 10px; bottom: 10px; font-size: 15px; background-color: rgba(0,0,0,0.18); border-radius: 100px; -webkit-border-radius: 100px; width: 30px; height: 30px; line-height: 30px; text-align: center; }


/*======================================================================
  10. Collection Banner Grid
========================================================================*/
.collection-banners { margin-top: 15px; }
    .collection-banners .row { margin-left: -10px; margin-right: -10px; }
        .collection-banners .row .banner-item { padding-left: 10px; padding-right: 10px; }
    .collection-banners .collection-grid-item { position: relative; overflow: hidden; }
        .collection-banners .collection-grid-item img { display: block; width: 100%; -ms-transition: all ease-out 0.5s; -webkit-transition: all ease-out 0.5s; transition: all ease-out 0.5s; }
        .collection-banners .collection-grid-item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
    .collection-banners .details { background-color: #fff; color: #000; width: 50%; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: 30px; right: 0; padding: 20px; text-align: center; }
        .collection-banners .details .title { margin: 0; font-size: 16px; text-transform: uppercase; }
        .collection-banners .details p { margin: 5px 0 0; }
        .collection-banners .details .btn { font-size: 12px; padding: 5px 15px; margin-top: 10px; }
.banner-item:after, .collection-page-item:after { content: ''; display: block; clear: both; }
.grid-sizer, .banner-item, .collection-page-item { width: 50%; }
    .grid-sizer.grid-5col, .collection-banners.style4 .collection-page-item { width: 20%; }
    .grid-sizer.grid-6col, .collection-banners.style5 .collection-page-item { width: 16.66667%; }
    .grid-sizer.grid-7col, .collection-banners.style6 .collection-page-item { width: 14.28571%; }

@media (min-width:576px) and (max-width: 767px) {
    .grid-sizer, .banner-item, .collection-page-item { width: 50%; }
        .grid-sizer.grid-5col, .collection-banners.style4 .collection-page-item,
        .grid-sizer.grid-6col, .collection-banners.style5 .collection-page-item,
        .grid-sizer.grid-7col, .collection-banners.style6 .collection-page-item { width: 33.33%; }
}

.banner-item, .collection-page-item { float: left; margin-bottom: 20px; }
    .banner-item img, .collection-page-item img { display: block; max-width: 100%; }

.collection-page-grid .collection-page-item { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
.collection-grid-item .collection-grid-item__link { opacity: 1; }
.collection-grid-item .details { display: block; height: 100%; position: absolute; top: 0; opacity: 0; z-index: 1; padding: 15px; width: 100%; text-align: center; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .collection-grid-item .details:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: #000; z-index: -1; }
    .collection-grid-item .details .inner { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0; }
.collection-grid-item__title { color: #fff; font-size: 17px; text-transform: uppercase; margin: 0; font-weight: 600; display: block; }
.collection-grid-item .counts { color: #fff; font-size: 13px; }
.collection-grid-item:hover .details { opacity: 0.8; }

.collection-banners.style0 .collection-grid-item .details { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; height: 100%; position: absolute; top: 0; opacity: 0; z-index: 1; padding: 15px; width: 100%; text-align: center; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .collection-banners.style0 .collection-grid-item .details:before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: #000; z-index: -1; }
.collection-banners.style0 .collection-grid-item:hover .details { opacity: 0.8; }
.collection-banners.style0 .collection-grid-item .details .inner { position: static; }

.collection-banners.style1 .collection-grid-item .overlay { display: block; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 4; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.collection-banners.style1 .collection-grid-item:hover .overlay { visibility: visible; opacity: 1; }
.collection-banners.style1 .collection-grid-item .details { opacity: 1; visibility: visible; height: auto; top: auto; width: auto; }
    .collection-banners.style1 .collection-grid-item .details.transparent { background-color: transparent; }
    .collection-banners.style1 .collection-grid-item .details:before { display: none; }
    .collection-banners.style1 .collection-grid-item .details.wd-70 { width: 70%; }
    .collection-banners.style1 .collection-grid-item .details.wd-90 { width: 90%; }
    .collection-banners.style1 .collection-grid-item .details .inner { position: static; transform: none; -ms-transform: none; -webkit-transform: none; }
.collection-banners.style1 .collection-banners .details p { margin-top: 10px; }

.collection-banners.style2 .collection-grid-item .details { text-align: center; position: absolute; top: inherit; bottom: 0; left: 0; height: auto; -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }
.collection-banners.style2 .collection-grid-item:hover .details { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
.collection-banners.style2 .collection-grid-item__title, .collection-banners.style3 .collection-grid-item__title { font-size: 15px; }

.collection-banners.style3 .collection-page-item { margin-bottom: 30px; }
.collection-banners.style3 .collection-grid-item .details { color: #000000; position: relative; opacity: 1; visibility: visible; background: #f5f5f5; }
    .collection-banners.style3 .collection-grid-item .details:before, .collection-banners.style4 .collection-grid-item .details:before,
    .collection-banners.style5 .collection-grid-item .details:before, .collection-banners.style6 .collection-grid-item .details:before { display: none; }
.collection-banners.style3 .collection-grid-item .collection-grid-item__title, .collection-banners.style3 .collection-grid-item .counts { color: #000000; }

.collection-banners.style4 .collection-grid-item .details,
.collection-banners.style5 .collection-grid-item .details,
.collection-banners.style6 .collection-grid-item .details { padding: 10px; width: auto; height: auto; top: auto; bottom: 15px; left: 15px; right: 15px; opacity: 1; visibility: visible; background: rgba(255,255,255,0.8); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.collection-banners.style4 .collection-grid-item__title,
.collection-banners.style5 .collection-grid-item__title,
.collection-banners.style6 .collection-grid-item__title { color: #000000; font-size: 15px; }
.collection-banners.style6 .collection-grid-item .details { background: #000; position: static; }
.collection-banners.style6 .collection-grid-item__title { color: #ffffff; }

.category-6col-page .container-fluid, .category-7col-page .container-fluid { padding: 0; }
.collection-banners.style5 .collection-grid-item__title { font-family: 'Montserrat',sans-serif; }

.collection-box { background-color: #f5f5f5; }
.collection-grid-slider { margin: 0 -7.5px; }
    .collection-grid-slider .slick-slide { margin: 0 7.5px; }
    .collection-grid-slider .collection-item .img { position: relative; overflow: hidden; }
        .collection-grid-slider .collection-item .img img { display: block; width: 100%; -ms-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
    .collection-grid-slider .collection-item:hover .img img { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
    .collection-grid-slider .details { z-index: 1; position: relative; padding: 15px; width: 100%; text-align: center; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        .collection-grid-slider .details:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: #111111; opacity: 1; z-index: -1; }
        .collection-grid-slider .details .collection-item-title { color: #fff; font-size: 14px; text-transform: uppercase; margin: 0; }
    .collection-grid-slider .slick-arrow { background-color: rgba(255,255,255,0.75); opacity: 0; visibility: hidden; }
    .collection-grid-slider:hover .slick-arrow { opacity: 1; visibility: visible; }

.collection-banner-grid { background-color: inherit; }
    .collection-banner-grid .collection-item { margin-bottom: 30px; }
    .collection-banner-grid .details { background-color: rgba(88, 195, 141, 0.7); padding: 15px; text-align: center; }
    .collection-banner-grid .collection-item-title { font-size: 15px; }

.collection-slider-4items .slick-list { margin-left: -5px; margin-right: -5px; }
.collection-slider-4items .slick-slide { padding: 5px; }
.collection-slider-4items .slick-arrow { background-color: rgba(255,255,255,0.9); }
.collection-slider-4items .slick-prev { left: 0; }
.collection-slider-4items .slick-next { right: 0; }

.imgBanners .inner * { -ms-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.imgBanners .row { margin-left: -10px; margin-right: -10px; }
    .imgBanners .row .img-banner-item { padding-left: 10px; padding-right: 10px; }
.imgBanners .inner { position: relative; overflow: hidden; }
    .imgBanners .inner img { display: block; width: 100%; }
.imgBanners .imgBanner-grid-item { position: relative; overflow: hidden; }
    .imgBanners .imgBanner-grid-item img { display: block; width: 100%; -ms-transition: all ease-out 0.5s; -webkit-transition: all ease-out 0.5s; transition: all ease-out 0.5s; }
    .imgBanners .imgBanner-grid-item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
.imgBanners .inner .ttl { background-color: rgba(255,255,255,0.8); color: #000; line-height: 25px; font-size: 17px; display: inline-block; padding: 10px 20px; max-width: 80%; position: absolute; z-index: 1; }
.imgBanners .inner.btmleft .ttl { left: 20px; bottom: 20px; text-align: left; }
.imgBanners .inner.topleft .ttl { left: 20px; top: 20px; text-align: left; }
.imgBanners .inner.topright .ttl { right: 20px; top: 20px; text-align: right; }
.imgBanners .inner.center .ttl { left: 0; right: 0; bottom: 20px; text-align: center; }
.imgBanners .img-banner-item.last .imgBanner-grid-item { margin-bottom: 20px; }
    .imgBanners .img-banner-item.last .imgBanner-grid-item + .imgBanner-grid-item { margin-bottom: 0; }
.imgBanners .details { display: inline-block; position: absolute; z-index: 1; padding: 15px; width: auto; background-color: #fff; text-align: center; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .imgBanners .details .title { color: #000; margin-bottom: 5px; }
    .imgBanners .details p { margin-bottom: 10px; }
    .imgBanners .details .ttl { display: inline-block; }
    .imgBanners .details.center { left: 0; right: 0; bottom: 20px; text-align: center; margin: 0 auto; }
    .imgBanners .details.left { left: 20px; right: auto; bottom: 20px; text-align: left; margin: 0 auto; }
    .imgBanners .details.right { left: auto; right: 20px; bottom: 20px; text-align: right; margin: 0 auto; }
    .imgBanners .details.left-top { left: 20px; right: auto; bottom: auto; top: 30px; text-align: left; margin: 0 auto; }

.index-demo3 .imgBanners.style2 .row { margin-left: -5px; margin-right: -5px; }
    .index-demo3 .imgBanners.style2 .row .img-banner-item { padding-left: 5px; padding-right: 5px; }
.index-demo3 .imgBanners.style2 .img-banner-item { margin-bottom: 10px; }
    .index-demo3 .imgBanners.style2 .img-banner-item .title { color: #000; font-size: 18px; margin-bottom: 5px; text-transform: uppercase; }
.index-demo3 .imgBanners.style2 .details p { margin-bottom: 10px; }
.index-demo3 .imgBanners.style2 .btn { font-size: 12px; }

.imgBanners.style2 { margin-top: 10px; }
    .imgBanners.style2 .row { margin-left: -5px; margin-right: -5px; }
    .imgBanners.style2 .banner-item { padding-right: 5px; }
        .imgBanners.style2 .banner-item:nth-of-type(1) { padding-left: 0; margin-bottom: 0; }
        .imgBanners.style2 .banner-item:nth-of-type(2) { padding-right: 0; padding-left: 5px; margin-bottom: 0; }
    .imgBanners.style2 .details .title { font-size: 20px; margin: 0 0 5px; }

.imgBanners.style3 .details { background-color: transparent; }
    .imgBanners.style3 .details .title { color: #000; font-size: 24px; margin: 0; text-transform: uppercase; }
    .imgBanners.style3 .details .tt-small { font-size: 14px; margin-bottom: 5px; }

.imgBanners.style4 .inner .img { position: relative; overflow: hidden; }
.imgBanners.style4 .details { position: static; text-align: center; width: 100%; }
    .imgBanners.style4 .details .title { font-size: 26px; font-weight: normal; }
.imgBanners.style4 .imgBanner-grid-item:hover img { transform: none; -webkit-transform: none; -ms-transform: none; opacity: 0.8; }
.imgBanners.style4 .details p { margin-bottom: 15px; }

.imgBanners.style5 .details { padding: 0; background-color: transparent; transform: none; -webkit-transform: none; -ms-transform: none; }
    .imgBanners.style5 .details .ttl { margin: 0; background: #fff; font-size: 15px; display: inline-block; padding: 10px 20px; }
.imgBanners.style5 .row + .row { margin-top: 20px; }
    .imgBanners.style5 .row + .row .col-12 { margin-bottom: 20px; }

.imgBanners.style6 { margin-top: 20px; }
    .imgBanners.style6 .row .img-banner-item.last { margin-top: 20px; }
    .imgBanners.style6 .inner .ttl { font-size: 15px; font-weight: bold; background-color: transparent; padding: 5px 10px; }

.imgBanners.style7 .ttl { background-color: transparent; line-height: normal; }
    .imgBanners.style7 .ttl .tt-small { font-size: 14px; display: block; }
    .imgBanners.style7 .ttl .tt-big { font-size: 23px; line-height: 35px; }

.lookbook { margin: 0 -5px; }
    .lookbook .collection-grid-item { position: relative; overflow: visible; }
    .lookbook .grid-lookbook { float: left; padding: 5px; }
    .lookbook .collection-grid-item.gallery { overflow: hidden; }
    .lookbook a { opacity: 1; }
    .lookbook .zoom-img { text-align: center; border-radius: 2px; display: block; width: 31px; height: 28px; opacity: 0; visibility: hidden; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; position: absolute; left: 10px; top: 10px; z-index: 9; background-color: #fff; }
    .lookbook .grid-lookbook:hover .zoom-img { opacity: 1; visibility: visible; }
    .lookbook .zoom-img .anm { color: #111111; font-size: 19px; line-height: 28px; }
    .lookbook .grid-lookbook img { width: 100%; display: block; margin: 0 auto; }
.lookbook-caption { background: #000000; }
.lookbook .lookbook-caption { font-size: 20px; text-align: center; bottom: -100px; position: absolute; left: 0; right: 0; margin: 0; padding: 12px 18px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; }
    .lookbook .lookbook-caption a { color: #fff; }
    .lookbook .lookbook-caption .text-1 { font-size: 15px; }
    .lookbook .lookbook-caption .text-2 { font-size: 13px; display: block; }
.lookbook .grid-lookbook:hover .lookbook-caption { bottom: 0; }
.lookbook-shop-page .collection-grid-item.gallery { overflow: visible; }
.lookbook-shop-page .lookbook .grid-lookbook { z-index: inherit; }
.lookbook .collection-grid-item:hover img { transform: none; -webkit-transform: none; -ms-transform: none; }
.lookbook .products { position: absolute; }
    .lookbook .products .btn-shop { z-index: 1; margin: 5px; cursor: pointer; background: #000; color: #fff; border-radius: 50%; display: block; height: 24px; width: 24px; text-align: center; line-height: 23px; }
        .lookbook .products .btn-shop::before { content: ""; position: absolute; animation: box-shadow 1.5s linear infinite; -webkit-animation: box-shadow 1.5s linear infinite; left: 5px; top: 5px; border-radius: 50%; height: 24px; width: 24px; color: rgba(255,255,255,0.4); }
        .lookbook .products .btn-shop .anm { font-size: 10px; }
.lookbook .grid-lb { visibility: hidden; z-index: 2; box-shadow: 0 0 2px #bbb; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; display: table; position: absolute; table-layout: fixed; width: 260px; background: #fff; border-radius: 0; padding: 10px; }
    .lookbook .grid-lb.active { opacity: 1; visibility: visible; }
    .lookbook .grid-lb.left { right: 0; }
    .lookbook .grid-lb .btn-shop-close { background: #131313; color: #ffffff; position: absolute; right: -8px; top: -8px; padding: 1px 6px; cursor: pointer; z-index: 3; }
    .lookbook .grid-lb .pro-img { display: table-cell; margin: 0; width: 80px; }
    .lookbook .grid-lb .detail { width: 160px; display: table-cell; vertical-align: top; text-align: left; margin: 0; padding: 0 0 0 15px; }
        .lookbook .grid-lb .detail .title { color: #000; }
        .lookbook .grid-lb .detail .price { margin: 5px 0; }
        .lookbook .grid-lb .detail .btn { margin-top: 5px; font-size: 12px; padding: 5px 10px; }

@keyframes box-shadow {
    0%, 100% { -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; }
    50% { -webkit-box-shadow: 0 0 0 4px; -moz-box-shadow: 0 0 0 4px; box-shadow: 0 0 0 4px; }
}

.custom-text-masonry-item { float: left; margin-bottom: 10px; }
    .custom-text-masonry-item .btn { text-decoration: none !important; padding: 10px 20px; }

/*======================================================================
  11. Breadcrumbs
========================================================================*/
.breadcrumbs-wrapper { background: #f9f9f9; margin: 0 0 30px; }
    .breadcrumbs-wrapper .container { padding-top: 10px; padding-bottom: 10px; }
.breadcrumbs a, .breadcrumbs span { color: #111111; display: inline-block; padding: 0 3px 0 0; margin-right: 3px; font-size: 12px; }

.page-title h1 { letter-spacing: normal; font-weight: 700; font-size: 20px; text-transform: uppercase; position: relative; margin: 0 0 30px 0; text-align: center; }

/*======================================================================
  12. Section
========================================================================*/
.section { padding-top: 50px; padding-bottom: 50px; }
.section-header { margin-bottom: 35px; text-align: center; }
    .section-header h2 { font-size: 22px; font-weight: 700; line-height: 1.3; margin: 0 auto; }
    .section-header p { color: #000000; font-size: 13px; margin: 5px 0 0; display: block; }
.pb-section { padding-bottom: 50px; }
.pt-section { padding-top: 50px; }
.no-pb-section { padding-bottom: 0 !important; }
.no-pt-section { padding-top: 0 !important; }

@media only screen and (min-width: 992px) {
    #page-content { min-height: 400px; }
}

/*======================================================================
  13. Product Grid
========================================================================*/
.grid-products a { text-decoration: none !important; }

@media only screen and (min-width: 992px) {
    .shop-grid-5 .grid-products .item.col-lg-2 { -ms-flex: 0 0 20%; -webkit-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}

@media only screen and (min-width: 1540px) {
    .shop-grid-7 .grid-products .item.col-lg-2 { -ms-flex: 0 0 14.2222%; -webkit-flex: 0 0 14.2222%; flex: 0 0 14.2222%; max-width: 14.2222%; }
}

.grid-products .item .product-image .showVariantImg img { opacity: 0; visibility: hidden; }
.grid-products .item .product-image .showVariantImg .variantImg { visibility: visible; opacity: 1; }
.grid-products .item .product-image .showLoading { transition: .5s; animation: loader-rotate .8s infinite linear; background: none !important; border: 3px solid rgba(100,100,100,.5); border-top-color: rgba(100, 100, 100, 0.5); border-radius: 100%; border-top-color: #fff; content: ""; height: 34px !important; left: 50%; line-height: 1; margin-left: -17px; margin-top: -17px; pointer-events: none; position: absolute; top: 50% !important; -webkit-animation: loader-rotate .8s infinite linear; width: 34px !important; z-index: 154 !important; }
.grid-products .item .product-image { position: relative; overflow: hidden; margin: 0 auto 15px; }
    .grid-products .item .product-image > a { display: block; white-space: nowrap; opacity: 1; }
    .grid-products .item .product-image img { display: inline-block; width: 100%; height: 100%; margin: 0 auto; vertical-align: middle; -ms-transition: all ease-out 0.4s; -webkit-transition: all ease-out 0.4s; transition: all ease-out 0.4s; }
    .grid-products .item .product-image .hover { visibility: hidden; opacity: 0; left: 50%; top: 50%; position: absolute; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .grid-products .item .product-image:hover .primary { opacity: 0; }
    .grid-products .item .product-image:hover .hover:not(.variantImg) { opacity: 1; visibility: visible; }
.grid-view_image:hover .primary { opacity: 0; visibility: hidden; }
.grid-view_image:hover .hover:not(.variantImg) { opacity: 1; visibility: visible; }
.grid-products .item .product-details.text-left .product-name,
.grid-products .item .product-details.text-left .product-price .price { font-size: 14px; }

.add-to-cart-btn { margin: 10px 0; }
    .add-to-cart-btn i { vertical-align: middle; padding-right: 2px; }
    .add-to-cart-btn span { vertical-align: middle; }
.tab_container .grid-products.grid-products-style1 .item { padding: 0; }
.grid-products-style1 .slick-slide { margin-right: 15px; margin-left: 15px; }
.grid-products-style1 .item { border: 1px solid #eeeeee; padding: 0; }
    .grid-products-style1 .item:hover { border: 1px solid #ddd; }
    .grid-products-style1 .item .product-details { padding: 10px; }
    .grid-products-style1 .item .saleTime span { background-color: #efefef; }
.medical-demo .btn.soldOutBtn, .soldOutBtn { background-color: #f00; }

.grid-products.style2 { position: relative; text-align: center; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
    .grid-products.style2 .item { position: relative; margin-bottom: 25px; }
        .grid-products.style2 .item .overlay { display: block; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; z-index: 4; background-color: rgba(255,255,255,0.85); -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        .grid-products.style2 .item:hover .overlay { visibility: visible; opacity: 1; }
        .grid-products.style2 .item.product-image { width: 100%; overflow: hidden; position: relative; z-index: 1; }
        .grid-products.style2 .item .product-details { width: 100%; height: auto; padding-bottom: 30px; opacity: 0; visibility: hidden; position: absolute; top: 50%; left: 0; z-index: 5; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        .grid-products.style2 .item:hover .product-details { opacity: 1; visibility: visible; }
        .grid-products.style2 .item .button-set { width: 100%; display: block; font-size: 0px; position: absolute; bottom: -20px; top: auto; left: 0; z-index: 444; -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
        .grid-products.style2 .item:hover .button-set { bottom: -10px; top: auto; }
        .grid-products.style2 .item .product-review { margin-bottom: 10px; }
    .grid-products.style2 .row { margin-left: -10px; margin-right: -10px; }
        .grid-products.style2 .row .col-12 { padding-left: 10px; padding-right: 10px; }

.grid-view_image .product-image > a:after { content: ""; display: inline-block; width: 0px; height: 100%; vertical-align: middle; }

.slick-prev, .slick-next { width: 30px; height: 30px; text-align: center; position: absolute; z-index: 9; display: block; line-height: normal; font-size: 0px; padding: 6px 10px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; opacity: 1; }
.slick-prev { left: 10px; }
.slick-next { right: 10px; }
    .slick-prev:before, .slick-next:before { font-family: "annimex-icons"; font-size: 20px; line-height: 30px; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; display: block; }
.slick-prev:before { content: "\ea8b"; }
.slick-next::before { content: "\ea8c"; }
.productSlider:hover .slick-arrow, .productPageSlider:hover .slick-arrow, .productSlider-style1:hover .slick-arrow, .productSlider-style2:hover .slick-arrow,
.productSlider-style2:hover .slick-arrow, .productSlider-fullwidth:hover .slick-arrow { opacity: 1; }
.grid-products .slick-arrow { margin-top: -10px; width: 30px; }
.productPageSlider .slick-arrow { margin-top: -20px; }
.productSlider-style1 .slick-arrow, .productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev { margin-top: -10px; }
.productSlider .slick-arrow, .productPageSlider .slick-arrow, .productSlider-style1 .slick-arrow,
.productSlider-style2 .slick-arrow, .productSlider-fullwidth .slick-arrow { padding: 6px 10px; border-radius: 5px; opacity: 0; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.productSlider .slick-next, .productPageSlider .slick-next, .productSlider-style1 .slick-next,
.productSlider-style2 .slick-next, .productSlider-fullwidth .slick-next { right: -35px; }
.productSlider .slick-prev, .productPageSlider .slick-prev, .productSlider-style1 .slick-prev,
.productSlider-style2 .slick-prev, .productSlider-fullwidth .slick-prev { left: -35px; }
.grid-products .slick-slider .item, .grid-products.slick-slider .item { margin-bottom: 0; }

.product-labels { position: absolute; right: 5px; top: 5px; }
    .product-labels.rectangular .lbl { border-radius: 0; }
    .product-labels.radius .lbl { border-radius: 3px; -webkit-border-radius: 3px; }
    .product-labels.round .lbl { border-radius: 100px; -webkit-border-radius: 100px; width: 45px; height: 43px; line-height: 44px; padding: 0 10px; }
    .product-labels .lbl { display: block; white-space: nowrap; color: #fff; font-size: 11px; font-weight: 400; text-transform: uppercase; text-align: center; padding: 0 5px; height: 20px; line-height: 20px; margin-bottom: 5px; }
    .product-labels .on-sale { right: 5px; background-color: transparent !important; border: 1px solid rgb(223, 30, 52); }
    .product-labels .pr-label1, .product-labels .new { left: 5px; background: #01bad4; }
    .product-labels .pr-label2, .product-labels .hot { left: 5px; background: #e9a400; }
    .product-labels .pr-label3 { left: 5px; background: #81d53d; }
    .product-labels.rounded .lbl { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; white-space: nowrap; word-break: break-all; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; text-align: center; height: 50px; width: 50px; }
.grid-view-item--sold-out .grid-view-item__image { opacity: 0.5; }
.sold-out { position: absolute; top: 0; width: 100%; left: 0; height: 100%; }
    .sold-out span { color: #fff; position: absolute; top: 50%; left: 0; right: 0; text-transform: uppercase; letter-spacing: 0.08em; text-align: center; background-color: #f00; width: 80%; margin: -20px auto; padding: 10px }
.product-image:hover .variants.add { bottom: 5px; }
.button-set { position: absolute; right: 5px; top: 30px; opacity: 0; visibility: hidden; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
    .button-set.style1 { right: 0; left: 0; width: 100%; text-align: center; bottom: -10px; top: auto; }
.index-demo9 .button-set.style1 .tooltip-label, .index-demo10 .button-set .tooltip-label, .index-demo12 .button-set .tooltip-label { bottom: 40px; }
.button-set.style2 { right: auto; left: 10px; width: 35px; text-align: center; bottom: 10px; top: auto; }
    .button-set.style2 ul li { display: block; }
.button-set ul { list-style: none; padding: 0; margin: 0; }
    .button-set ul li { display: inline-block; vertical-align: middle; }
.button-set li .btn-icon { color: #ffffff; display: inline-block; border: 0; background-color: #111111; position: relative; font-size: 18px; padding: 0; margin: 2px; width: 100%; height: 33px; width: 33px; line-height: 32px; text-align: center; border-radius: 4px; border: 2px solid transparent; }
    .button-set li .btn-icon.btn-square { line-height: 30px; }
.grid-products .item:hover .button-set.style1 { bottom: 10px; top: auto; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.grid-products .item:hover .button-set.style2 { bottom: 10px; top: auto; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.grid-products .item:hover .button-set { top: 5px; opacity: 1; visibility: visible; }
a.quick-view, a.wishlist, .cartIcon, .add-to-compare { color: #000000; background-color: #ffffff; border: 0; width: 35px; height: 35px; line-height: 34px; display: block; text-transform: uppercase; text-align: center; padding: 0; margin-bottom: 5px; }
    a.quick-view:hover, a.wishlist:hover, .cartIcon:hover, .variants.add button:hover, .add-to-compare:hover { color: #ffffff; background-color: #000000; opacity: 0.8; }
.button-set .tooltip-label { height: 23px; position: absolute; top: -20px; left: 50%; font-size: 10px; text-transform: uppercase; line-height: 21px; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; visibility: hidden; opacity: 0; background: #000000; color: #ffffff; border-radius: 0; padding: 1px 7px; white-space: nowrap; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 3px; letter-spacing: 0; }
    .button-set .tooltip-label:before { content: ""; border: 5px solid transparent; border-top: 6px solid #000000; bottom: -10px; margin-left: -3px; left: 50%; position: absolute; }
.button-set li .btn-icon:hover .tooltip-label { opacity: 1; visibility: visible; top: -33px; }
.button-set.style2 .tooltip-label { left: 30px; top: 50% !important; height: 24px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.button-set.style2 li .btn-icon:hover .tooltip-label { top: 50% !important; left: 40px; }
.button-set.style2 .tooltip-label:before { border: 5px solid transparent; border-right: 6px solid #000000; bottom: auto; left: -7px; top: 7px; }
.button-set .btn-icon.btn-square .tooltip-label { line-height: 18px; }

.button-style2, .button-style2 .variants.add { position: static; opacity: 1; }
    .button-style2 .btn-style2 { display: block; float: left; width: 25%; }
    .button-style2 .cartIcon, .button-style2 .quick-view-popup, .button-style2 .wishlist, .button-style2 .compare { color: #fff; background-color: #000; border-right: 1px solid #fff; }
    .button-style2 .compare { border-right: 0; }
    .button-style2 .wishlist, .button-style2 .compare { width: 100%; }
    .button-style2 .variants.add button { color: #fff; background-color: #000; }

.button-set li .btn-icon.btn-square { border-radius: 0; -webkit-border-radius: 0; }
    .button-set li .btn-icon.btn-square .tooltip-label { border-radius: 0; -webkit-border-radius: 0; }

.grid-products .item { margin: 0 0 30px; text-align: center; }
.tab_container .grid-products .item { margin-bottom: 0; }
.grid-products .item .product-name a { color: #000; font-size: 1em; line-height: 1.2; display: block; overflow: hidden; height: 18px; }
    .grid-products .item .product-name a:hover { opacity: 0.8; }
.grid-products .item .product-price { margin: 5px 0; color: #000000; font-weight: 400; }
.product-price .old-price { color: #555; font-size: 12px; opacity: 0.8; text-decoration: line-through; }
    .product-price .old-price + .price { padding-left: 5px; color: #e95144 !important; }
.product-price .price { color: #000000; }
.product-price__sale, .product__price--sale { color: #000 !important; }

.product-review .fa { font-size: 15px; opacity: 1; color: #ffb503; margin: 0 1px; }
.grid-products .item .swatches { margin: 8px 0 0; list-style: none; padding: 0; }
    .grid-products .item .swatches li { position: relative; display: inline-block; height: 17px; width: 17px; margin: 3px 2px; cursor: pointer; box-shadow: 0 0 1px 1px #ddd; -webkit-box-shadow: 0 0 1px 1px #ddd; border: 2px solid #ffffff; }
.tooltip-label { z-index: 2; -ms-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; opacity: 0; visibility: hidden; position: absolute; top: -38px; bottom: auto; left: 50%; background: #000000; color: #ffffff; border-radius: 3px; padding: 2px 6px; white-space: nowrap; font-size: 10px; transform: translateX(-50%); text-transform: uppercase; }
    .tooltip-label:before { content: ""; border: 5px solid transparent; border-top: 5px solid #000000; position: absolute; bottom: -9px; left: 50%; margin-left: -5px; }
.grid-products .item .swatches li:hover .tooltip-label { opacity: 1; top: -28px; visibility: visible; }
.grid-products .item .swatches li img { display: block; border-radius: 50%; -webkit-border-radius: 50%; max-height: 30px; margin: 0 auto; }
.grid-products .item .swatches li.square img { border-radius: 0; -webkit-border-radius: 0; }
.grid-products .item .swatches li.radius img { border-radius: 5px; -webkit-border-radius: 5px; }
.grid-products .item .swatches li:hover { box-shadow: 0 0 1px 1px #000; -webkit-box-shadow: 0 0 1px 1px #000; }
.grid-products .item .swatches li.rounded { border-radius: 50% !important; -webkit-border-radius: 50% !important; }
.grid-products .item .swatches li.radius { border-radius: 5px !important; -webkit-border-radius: 5px !important; }
.grid-products .item .swatches li.medium { height: 30px; width: 30px; }
.grid-products .item .swatches li.navy { background-color: navy; }
.grid-products .item .swatches li.green { background-color: green; }
.grid-products .item .swatches li.gray { background-color: gray; }
.grid-products .item .swatches li.aqua { background-color: aqua; }
.grid-products .item .swatches li.orange { background-color: orange; }
.grid-products .item .swatches li.purple { background-color: purple; }
.grid-products .item .swatches li.teal { background-color: teal; }
.grid-products .item .swatches li.black { background-color: black; }
.grid-products .item .swatches li.red { background-color: red; }
.grid-products .item .swatches li.yellow { background-color: yellow; }
.grid-products .item .swatches li.darkgreen { background-color: darkgreen; }
.grid-products .item .swatches li.maroon { background-color: maroon; }
.grid-products .item .image-swatches li { width: 30px; height: 30px; }
    .grid-products .item .image-swatches li img { max-height: 26px; }

.grid-view-item__title { color: #000; font-size: 1em; line-height: 1.2; margin-bottom: 0; }
.grid-view-item__meta { margin: 5px 0; }
.product-price__price { color: #000000; font-weight: 600; display: inline-block; }

.grid-products-hover-btn a.quick-view, .grid-products-hover-btn a.wishlist, .grid-products-hover-btn .variants.add button,
.grid-products-hover-btn .cartIcon, .grid-products-hover-btn .add-to-compare { color: #ffffff; background-color: #000000; }

.grid-products-hover-gry a.quick-view, .grid-products-hover-gry a.wishlist, .grid-products-hover-gry .variants.add button,
.grid-products-hover-gry .cartIcon, .grid-products-hover-gry .add-to-compare { color: #ffffff; background-color: #555555; }

.brand-name a { color: #555; font-size: 12px; text-transform: uppercase; }

/* Countdown Timer On listing */
.grid-products .item:hover .saleTime { display: none }
.saleTime { position: absolute; bottom: 5px; left: 0; right: 0; z-index: 111 }
    .saleTime .time-count { font-weight: 700; font-size: 14px; }
    .saleTime span > span { color: #141414; font-weight: 700; min-width: 30px; padding: 6px 4px 4px; line-height: 12px; display: inline-block; margin: 0 0 0 1px; text-align: center; background: rgba(255, 255, 255, 0.7); }
        .saleTime span > span span { display: block; background: none; font-size: 10px; font-weight: 400; margin-top: -3px; text-transform: uppercase; line-height: 8px }
.timermobile { margin: 0 -10px; display: none }
    .timermobile .saleTime { position: relative; margin-top: 20px }

.countdown-deals { line-height: 35px; text-align: center; width: 100%; margin-bottom: 10px; }
    .countdown-deals .cdown { background: #efefef; display: inline-block; height: 50px; width: 44px; }
        .countdown-deals .cdown span { font-size: 14px; font-weight: 500; }
        .countdown-deals .cdown > p { font-size: 12px; text-transform: uppercase; line-height: 0; margin: 0; }
.grid-products .countdown-deals { position: absolute; bottom: -10px; }
    .grid-products .countdown-deals .cdown { color: #fff; background-color: #000; }
.product-list .countdown-deals { line-height: 40px; text-align: left; }
    .product-list .countdown-deals .cdown { font-size: 14px; height: 59px; width: 65px; text-align: center; color: #fff; background-color: #000; }

.product-load-more .list-product, .product-load-more .item { display: none; }

.grid-products .item .brands { margin: 10px 0; font-size: 13px; }
    .grid-products .item .brands p { margin: 0; }
    .grid-products .item .brands .label { font-weight: 600; }

#quickView-modal { max-width: 800px; margin: 50px auto; background-color: #fff; position: relative; padding: 25px; }
.loading .loadingBox { display: block; position: fixed; }
.loadingBox { display: none; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: fixed; z-index: 1050; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .loadingBox .anm { font-size: 40px; opacity: 0.9; }
.loading .modalOverly { display: block; }
.modalOverly { display: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 666; background-color: rgba(0,0,0,0.6); -ms-transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); -webkit-transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); transition: all 0.45s cubic-bezier(0.29, 0.63, 0.44, 1); }
.anm-spin { animation: anm-spin 1.5s infinite linear; -webkit-animation: anm-spin 1.5s infinite linear; -ms-animation: anm-spin 1.5s infinite linear; }

@-webkit-keyframes anm-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes anm-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes scaleimg {
    0%, 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
    50% { transform: scale(1.2); -webkit-transform: scale(1.2) -ms-transform:scale(1.2) }
}

.model-thumbnail-img .carousel-indicators { position: static; left: initial; width: auto; margin: 0; }
    .model-thumbnail-img .carousel-indicators > li { width: 100px; height: auto; text-indent: initial; }
        .model-thumbnail-img .carousel-indicators > li img { width: 100px; }
        .model-thumbnail-img .carousel-indicators > li.active img { opacity: 1; }
.model-thumbnail-img { position: relative; margin: 10px auto 0 auto; }
    .model-thumbnail-img .carousel-control { color: #000; position: absolute; top: 45%; }
        .model-thumbnail-img .carousel-control.left { left: 10px; }
        .model-thumbnail-img .carousel-control.right { right: 10px; }

#quickView-modal .product-brand { text-transform: uppercase; }
#quickView-modal .product-title { font-size: 20px; font-weight: 700; letter-spacing: 0; margin: 0 0 10px; }
#quickView-modal .product-info .product-stock { color: #447900; font-weight: 600; text-transform: uppercase; margin-bottom: 4px; }
#quickView-modal .product-review { margin-bottom: 15px; }
    #quickView-modal .product-review .rating { display: inline-block; vertical-align: middle; padding-right: 5px; }
    #quickView-modal .product-review .reviews { display: inline-block; vertical-align: middle; }
#quickView-modal .pricebox { margin: 10px 0; }
    #quickView-modal .pricebox .price { font-size: 18px; font-weight: 600; display: inline-block; }
    #quickView-modal .pricebox .old-price { color: #888; text-decoration: line-through; font-weight: 400; padding-right: 20px; }
#quickView-modal .sort-description { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #939393; }
#quickView-modal .wishlist-btn a.wishlist { width: auto; display: inline-block; }
    #quickView-modal .wishlist-btn a.wishlist:hover { color: #000; background-color: transparent; }
#quickView-modal .product-options { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -wekit-flex-wrap: wrap; }

.product-with-colletion-bnr .grid-products .item { margin-bottom: 0; }
.product-with-colletion-bnr a { position: relative; display: block; }
.product-with-colletion-bnr .btn-inner { position: absolute; bottom: 20px; left: 0; right: 0; }
    .product-with-colletion-bnr .btn-inner span { font-weight: 700; margin: 0; background: #fff; font-size: 14px; display: inline-block; padding: 8px 25px; word-wrap: break-word; color: #111; letter-spacing: 0.02em; line-height: normal; }
.product-with-colletion-bnr .item:hover .btn-inner span { background-color: rgba(255,255,255,0.8); }

.products-grid-section .grid-products .button-set.style3 { position: static; opacity: 1; visibility: visible; margin-top: 10px; }
.products-grid-section .grid-products .row .item { margin-bottom: 40px; }
.products-grid-section .grid-products .row:last-of-type .item { margin-bottom: 20px; }

/*======================================================================
  14. Product Listview
========================================================================*/
.list-view-item { display: table; table-layout: fixed; margin-bottom: 15px; padding-bottom: 15px; width: 100%; border-bottom: 1px solid #e8e9eb; text-decoration: none; }
    .list-view-item:hover { text-decoration: none; }
    .list-view-item p { color: #555; }
.list-view-item__image-column { display: table-cell; vertical-align: middle; width: 230px; }
.list-view-item__image-wrapper { position: relative; margin-right: 20px; }
.list-view-item__title-column { display: table-cell; vertical-align: middle; }
.list-view-items .grid-view-item__title { font-size: 15px; font-weight: 700; font-family: 'Poppins', sans-serif; margin-bottom: 10px; text-align: left; }
.list-view-items .product-price { font-size: 16px; }
.list-view-items .product-price__sale { padding-left: 5px; }
.list-view-items .variants { margin-top: 10px; display: inline-block; vertical-align: middle; }
.list-view-items .button-box { display: inline-block; vertical-align: middle; margin-top: 10px; }
    .list-view-items .button-box > div { display: inline-block; }
        .list-view-items .button-box > div .btn-icon { color: #fff; font-size: 16px; background-color: #000; width: 40px; height: 30px; line-height: 34px; padding: 0 10px; display: inline-block; vertical-align: top; margin: 0; }

/*======================================================================
  15. Products Detail Page
========================================================================*/
.product-form .swatch { margin-bottom: 10px; }
    .product-form .swatch .product-form__item { margin-bottom: 0; padding-bottom: 0; padding-top: 0; }
.product-form__item { -webkit-flex: 1 1 200px; -moz-flex: 1 1 200px; -ms-flex: 1 1 200px; flex: 1 1 200px; margin-bottom: 10px; padding: 5px 5px 0; }
.product-form .swatch label { display: block; text-transform: uppercase; font-weight: 600; margin-bottom: 5px; }
    .product-form .swatch label .required { color: #F00; }
    .product-form .swatch label .slVariant { font-weight: normal; padding-right: 20px; }
.product-template__container label .slVariant { font-weight: 700; }
.product-form .swatch .swatch-element { display: inline-block; margin-right: 8px; cursor: pointer; }
.product-form .swatch .swatchInput + .swatchLbl.color.medium { width: 50px; height: 50px; }
.product-form .swatch .swatchInput:checked + .swatchLbl { border: 2px solid #111111; box-shadow: none; }
.product-form .swatch .swatchInput + .swatchLbl.color { width: 30px; padding: 0; height: 30px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100% auto; cursor: pointer; }
.product-form .swatch .swatchInput + .swatchLbl.large { width: 40px; height: 40px; }
    .product-form .swatch .swatchInput + .swatchLbl.large:not(.color) { line-height: 36px; }
.product-form .swatch .swatchInput + .swatchLbl { color: #333; font-size: 12px; font-weight: 400; line-height: 25px; text-transform: capitalize; display: inline-block; margin: 0; min-width: 30px; height: 30px; overflow: hidden; text-align: center; background-color: #f9f9f9; padding: 0 10px; border: 2px solid #fff; box-shadow: 0 0 0 1px #ddd; border-radius: 0; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; }
.product-form .swatch .swatchInput { display: none; }

.product-action { width: 100%; display: block; margin: 5px 0 10px; padding: 0 5px; }
    .product-action .quantity { float: left; margin: 0 10px 10px 0; }
    .product-action .add-to-cart { width: auto; overflow: hidden; }
        .product-action .add-to-cart .button-cart { width: 100%; padding: 6px 15px; min-height: 42px; }
    .product-action .wishlist-btn .wishlist { width: auto; float: left; padding: 0; line-height: normal; }
        .product-action .wishlist-btn .wishlist i { vertical-align: middle; }
        .product-action .wishlist-btn .wishlist:hover { color: #555; background-color: transparent; }

.share-icon { clear: both; }
    .share-icon span { display: inline-block; font-weight: 600; text-transform: uppercase; }
    .share-icon .social-icons { display: inline-block; }
        .share-icon .social-icons li { margin-right: 10px; }

.product-single-1 .product-details-img .product-zoom-right { width: 100%; }
.product-details-img:before, .product-details-img:after { content: ''; clear: both; display: block; }
.product-details-img .product-thumb { display: inline-block; padding: 0 10px 0 0; width: 15%; margin: 0; float: left; }
.product-details-img .product-thumb-1 { display: block; padding: 0; width: 100%; margin: 0; float: left; padding-right: 0; }
.product-details-img .product-zoom-right { display: inline-block; position: relative; width: 85%; float: left; }
.product-thumb .product-dec-slider-2 a { cursor: pointer; }
.product-thumb .slick-slide { margin-bottom: 3px; }
.product-details-img .product-thumb .slick-arrow { top: auto; background-color: rgba(255,255,255,0.8); padding: 5px 10px; opacity: 0; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.product-details-img:hover .product-thumb .slick-arrow { opacity: 1; }
.product-details-img .product-thumb .slick-prev { top: 16px; left: 50%; margin-left: -15px; }
.product-details-img .product-thumb .slick-next { bottom: -10px; left: 50%; right: auto; margin-left: -15px; }
.product-details-img .product-thumb .slick-prev:before { content: "\f106"; font-family: "FontAwesome"; font-size: 20px; line-height: 20px; }
.product-details-img .product-thumb .slick-next:before { content: "\f107"; font-family: "FontAwesome"; font-size: 20px; line-height: 20px; }
.product-details-img .product-labels { z-index: 99; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-arrow { background: transparent; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-next { right: 0; top: 50%; left: inherit; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-prev { left: 15px; top: 50%; bottom: 0; }
    .product-details-img.product-single__photos.bottom .product-thumb .slick-prev:before { content: "\ea8b"; font-family: "annimex-icons"; font-size: 16px; }
.product-details-img.product-single__photos.bottom .product-thumb .slick-next:before { content: "\ea8c"; font-family: "annimex-icons"; font-size: 16px; }

.product-details-img .social-sharing { text-align: center; clear: both; padding-top: 20px; }
    .product-details-img .social-sharing .share-title { display: none; }

.trustseal-img { margin-bottom: 20px; }

.zoomContainer { z-index: 2; }
.product-buttons > a { position: relative; }
.product-buttons .tooltip-label { padding: 4px 6px; line-height: normal; top: -42px; left: 50%; -ms-transform: translate(-50%); -webkit-transform: translate(-50%); transform: translate(-50%); border-radius: 0; }
.product-buttons .btn:hover .tooltip-label { opacity: 1; visibility: visible; top: -30px; z-index: 1000; }

.product-form .swatch .swatchInput + .swatchLbl.rounded { border-radius: 50% !important; }
.product-form .swatch .swatchInput + .swatchLbl.rectangle { border-radius: 7px !important; }

.product-buttons { position: absolute; right: 10px; bottom: 10px; z-index: 99; }
    .product-buttons .btn.popup-video i, .product-buttons .btn i { line-height: 33px; }
    .product-buttons .btn { font-size: 19px; height: 36px; width: 36px; text-align: center; margin-top: 5px; clear: both; padding: 0; line-height: 33px; background: #000000; color: #ffffff; opacity: 0.9; }

.product-template__container .product-single { margin-bottom: 20px; }
.product-template__container .product-single__meta { position: relative; margin-bottom: 20px; }
h1.product-single__title, .product-single__title.h1 { color: #000; font-size: 26px; margin-bottom: 10px; font-weight: bold; }
.product-template__container .product-nav { position: absolute; right: 0; top: 10px; }
    .product-template__container .product-nav .next { float: right; }
    .product-template__container .product-nav .prev, .product-template__container .product-nav .next { font-size: 20px; display: block; line-height: 22px; text-align: center; height: 20px; width: 20px; padding: 0; color: #000; }

.product-detail-container .prInfoRow { margin-bottom: 10px; }
    .product-detail-container .prInfoRow > div { display: inline-block; margin-right: 5%; }
.product-detail-container .instock { color: #447900; }
.product-detail-container .prInfoRow .spr-badge-caption { color: #424242; padding-left: 5px; }
.product-detail-container .prInfoRow a:hover { text-decoration: none; }
.product-single__price .product-price__price { font-size: 18px; padding-left: 3px; }
.discount-badge { display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; font-size: 13px; }
    .discount-badge .product-single__save-amount { font-weight: 700; }
    .discount-badge .off, .discount-badge .product-single__save-amount { color: #e95144; }
.product-single__price { display: inline-block; margin-right: 10px; font-weight: 600; margin-bottom: 15px; }
.orderMsg { color: #fff; margin-bottom: 20px; display: block; }
    .orderMsg p { color: #fff; line-height: normal; background-color: #000; padding: 3px 10px; display: inline-block; }

@-webkit-keyframes blinker {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
}

.product-description ul, .product-single__description ul { margin-left: 0; }
.product-single__description ul { text-align: left; }
    .product-description ul li, .product-single__description ul li { position: relative; margin-left: 15px; list-style: disc; }

.rte { margin-bottom: 20px; }
    .rte li { margin-bottom: 4px; list-style: inherit; }
    .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 { margin-top: 30px; margin-bottom: 15px; }
        .rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child { margin-top: 0 }
    .rte:last-child { margin-bottom: 0; }

.product-template__container #quantity_message { color: #31a3a3; font-size: 16px; text-align: center; padding: 5px 9px; margin-bottom: 15px; border: 1px dashed #31a3a3; }
    .product-template__container #quantity_message .items { font-weight: 700; }

.product-form { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; width: auto; margin: 0 -5px -10px; }
.product-detail-container .product-form .swatch { width: 100%; }
.product-form .swatch { margin-bottom: 10px; }
    .product-form .swatch .product-form__item { margin-bottom: 0; padding-bottom: 0; padding-top: 0; }
.product-form__item { -webkit-flex: 1 1 200px; -moz-flex: 1 1 200px; -ms-flex: 1 1 200px; flex: 1 1 200px; margin-bottom: 10px; padding: 5px; }
.product-form .swatch label { display: block; text-transform: uppercase; font-weight: 600; }
.product-template__container label .slVariant { font-weight: 700; }
.product-form .swatch .swatch-element { display: inline-block; margin-right: 8px; cursor: pointer; }
.product-form .swatch .swatchInput + .swatchLbl.color.medium { width: 50px; height: 50px; }
.product-form .swatch .swatchInput:checked + .swatchLbl { border: 2px solid #111111; box-shadow: none; }
.product-form .swatch .swatchInput + .swatchLbl.color { width: 30px; padding: 0; height: 30px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; cursor: pointer; }
.product-form .swatch .swatchInput + .swatchLbl.large { width: 40px; height: 40px; }
    .product-form .swatch .swatchInput + .swatchLbl.large:not(.color) { line-height: 36px; }
.product-form .swatch .swatchInput + .swatchLbl { color: #000; font-size: 12px; font-weight: 400; line-height: 26px; text-transform: capitalize; display: inline-block; margin: 0; min-width: 30px; height: 30px; overflow: hidden; text-align: center; background-color: #f9f9f9; padding: 0 10px; border: 2px solid #fff; box-shadow: 0 0 0 1px #ddd; border-radius: 0; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; }
.product-form .swatch .swatchInput { display: none; }

.product-form .swatch .swatch-element .black { background-color: #000; }
.product-form .swatch .swatch-element .white { background-color: #fff; border: 1px solid #ddd; }
.product-form .swatch .swatch-element .red { background-color: #fe0000; }
.product-form .swatch .swatch-element .blue { background-color: #0000fe; }
.product-form .swatch .swatch-element .pink { background-color: #ffc1cc; }
.product-form .swatch .swatch-element .gray { background-color: #818181; }
.product-form .swatch .swatch-element .green { background-color: #027b02; }
.product-form .swatch .swatch-element .orange { background-color: #fca300; }
.product-form .swatch .swatch-element .yellow { background-color: #f9f900; }
.product-form .swatch .swatch-element .blueviolet { background-color: #8A2BE2; }
.product-form .swatch .swatch-element .brown { background-color: #A52A2A; }

.infolinks { margin: 15px 0; padding: 0 5px; }
    .infolinks .btn, .infolinks .wishlist { border: 0; background-color: transparent; color: #000; padding: 0; margin-right: 15px; display: inline-block; vertical-align: top; }
        .infolinks .btn:focus, .infolinks .wishlist:focus { outline: 0; box-shadow: none; }
        .infolinks .btn i { font-size: 14px; vertical-align: middle; }
    .infolinks .wishlist { background: none !important; color: #000 !important; width: auto; text-align: left; line-height: inherit; height: auto; text-decoration: none; margin-bottom: 0; }

#sizechart { text-align: center; background: #fff; margin: 0 auto; padding: 20px; max-width: 800px; position: relative; }
    #sizechart table tr th { background: #000; color: #fff; border: 0 !important; }
    #sizechart table tr th, #sizechart table tr td { padding: 7px 12px; text-align: center; font-size: 12px; border: 1px solid #e8e9eb; }
table { margin-bottom: 15px; width: 100%; border-collapse: collapse; border-spacing: 0; }
#sizechart ul, #ShippingInfo ul { margin: 0 0 20px 15px; }

#productInquiry { background: #fff; margin: 0 auto; padding: 20px; max-width: 700px; position: relative; }
    #productInquiry h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
    #productInquiry input[type="tel"], #productInquiry input[type="email"], #productInquiry input[type="text"], #productInquiry textarea { background-color: #fff; margin-bottom: 20px; }
    #productInquiry textarea { padding: 10px; }

.product-template__container .product-action { width: 100%; display: block; margin-bottom: 15px; padding: 0 5px; }
.product-template__container .product-form__item--quantity { float: left; margin: 0 10px 10px 0; }
.wrapQtyBtn { float: left; }
.product-action .qtyField { display: table; margin: 0 auto; border: 1px solid #ddd; }
    .product-action .qtyField .qty { width: 40px; }
    .product-action .qtyField .qtyBtn, .product-action .qtyField .qty { padding: 10px 6px; width: 30px; height: 42px; border-radius: 0; float: left; border: 0; }
    .product-action .qtyField a { background-color: #fff; color: #000; border: 0; }
        .product-action .qtyField a .fa { font-size: 12px; line-height: 21px; }
    .product-action .qtyField > a, .product-action .qtyField > span, .qtyField input { display: table-cell; line-height: normal; text-align: center; padding: 3px 6px; border: 1px solid #f5f5f5; }
.product-form__item--submit { width: auto; overflow: hidden; padding-left: 15px; }
    .product-form__item--submit .btn { width: 100%; padding: 11px 15px 10px 15px; min-height: 42px; min-width: 300px; }
.agree-check { margin: 15px 0 10px; }
    .agree-check .checkbox { margin-right: 3px; }
.buy-it-btn .btn { border-radius: 0; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: #fff; background-color: #e95144; float: right; cursor: pointer; display: block; font-size: 14px; font-weight: 400; line-height: 1; text-align: center; width: 100%; padding: 1em 2em; margin: 0 0 15px; letter-spacing: 0.02em; }
    .buy-it-btn .btn[disabled] { opacity: 0.6; cursor: default; }
.social-sharing .btn { color: #000 !important; padding: 0 5px; margin-bottom: 0; background: none !important; border: 0; letter-spacing: normal; text-transform: capitalize; }
.btn--share .fa { color: #222222; font-size: 14px; }

.freeShipMsg { margin-bottom: 12px; }
    .freeShipMsg .fa { font-size: 20px; width: 25px; vertical-align: middle; }
.shippingMsg { margin-bottom: 12px; }
    .shippingMsg .fa { font-size: 18px; width: 25px; vertical-align: middle; }

#quantity_message { color: #000; font-size: 16px; text-align: center; padding: 5px 9px; margin-bottom: 15px; border: 1px dashed #000; }
    #quantity_message .items { font-weight: 700; }

.userViewMsg { clear: both; margin-bottom: 12px; }
    .userViewMsg .fa, .userViewMsg .uersView { color: #e95144; }
    .userViewMsg .fa { font-size: 18px; width: 25px; }

.prFeatures { padding: 20px 0; }
    .prFeatures .feature { margin-bottom: 20px; }
    .prFeatures img { float: left; }
    .prFeatures .details { margin-left: 65px; line-height: 1.5; }
        .prFeatures .details h3, .prFeatures .details .h3 { margin-bottom: 5px; text-transform: uppercase; }

.template-product .tabs-listing { margin-top: 40px; }
    .template-product .tabs-listing .tabs-ac-style { display: none; }
    .template-product .tabs-listing .product-tabs { border-bottom: 1px solid #e8e9eb; width: 100%; margin-bottom: 0; }
        .template-product .tabs-listing .product-tabs li { float: none; display: inline-block; cursor: pointer; margin-right: 5px; }
        .template-product .tabs-listing .product-tabs a { font-size: 13px; line-height: normal; position: relative; border-bottom: 0; letter-spacing: 0.2px; display: block; border: 1px solid #dddddd; border-bottom: 0; padding: 11px 25px 8px 25px; background: #f5f5f5; text-transform: uppercase; font-weight: 600; border-radius: 0; outline: none; color: #2e2d2d; text-decoration: none; }
.template-product .product-tabs li.active a, .template-product .product-tabs li.active a:focus { background: transparent; text-decoration: none; border: 1px solid #ddd; color: #000; border-bottom: 0; opacity: 1; }
    .template-product .product-tabs li.active a:before, .template-product .product-tabs li.active a:before { content: ""; width: 100%; height: 2px; background-color: #fff; position: absolute; bottom: -1px; left: 0; right: 0; }
.acor-ttl.active { border-bottom: 1px solid #000; }
.acor-ttl { display: block; padding: 15px 0; position: relative; font-weight: 600; letter-spacing: 1px; border-bottom: 1px solid #e8e9eb; font-family: Poppins,Helvetica,Tahoma,Arial,sans-serif; margin: 0; font-size: 12px; cursor: pointer; }
.template-product .tabs-listing .tab-container { padding: 30px 0; text-align: left; }
.tab-container .tab-content { display: none; }
.product-template__container .product-single-1 .tab-container .tab-content { padding-top: 20px; }
.template-product .prstyle2 .tabs-listing .acor-ttl:before { position: absolute; right: 15px; top: 15px; content: "\f107"; font-family: "FontAwesome"; font-size: 16px; font-weight: normal; }
.template-product .prstyle2 .tabs-listing .acor-ttl.active:before { content: "\f106"; color: #000; }
#shopify-product-reviews { *zoom: 1; display: block; clear: both; overflow: hidden; margin: 1em 0; }
.spr-container:before,
.spr-container:after { content: " "; display: table; }
.spr-summary-starrating { margin: 0 6px 0 0; }
.spr-summary-actions-newreview { float: right; background: #000; color: #fff !important; font-size: 12px; font-weight: 700; padding: 8px 10px; text-transform: uppercase; }
.spr-form-title { font-size: 18px; font-weight: 700; line-height: 24px; margin-top: 0; text-transform: uppercase; }
.spr-form-contact-name, .spr-form-contact-email, .spr-form-contact-location, .spr-form-review-rating, .spr-form-review-title, .spr-form-review-body { *zoom: 1; margin: 0 0 15px 0; }
.spr-container input, .spr-container select, .spr-container textarea { border-color: #d3d3d3; }
.product-template__container label { font-weight: 400; text-transform: uppercase; letter-spacing: 0.02em; }
.spr-reviews { padding: 0 0 20px; }
    .spr-reviews .review-inner { max-height: 525px; overflow-y: auto; }
    .spr-reviews .spr-review:not(:last-of-type) { border-bottom: 1px dotted #a6a6a6; padding-bottom: 15px; margin-bottom: 15px; }
.spr-review-header-starratings { margin: 0; display: inline-block; }
.spr-review-header-title { font-size: 15px; line-height: 24px; margin: 0; padding: 0; border: none; }
.spr-review-header-byline { font-weight: normal; font-size: 12px; opacity: 0.7; display: inline-block; margin: 0 0 1em 0; }
    .spr-review-header-byline strong { font-weight: normal; }
.spr-review-content { *zoom: 1; margin: 0; }
.spr-form-actions .spr-button-primary { float: left; }
.new-review-form .spr-form-label { display: block; margin-bottom: 3px; }
    .new-review-form .spr-form-label .required { color: #F00; }

.tabs-listing .tab-container table tr th { background: #000; color: #fff; border: 0 !important; }
.tabs-listing .tab-container table tr th, .tabs-listing .tab-container table tr td { padding: 7px 12px; text-align: center; font-size: 12px; border: 1px solid #e8e9eb; }

.related-product { margin-bottom: 40px; }
    .related-product .section-header { margin-bottom: 20px; }
        .related-product .section-header p { margin-left: auto; margin-right: auto; }
    .related-product .button-set.style1 li .btn-icon { font-size: 14px; margin: 1px; width: 30px; height: 30px; line-height: 28px; }
.product-template__container .section-header { margin-bottom: 40px; }
.sub-heading { text-align: center; max-width: 500px; margin: 0 auto; }
.related-product .grid--view-items { overflow: visible; }
.recently-product .grid-products .item { float: left; }

.product-single__photos.bottom .product-dec-slider-1 { padding: 8px 0; margin-left: -4px; }
    .product-single__photos.bottom .product-dec-slider-1 .slick-list { margin: 0 -2px; }
    .product-single__photos.bottom .product-dec-slider-1 .slick-slide { margin: 0 4px; }

.product-info .lbl { font-weight: 700; }

.left-content-product { float: left; width: 80%; padding-right: 30px; }
.sidebar-product { float: left; width: 20%; }
    .sidebar-product .prFeatures { padding-top: 0; }
        .sidebar-product .prFeatures h5 { font-size: 1.07692em; font-family: 'Poppins', sans-serif; font-weight: 600; }
.template-product-right-thumb .sidebar-product .prFeatures { padding-top: 0; }
.sidebar-product .section-header { margin-bottom: 20px; }

.prstyle3 .related-product { margin-bottom: 20px; }
    .prstyle3 .related-product:before, .prstyle3 .related-product:after { content: ''; clear: both; display: block; }
    .prstyle3 .related-product .section-header .h2, .prstyle3 .related-product .section-header .sub-heading { text-align: left; }
    .prstyle3 .related-product .section-header { margin-bottom: 12px; }
.prSidebar .section-header h2, .prSidebar .section-header .h2 { font-size: 130%; text-align: left !important; }
.prstyle3 .mini-list-item .mini-view_image img { max-width: 110px; }
.prstyle3 .mini-list-item .mini-view_image { width: 28%; }
.prstyle3 .mini-list-item .details { margin-left: 32%; }

.template-product-right-thumb .product-details-img .product-thumb { padding-right: 0; padding-left: 5px; }
.template-product-right-thumb .product-thumb .product-dec-slider-2 a { padding-bottom: 3px; }
.template-product-right-thumb .prFeatures { padding: 40px 0 20px; }

.product-countdown { position: static; margin: 15px 0; }
    .product-countdown:before, .product-countdown:after { content: ''; clear: both; display: block; }
    .product-countdown .time-count { font-weight: 700; font-size: 24px; display: block; width: 100%; text-align: center; margin: 0; }
.saleTime.product-countdown { position: static; margin: 15px 0; }
    .saleTime.product-countdown .count-inner { background-color: #f8f8f8; min-width: 65px; border: 1px solid #dddddd; padding: 10px; margin-right: 5px; }
        .saleTime.product-countdown .count-inner .time-count { color: #000; font-size: 20px; line-height: 23px; font-weight: bold; }
    .saleTime.product-countdown span > span { margin-top: 0; }
        .saleTime.product-countdown span > span span { font-size: 13px; line-height: 16px; display: block; background-color: transparent; border: 0; padding: 0; }

.product-right-sidebar .product-details-img { width: 50%; float: left; padding-right: 10px; }
.product-right-sidebar .product-information { width: 50%; float: left; padding-left: 10px; }
.product-right-sidebar .sidebar-product { width: 100%; }
.product-right-sidebar .tabs-listing { clear: both; padding-top: 30px; }
.product-right-sidebar .sub-heading { text-align: left; }
.product-right-sidebar .related-product { margin-bottom: 20px; }

.product-labels .pr-label3 { left: 5px; background: #fb6c3e; }

.product-single .product-single__meta { position: relative; margin-bottom: 10px; }
.product-single .product-featured-img { width: 100%; display: block; margin: 0 auto; }
.product-single .grid_item-title { font-size: 26px; margin-bottom: 25px; }

.mfpbox { margin: 0 auto; padding: 20px; max-width: 800px; position: relative; background: #fff; box-shadow: 0 0 20px rgba(51,51,51,0.3); -webkit-box-shadow: 0 0 20px rgba(51,51,51,0.3); }
    .mfpbox .mfp-close { right: 0; opacity: 1; top: 0; color: #333; line-height: 30px; height: 30px; width: 30px }

.product-nav { color: #333333; font-size: 12px; line-height: 1.2; max-width: 200px; padding: 5px; opacity: 0.3; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; position: fixed; top: 45%; z-index: 10; background-color: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
    .product-nav:hover { color: #333; opacity: 1; }
    .product-nav.prev-pro { left: -130px; }
    .product-nav.next-pro { right: -130px; }
    .product-nav .details { width: 125px; padding: 5px; }
    .product-nav span.img { width: 60px; }
    .product-nav:hover.prev-pro { left: 0; }
    .product-nav:hover.next-pro { right: 0; }
    .product-nav .price { margin-top: 10px; display: block; }

.product-horizontal-style .product-zoom-right { width: 100%; }
.product-horizontal-style .product-horizontal-thumb { width: 100%; padding: 10px 0; }
    .product-horizontal-style .product-horizontal-thumb .slick-slider { margin: 0 -10px 0 0; }
    .product-horizontal-style .product-horizontal-thumb .slick-slide { margin: 0 10px 0 0; cursor: pointer; }
    .product-horizontal-style .product-horizontal-thumb .slick-prev { left: 0; top: 50%; margin: 0; }
        .product-horizontal-style .product-horizontal-thumb .slick-prev:before { content: "\ea8b"; font-family: "annimex-icons"; font-size: 14px; line-height: 18px; }
    .product-horizontal-style .product-horizontal-thumb .slick-next { right: 9px; left: auto; bottom: auto; top: 50%; margin: 0; }
        .product-horizontal-style .product-horizontal-thumb .slick-next:before { content: "\ea8c"; font-family: "annimex-icons"; font-size: 14px; line-height: 18px; }

.product-360-degree-layout .trustseal-img { margin-top: 20px; }

.social-sharing .btn .share-title { display: none; }

.product-single .type-product { display: block; margin: 10px 0; }

.stickyCart { display: none; color: #f5f5f5; position: fixed; bottom: 0; left: 0; right: 0; z-index: 50; text-align: center; width: 100%; padding: 5px; background-color: #000000; }
    .stickyCart .img, .stickyCart .sticky-title { display: inline-block; vertical-align: middle }
    .stickyCart .product-featured-img { display: block; margin: 0 auto; max-width: 40px; }
    .stickyCart .sticky-title { padding: 0 60px 0 10px; }
    .stickyCart .stickyOptions { margin-right: 10px; border: 1px solid #535353; position: relative; display: inline-block; vertical-align: middle; text-align: left; }
        .stickyCart .stickyOptions .selectedOpt { padding: 8px 30px 0 15px; font-size: 110%; height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 220px; text-overflow: ellipsis; cursor: pointer; position: relative; }
            .stickyCart .stickyOptions .selectedOpt:after { content: "\e905"; font-family: "annimex-icons"; position: absolute; top: 8px; right: 10px; }
        .stickyCart .stickyOptions ul { position: absolute; bottom: 100%; left: 0; display: none; min-width: 100%; max-height: 300px; overflow: auto; background-color: #000; }
            .stickyCart .stickyOptions ul li { font-size: 90%; padding: 10px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
                .stickyCart .stickyOptions ul li.soldout { opacity: 0.5; text-decoration: line-through; }
    .stickyCart .product-form__cart-submit { padding: 0 20px; line-height: 37px; border: 0; background: #e34848; color: #ffffff; }
    .stickyCart .wrapQtyBtn { display: inline-block; vertical-align: middle; margin-right: 10px; float: none; }
    .stickyCart .qtyField { border: 1px solid #535353; }
        .stickyCart .qtyField .qtyBtn, .stickyCart .qtyField .qty { color: #f5f5f5; height: 35px; background-color: #000; border: 0; }
    .stickyCart.popup { padding-right: 16px; }
    .stickyCart .product-form__variants.selectbox.no-js { display: none; }

.template-product .tabs-listing.tab-accordian-style { margin-top: 10px; }
.tab-accordian-style .acor-ttl { line-height: normal; text-transform: uppercase; color: #000; background-color: #f5f5f5; border: 1px solid #ddd; display: block; padding: 15px 30px 15px 15px; margin-bottom: 5px; }
    .tab-accordian-style .acor-ttl.active { color: #000000; background-color: #ffffff; border: 1px solid #dddddd; padding: 10px; display: block; padding: 15px 30px 15px 15px; }
    .tab-accordian-style .acor-ttl:before { font-family: "annimex-icons"; content: "\eb66"; font-size: 18px; position: absolute; right: 15px; top: 50%; margin-top: -10px; }
    .tab-accordian-style .acor-ttl.active:before { content: "\eb69"; }
.tab-accordian-style .tab-container .tab-content { padding: 20px 0; }

.product-single-style2 .product-sticky-style { margin-bottom: 45px; position: sticky; position: -webkit-sticky; top: 70px; }
.product-single-style2 .product-details-img .product-zoom-right { width: 100%; }
.product-single-style2 .product-details-img .zoompro-wrap { margin-bottom: 10px; }
.product-single-style2 .product-form__item .sizelink,
.product-single-style3 .product-form__item .sizelink { padding-left: 10px; }

.product-single-style3 .product-form { margin-left: 0; margin-right: 0; }
    .product-single-style3 .product-form .col-12 { padding: 0 5px; }
    .product-single-style3 .product-form .row { width: 100%; margin: 0 -5px; }
.product-single-style3 .infolinks { margin: 10px 0 30px; }
.product-single-style3 .orderMsg { color: #000; }
    .product-single-style3 .orderMsg .anm { font-size: 20px; padding-right: 5px; }
.product-single-style3 .product-action { margin: 10px 0; padding: 0; }
.product-single-style3 .storeFeatures { padding-top: 10px; color: #111; margin: 0 -10px 10px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .product-single-style3 .storeFeatures p { padding: 5px 10px; margin: 0; }
.product-single-style3 .userViewMsg .anm { font-size: 14px; padding-right: 5px; }
.product-single-style3 .userViewMsg .anm, .product-single-style3 .userViewMsg .uersView { color: #000; }
.product-single-style3 .product-sticky-style { position: sticky; position: -webkit-sticky; top: 70px; }
.product-single-style3 .product-single { margin-bottom: 40px; }

.product-single-style4 .product-sticky-style { position: sticky; position: -webkit-sticky; top: 70px; }
.product-single-style4 .product-single { margin-bottom: 40px; }
.product-single-style4 .product-details-img .product-zoom-right { width: 100%; margin-bottom: 10px; }
.product-single-style4 .product-details-img > .row { margin-left: -5px; margin-right: -5px; }
.product-single-style4 .product-details-img .col-md-6 { padding-left: 5px; padding-right: 5px; }

.template-product .list-sidebar-products .grid__item { margin-bottom: 15px; }
.template-product .mini-list-item .mini-view_image { width: 30%; }
    .template-product .mini-list-item .mini-view_image img { max-width: 90px; }

ol#compare-items { list-style: none; padding: 0; margin: 0; }
    ol#compare-items li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ECECEC; position: relative; }
        ol#compare-items li .btn-remove1 { position: absolute; right: 5px; top: 5px; }

.template-product .block-cart .list-sidebar-products .grid__item { margin-bottom: 0; }
.block { background-color: #f5f5f5; padding: 15px; }
.block-cart .block-subtitle { font-weight: 600; }
.block-cart .list-sidebar-products { margin-top: 15px; }
.block-cart .summary { padding: 0 0 15px; border-bottom: 1px solid #ECECEC; }
    .block-cart .summary p { margin-bottom: 5px; }
    .block-cart .summary .subtotal .price { font-weight: 600; }
.block-cart .product-name { display: block; margin: 5px 0; }
.block-cart .details { position: relative; }
.block-cart .btn-remove1 { position: absolute; right: 5px; top: 5px; }

.product-single-center-mode .product-details-img { margin-bottom: 30px; }
.product-single-center-mode .product-buttons { bottom: 86px; right: 26px; }
.product-single-center-mode .product-center-style3 .slick-slide { opacity: 0.5; }
    .product-single-center-mode .product-center-style3 .slick-slide.slick-active.slick-center { opacity: 1; }
.product-single-center-mode .tabs-listing { margin-bottom: 20px; }
    .product-single-center-mode .tabs-listing .product-tabs { text-align: center; }
.product-single-center-mode .product-info-center { max-width: 700px; margin: 0 auto 30px; text-align: center; }

.product-simple-layout #freeShipMsg { margin-top: 20px; }
.product-simple-layout .product-form-product-template { border-top: 1px dotted #a0a0a0; border-bottom: 1px dotted #a0a0a0; padding: 20px 0 10px; margin: 20px 0 10px; }
.product-simple-layout .tabs-listing .product-tabs { text-align: center; }

.product-variable-layout .product-form-product-template { border-top: 1px dotted #a0a0a0; border-bottom: 1px dotted #a0a0a0; padding: 20px 0; margin: 20px 0 30px; }
.product-variable-layout .infolinks .btn { margin-right: 10px; }

.product-grouped-layout .product-form__item--submit { padding-left: 0; }
    .product-grouped-layout .product-form__item--submit .btn { width: 50%; }
.product-grouped-layout .infolinks { margin-bottom: 25px; }
.grouped-product-list { border-collapse: collapse; }
    .grouped-product-list tr { border-bottom: 1px dotted #b7b7b7; }
    .grouped-product-list td { padding: 10px 5px; }
        .grouped-product-list td.grouped-product-list-item__thumb img { max-width: 70px; }
        .grouped-product-list td .qtyField a { background: #fff; }
        .grouped-product-list td .qtyField .qtyBtn, .grouped-product-list td .qtyField .qty { height: 35px; padding: 7px 6px; }
        .grouped-product-list td.grouped-product-list-item__price .old-price { color: #999; padding-right: 10px; text-decoration: line-through; }

#threesixty { max-width: 400px; background: #fff; margin: 0 auto; padding: 10px; position: relative; }
.threesixty { overflow: hidden; }
    .threesixty .nav_bar { position: absolute; bottom: 20px; left: 50%; z-index: 11; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
        .threesixty .nav_bar a { font-size: 0; width: 40px; line-height: 40px; height: 40px; float: left; background-color: #fff; text-align: center; }
            .threesixty .nav_bar a::before { display: inline-block; font-size: 24px; font-family: "annimex-icons"; }
            .threesixty .nav_bar a.nav_bar_previous::before { content: "\ea46"; }
            .threesixty .nav_bar a.nav_bar_play::before { content: "\ebdf"; }
            .threesixty .nav_bar a.nav_bar_next::before { content: "\ea47"; }
            .threesixty .nav_bar a.nav_bar_stop::before { content: "\ebd8"; }
    .threesixty .spinner { width: 60px; display: block; margin: 0 auto; height: 30px; background: #333; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
        .threesixty .spinner span { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: bolder; color: #FFF; text-align: center; line-height: 30px; display: block; }
    .threesixty .threesixty_images { display: none; list-style: none; margin: 0; padding: 0; }
        .threesixty .threesixty_images img { position: absolute; top: 0; left: 50%; height: auto; max-height: 500px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
            .threesixty .threesixty_images img.current-image { visibility: visible; }
            .threesixty .threesixty_images img.previous-image { visibility: hidden; }

.out-of-stock-layout .product-form__item--submit { padding-left: 0; }
.out-of-stock-layout .out-of-stock-btn { background-color: #ff0000; opacity: 1; cursor: default; }

/*======================================================================
  16. Sidebar
========================================================================*/
.sidebar .sidebar_widget { margin-bottom: 35px; clear: both; width: 100%; }
    .sidebar .sidebar_widget:last-of-type { margin-bottom: 0; }
.sidebar h2, .sidebar .h2 { font-family: 'Poppins', sans-serif; margin-bottom: 20px; font-size: 15px; }
.sidebar .sidebar_widget .widget-content ul { margin: 0 0 15px; list-style: none; }
.sidebar .sidebar_widget.sidePro .widget-content ul { margin: 0; }
.sidebar .sidebar_widget .widget-content ul li { list-style: none; padding: 3px 0; font-size: 12px; }
.filterBox ul:not(.filter-color) { list-style: none; }
    .filterBox ul:not(.filter-color) input[type="checkbox"] { width: 20px; height: auto; margin: 0; padding: 0; font-size: 1em; opacity: 0; }
        .filterBox ul:not(.filter-color) input[type="checkbox"] + label { display: inline-block; margin-left: -20px; line-height: 1.5em; cursor: pointer; margin-bottom: 0; }
    .filterBox ul:not(.filter-color) li label { font-weight: 400; font-size: 12px; }
    .filterBox ul:not(.filter-color) input[type="checkbox"] + label > span { display: inline-block; width: 15px; height: 15px; margin: 0 7px 0 0; border: 1px solid #d0d0d0; vertical-align: middle; }
    .filterBox ul:not(.filter-color) input[type="checkbox"]:checked + label > span::before { content: "\f00c"; font-family: "FontAwesome"; display: block; width: 14px; color: #000; font-size: 11px; line-height: 13px; text-align: center; }
.filterBox .filter-color { display: table; list-style: none; width: 100%; }
    .filterBox .filter-color .swacth-btn { display: block; float: left; margin-bottom: 10px; position: relative; height: 25px; width: 25px; border: 1px solid transparent; background-color: #f2f2f2; margin-right: 8px; text-align: center; font-size: 10px; line-height: 21px; color: #000; cursor: pointer; border-radius: 100px; }
        .filterBox .filter-color .swacth-btn.checked { border-color: #000; }
    .filterBox .filter-color .black { background-color: #000; }
    .filterBox .filter-color .white { background-color: #fff; border: 1px solid #ddd; }
    .filterBox .filter-color .red { background-color: #fe0000; }
    .filterBox .filter-color .blue { background-color: #0000fe; }
    .filterBox .filter-color .pink { background-color: #ffc1cc; }
    .filterBox .filter-color .gray { background-color: #818181; }
    .filterBox .filter-color .green { background-color: #027b02; }
    .filterBox .filter-color .orange { background-color: #fca300; }
    .filterBox .filter-color .yellow { background-color: #f9f900; }
    .filterBox .filter-color .blueviolet { background-color: #8A2BE2; }
    .filterBox .filter-color .brown { background-color: #A52A2A; }
    .filterBox .filter-color .darkGoldenRod { background-color: #B8860B; }
    .filterBox .filter-color .darkGreen { background-color: #006400; }
    .filterBox .filter-color .darkRed { background-color: #8B0000; }
    .filterBox .filter-color .khaki { background-color: #F0E68C; }
    .filterBox .filter-color .blue-red { background: url(../images/swatches/blue-red.jpg) no-repeat center center; }
    .filterBox .filter-color .black-grey { background: url(../images/swatches/grey-black.jpg) no-repeat center center; }
    .filterBox .filter-color .pink-black { background: url(../images/swatches/pink-black.jpg) no-repeat center center; }

.shop-fullwidth-layout.shop-listing .page-title h1 { text-align: center; }
.shop-fullwidth-layout .filterbar { padding: 20px; opacity: 0; visibility: hidden; width: 300px; height: 100%; overflow: auto; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); position: fixed; top: 0; left: -240px; z-index: 1000; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.shop-fullwidth-layout .btn-filter { margin-bottom: 0; margin-right: 10px; padding: 5px 10px; font-size: 13px; line-height: 18px; }
    .shop-fullwidth-layout .btn-filter i { vertical-align: middle; }
.shop-fullwidth-layout .filterbar .sidebar_widget:not(.filterBox), .filterbar .static-banner-block { display: none; }
.shop-fullwidth-layout .filterbar.active { left: 0; opacity: 1; visibility: visible }
.shop-fullwidth-layout .filterbar .closeFilter { color: #fff; font-size: 16px; line-height: 29px; height: 30px; width: 30px; text-align: center; visibility: hidden; cursor: pointer; position: fixed; top: 15px; left: -30px; background-color: #000; -ms-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.shop-fullwidth-layout .filterbar.active .closeFilter { visibility: visible; left: 300px; }

.full-page-title .breadcrumbs-wrapper { margin-bottom: 0; }
.full-page-title .page-title { background: url(../images/collection-banner/collection-banner.jpg) no-repeat; background-size: cover; position: relative; background-position: 50% 50%; padding: 110px 0; }
    .full-page-title .page-title h1 { margin-bottom: 0 !important; }

.brand-filter li { margin-bottom: 4px; }

.sidebar .sidebar_widget.categories .sub-level { position: relative; }
    .sidebar .sidebar_widget.categories .sub-level > a:after { content: '\ebe0'; font-family: 'annimex-icons'; display: inline-block; position: absolute; right: 0; top: 3px; }
    .sidebar .sidebar_widget.categories .sub-level > a.active:after { content: '\ebd1'; font-family: 'annimex-icons'; display: inline-block; }
    .sidebar .sidebar_widget.categories .sub-level ul { margin-left: 15px; margin-bottom: 0; display: none; }
.sidebar .sidebar_widget.categories li a { color: #111; font-size: 14px; display: block; }
    .sidebar .sidebar_widget.categories li a:focus { outline: 0; }

.filter-widget .widget-title { position: relative; cursor: pointer; }
    .filter-widget .widget-title:after { content: '\eb69'; font-family: 'annimex-icons'; display: inline-block; position: absolute; right: 0; top: -1px; font-size: 17px; }
    .filter-widget .widget-title.active:after { content: '\eb66'; font-family: 'annimex-icons'; display: inline-block; }

.size-swacthes .swacth-list ul { margin-left: 0; }
.size-swacthes .swacth-list li { float: left; display: block; }
.size-swacthes .swacth-list .swacth-btn { font-size: 11px; display: block; margin-bottom: 2px; width: 30px; height: 30px; line-height: 28px; }
/* Price Range */
.price-filter input[type="text"] { height: 30px; padding: 0 10px; text-align: center; font-size: 12px; width: 100px; }
#slider-range.ui-slider-horizontal { background: #e9e9e9; border: none; border-radius: 0; height: 3px; margin-bottom: 20px; }
#slider-range .ui-slider-handle { background: #000; border: 2px solid #000; height: 12px; outline: none; top: -5px; width: 12px; border-radius: 50%; cursor: w-resize; margin-left: -1px; }
#slider-range.ui-slider-horizontal .ui-slider-range { background: #777; border: 0; }
    #slider-range.ui-slider-horizontal .ui-slider-range ~ .ui-slider-range { background: #000; }

/* Color Swatches */
.sidebar .swacth-list ul { margin: 0; }
    .sidebar .swacth-list ul:before,
    .sidebar .swacth-list ul:after { content: ''; clear: both; display: table; }
.sidebar .swacth-list li { position: relative; float: left; }
    .sidebar .swacth-list li .tooltip-label { top: -23px; left: 50%; transform: translateX(-50%); margin-left: -3px; }
    .sidebar .swacth-list li:hover .tooltip-label { opacity: 1; top: -28px; visibility: visible; }
.grid-products .item .swatches.color-style li { box-shadow: none; -webkit-box-shadow: none; }
    .grid-products .item .swatches.color-style li input[type="checkbox"] { display: none; }
        .grid-products .item .swatches.color-style li input[type="checkbox"] + label.color { margin: 0; cursor: pointer; border: 1px solid #ccc; }
            .grid-products .item .swatches.color-style li input[type="checkbox"] + label.color span { display: block; height: 25px; width: 25px; }
        .grid-products .item .swatches.color-style li input[type="checkbox"]:checked + label.color { border: 1px solid #000; box-shadow: 0 0 1px #000; }
    .grid-products .item .swatches.color-style li .black { background-color: #000; }
    .grid-products .item .swatches.color-style li .white { background-color: #fff; }
    .grid-products .item .swatches.color-style li .red { background-color: #fe0000; }
    .grid-products .item .swatches.color-style li .blue { background-color: #0000fe; }
    .grid-products .item .swatches.color-style li.rounded { width: 25px; height: 25px; border-radius: 50% !important; -webkit-border-radius: 50% !important; }
        .grid-products .item .swatches.color-style li.rounded input[type="checkbox"] + label.color,
        .grid-products .item .swatches.color-style li.rounded input[type="checkbox"] + label.color span,
        .grid-products .item .swatches.color-style li.rounded input[type="checkbox"]:checked + label.color { border-radius: 50% !important; -webkit-border-radius: 50% !important; }
    .grid-products .item .swatches.color-style li.radius input[type="checkbox"] + label.color,
    .grid-products .item .swatches.color-style li.radius input[type="checkbox"] + label.color span,
    .grid-products .item .swatches.color-style li.radius input[type="checkbox"]:checked + label.color { border-radius: 5px !important; -webkit-border-radius: 5px !important; }
    .grid-products .item .swatches.color-style li.small,
    .grid-products .item .swatches.color-style li.small input[type="checkbox"] + label.color span { width: 15px; height: 15px; }
/* End Color Swatches */

.list-sidebar-products { margin-top: 30px; }
    .list-sidebar-products:before, .list-sidebar-products:after,
    .sidebar .sidebar_widget:before, .sidebar .sidebar_widget:after { content: ''; clear: both; display: block; }
    .list-sidebar-products .grid__item { margin-bottom: 5px; }
.mini-list-item { margin-bottom: 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
    .mini-list-item:before, .mini-list-item:after { content: ''; clear: both; display: block; }
    .mini-list-item .mini-view_image { float: left; }
        .mini-list-item .mini-view_image img { width: 100%; max-width: 70px; }
    .mini-list-item .details { flex: 6; -ms-flex: 6; padding-left: 15px; }
.product-tags li { border-radius: 18px; display: inline-block; border: 1px solid #e8e9eb; margin-bottom: 5px; height: 25px; }
    .product-tags li a { padding: 5px 10px; font-size: 11px; }
.btnview { background: none; color: #000; padding: 5px 0; border-bottom: 1px solid #000; -ms-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
    .btnview:hover { background: none; border-color: #fff; color: #000; }

.filters-toolbar-wrapper { border: 0; margin: -10px 0 20px 0; }
    .filters-toolbar-wrapper .change-view { color: #555; font-size: 16px; cursor: pointer; background: none; border: 0; padding: 0 5px; }
    .filters-toolbar-wrapper .change-view--active { color: #000; }
.filters-toolbar__product-count { font-size: 0.92308em; line-height: 35px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.filters-toolbar-wrapper select { width: auto; font-size: 12px; }
.filters-toolbar__input { padding: 0 5px; -ms-transition: all ease-out 0.15s; -webkit-transition: all ease-out 0.15s; transition: all ease-out 0.15s; background-color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; height: 30px; opacity: 1; }

.toolbar { margin-top: 30px; }

.infinitpagin { clear: both; padding: 15px 0 30px; text-align: center; }
.loadMore { color: #fff !important; }

.pagination { width: 100%; text-align: center; list-style: none; font-size: 1.15385em; }
    .pagination ul { display: block; margin: 0 auto; }
    .pagination li { display: inline-block; }
        .pagination li.active a { border: 2px solid #636871; color: #555; }
        .pagination li a { font-size: 12px; color: #a2a2a2; height: 30px; width: 30px; line-height: 28px; display: inline-block; border: 2px solid #e8e9eb; vertical-align: middle; }
            .pagination li a i { line-height: 28px; vertical-align: middle; }

/* Countdown Timer On listing */
.grid-products .item:hover .saleTime { display: none }
.saleTime { position: absolute; bottom: 5px; left: 0; right: 0; z-index: 111 }
    .saleTime .time-count { font-weight: 700; font-size: 14px; }
    .saleTime span > span { font-weight: 700; min-width: 30px; padding: 6px 4px 4px; line-height: 12px; display: inline-block; margin: 0 0 0 1px; text-align: center; background: rgba(255, 255, 255, 0.9); color: #141414 }
        .saleTime span > span span { display: block; background: none; font-size: 10px; font-weight: 400; margin-top: -3px; text-transform: uppercase; line-height: 8px }
.timermobile { margin: 0 -10px; display: none }
    .timermobile .saleTime { position: relative; margin-top: 20px }

.countdown-deals { line-height: 35px; text-align: center; width: 100%; margin-bottom: 10px; }
    .countdown-deals .cdown { background: #efefef; display: inline-block; height: 50px; width: 44px; }
        .countdown-deals .cdown span { font-size: 14px; font-weight: 500; }
        .countdown-deals .cdown > p { font-size: 12px; text-transform: uppercase; line-height: 0; margin: 0; }
.grid-products .countdown-deals { position: absolute; bottom: -10px; }
    .grid-products .countdown-deals .cdown { color: #fff; background-color: #000; }
.product-list .countdown-deals { line-height: 40px; text-align: left; }
    .product-list .countdown-deals .cdown { font-size: 14px; height: 59px; width: 65px; text-align: center; color: #fff; background-color: #000; }

.product-load-more .item { display: none; }

.sideProSlider .slick-next { right: 0; }
.sideProSlider .slick-prev { left: 0; }
.sideProSlider .slick-arrow { opacity: 0; visibility: hidden; width: 35px; height: 35px; background: #fff; }
.sideProSlider:hover .slick-arrow { opacity: 1; visibility: visible; }

.sidebar .storeFeatures { margin: 10px 0 20px; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 15px; border-bottom: 1px solid #eeeeee; }
    .sidebar .storeFeatures p { width: 100%; }
    .sidebar .storeFeatures .anm { font-size: 16px; min-width: 25px; display: inline-block; }

/*======================================================================
  End Sidebar
========================================================================*/

/*======================================================================
  17. Shop Pages
========================================================================*/
.category-banner, .category-description { margin-bottom: 20px; }
.shop-listing .page-title h1 { font-size: 18px; text-align: left; margin-bottom: 20px; }

.small-heading .page-title { background-color: #f5f5f5; padding: 45px 0; }
    .small-heading .page-title h1 { text-align: center; margin-bottom: 0; }
.small-heading .breadcrumbs-wrapper { margin-bottom: 0; }

.category-text-banner { background: url(../images/collection-banner/accessories.jpg) no-repeat 50% 50%; background-size: cover; width: 100%; height: 230px; position: relative; }
    .category-text-banner .page-title { position: absolute; top: 50%; left: 0; margin-top: -25px; padding: 0 50px; }
        .category-text-banner .page-title h1 { margin-bottom: 10px; }
    .category-text-banner .block-ttl { width: 100%; }

.category-banner-slider { margin-bottom: 20px; }
    .category-banner-slider .slick-arrow { opacity: 0; visibility: hidden; width: 40px; border-radius: 5px; height: 40px; line-height: 38px; text-align: center; background-color: rgba(255,255,255,0.5); }
        .category-banner-slider .slick-arrow:before { line-height: 40px; }
    .category-banner-slider:hover .slick-arrow { opacity: 1; visibility: visible; }
    .category-banner-slider .slick-arrow:hover { background-color: rgba(255,255,255,0.5); box-shadow: 0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3); }
    .category-banner-slider .slick-prev { left: 10px; }
    .category-banner-slider .slick-next { right: 10px; }


/*======================================================================
  End Shop Pages
========================================================================*/

/*======================================================================
  18. CMS Page
========================================================================*/
.about-style-2 #page-content .col-12 img { text-align: center; }
.about-style-2 .team-bio { margin: 15px 0; text-align: center; }
    .about-style-2 .team-bio p { margin-bottom: 0; }
.about-style-2 .social-url { text-align: center; margin-bottom: 20px; }
    .about-style-2 .social-url a { margin: 0 7px; }

.error-404-page .page-title h1 { font-size: 40px; margin: 0 0 10px; }
.error-404-page #page-content .error-content p { color: #000; font-size: 16px; }

.dashboard-upper-info { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin-bottom: 40px; }
    .dashboard-upper-info p { margin-bottom: 0; font-size: 15px; }
    .dashboard-upper-info .d-single-info { border-right: 1px solid #ebebeb; padding: 30px 20px; }
    .dashboard-upper-info [class*="col-"]:last-child .d-single-info { border-right: 0; }
.dashboard-list li a { border-bottom: 1px solid #ebebeb; color: #000; display: block; font-size: 14px; font-weight: 500; padding: 10px 15px; text-transform: uppercase; }
    .dashboard-list li a.active, .dashboard-list li a:hover { color: #fff; background-color: #000; }
.dashboard-content { border: 1px solid #ebebeb; padding: 20px; }
    .dashboard-content h3 { font-size: 18px; line-height: 24px; margin-bottom: 15px; padding-bottom: 15px; text-transform: uppercase; font-weight: 600; padding: 10px 0; letter-spacing: 0.8px; }
    .dashboard-content p { margin: 0; }
.product-order .table thead th { font-size: 14px; padding: 10px; font-weight: 600; }
.product-order .table tbody tr td { line-height: 18px; font-weight: 500; }
    .product-order .table tbody tr td a:hover { text-decoration: underline; }
.dashboard-content .billing-address { font-size: 16px; font-weight: 700; line-height: normal; margin: 15px 0 10px; }
.dashboard-content .address .view:hover { text-decoration: underline; }

.contact-details { padding: 60px 30px; background: #f8f8f8; color: #111111; }
.visually-hidden, .icon__fallback-text { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
.addressFooter { list-style: none; padding: 0; margin: 0; }
    .addressFooter .icon { color: #000 !important; font-size: 18px; float: left; margin-top: 2px; }
    .addressFooter li { padding-bottom: 12px; }
        .addressFooter li p { padding-left: 30px; }

.contact-us-page .section-header { margin-bottom: 0; }
.contact-us-page .map-section { margin-bottom: 0; overflow: hidden; height: 350px; }
    .contact-us-page .map-section .container { position: relative; height: 100%; }
.contact-us-page .map-section__overlay { left: auto; width: 300px; padding: 20px; display: inline-block; text-align: center; z-index: 3; position: absolute; left: 30px; top: 0; transform: translateY(-135%); -webkit-transform: translateY(-135%); margin-top: 0; background: rgba(255,255,255,0.8); }
.contact-us-page .map-section__overlay-wrapper { position: static; text-align: left; height: 100%; }
.rte-setting { margin-bottom: 11.11111px; }
.contact-us-page .btn--secondary { background-color: #ededed; color: #000; border: 1px solid #000; }
.contact-form textarea { height: 120px; }

.contact-us-page2 .contact-form-in { padding: 30px; background: #f8f8f8; color: #111111; }
    .contact-us-page2 .contact-form-in .input-text, .contact-us-page2 .contact-form-in textarea { background-color: #fff; }
.contact-us-page2 .contact-details { background-color: #fff; padding: 0; }

/* Social Icon */
.site-footer__social-icons li { padding: 0 10px; }
.social-icons .icon { color: #111111; font-size: 16px; }
.site-footer__social-icons .icon { width: 16px; }

.faqs-style1 #accordion .card { border: 0; margin: 0; }
.faqs-style1 #accordion .card-header { line-height: 22px; cursor: pointer; font-weight: 600; font-size: 105%; text-transform: uppercase; background: none; padding: 18px 40px 0 0; margin: 0; border-bottom: 1px solid #eeeeee; position: relative; border-radius: 0; }
    .faqs-style1 #accordion .card-header:before { display: none; }
    .faqs-style1 #accordion .card-header a:before { content: "\e622"; font-family: 'themify'; position: absolute; top: 18px; right: 10px; }
    .faqs-style1 #accordion .card-header a.collapsed:before { content: "\e61a"; }
    .faqs-style1 #accordion .card-header a { color: #000; display: block; margin: 0 0 15px; }
        .faqs-style1 #accordion .card-header a:focus { outline: 0; }
.faqs-style1 #accordion .collapse.show { margin: 0; }

.faq-style2 h3 { color: #eeeeee; font-size: 20px; font-weight: 600; background: #333333; padding: 15px 20px; margin-top: 15px; }
.faq-style2 .panel-title { line-height: 22px; font-weight: 600; font-size: 105%; text-transform: uppercase; background: none; padding: 18px 40px 18px 0; margin: 0; border-bottom: 1px solid #eeeeee; position: relative; }
.faq-style2 .panel-content { padding: 25px 0; }

.coming-soon-page { height: 100vh; }
.password-page { display: table; height: 100%; width: 100%; background-image: url(../images/coming-soon.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.password-main__inner { display: table-cell; vertical-align: middle; padding: 15px; height: 100vh; }
.coming-soon-form { color: #000000; display: inline-block; max-width: 600px; padding: 35px; margin: 0 auto; position: relative; background-color: #ffffff; }
    .coming-soon-form h2 { font-size: 20px; font-family: 'PT Sans', sans-serif; font-weight: 700; letter-spacing: 0.2px; }
    .coming-soon-form .h4 { font-size: 15px; font-family: 'PT Sans', sans-serif; font-weight: 400; letter-spacing: 0.2px; }
.coming-soon-page .site-header__logo-image { max-width: 150px; display: block; margin: 0 auto 20px; }
.coming-soon-page .input-group__field { background-color: #fff; margin-bottom: 10px; }
.coming-soon-page .input-group__btn { margin: 0 auto 30px; }

/* Wishlist Page & Compare page */
.wishlist-table { margin: 30px 0; }
    .wishlist-table tr, .wishlist-table td { vertical-align: middle; }
    .wishlist-table .product-thumbnail a img { max-width: 100px; }
    .wishlist-table .in-stock { color: #01BD01; text-transform: uppercase; font-weight: 600; }
    .wishlist-table .out-stock { color: #DD0101; text-transform: uppercase; font-weight: 600; }

.compare-page .table { border: 1px solid #ddd; }
    .compare-page .table th { background-color: #efefef; vertical-align: middle; }
    .compare-page .table td { border: 1px solid #ddd; vertical-align: middle; }
    .compare-page .table .remove-compare { border: 0; cursor: pointer; }
        .compare-page .table .remove-compare:hover { color: #000000; }
    .compare-page .table .featured-image { max-width: 185px; margin-bottom: 10px; }
    .compare-page .table .product-price.product_price { margin-bottom: 10px; display: block; }
    .compare-page .table .available-stock p { color: #090; text-transform: uppercase; }

.compare-page2 .table .remove-compare { float: right; width: 100%; text-align: right; }
.compare-page2 .table .grid-link__title { margin-bottom: 10px; }

/* My Account Pages */
.login-page .box { margin-bottom: 30px; }
    .login-page .box h3, .register-page .box h3 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 20px 0; }
.login-page form .required, .register-page .required { color: #F00; }

/*======================================================================
  19. Blog Pages
========================================================================*/
.loadmore-post { text-align: center; }
.blog--grid-load-more .article { display: none; padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px dotted #bbb; }
.no-border .article { border-bottom: 0; padding-bottom: 0; }

.custom-search { margin-bottom: 20px; }
    .custom-search .search { opacity: 1; border: 1px solid #ddd; max-width: 100%; padding: 8px 10px; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; display: table; top: 0; transform: none; -webkit-transform: none; visibility: visible; }
    .custom-search .search__input { font-size: 13px; border: none; display: table-cell; width: 100%; padding: 0 10px; }
    .custom-search .input-group__field, .custom-search .input-group__btn { display: table-cell; vertical-align: middle; margin: 0; }
    .custom-search .input-group__btn { text-align: center; white-space: nowrap; width: 1%; }
    .custom-search .btnSearch { border: 0; cursor: pointer; font-size: 14px; }

.article_featured-image { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; min-height: 140px; }
    .article_featured-image img { margin-bottom: 20px; }
.blog-list-view .article_featured-image img { margin-bottom: 0; }
.publish-detail { margin: 0 0 10px 0; }
    .publish-detail li { list-style: none; display: inline-block; }
    .publish-detail > li:after { content: '|'; display: inline-block; padding: 0 10px; vertical-align: middle; }
    .publish-detail > li:last-of-type:after { content: ""; }
.article .rte { margin-bottom: 20px; }
.article .h3 { font-size: 20px; font-weight: bold; text-transform: none }

.featured-content .list-items { margin-left: 10px; }

#comment_form { padding: 30px; background: #faf9f9; margin-top: 40px; }
    #comment_form input[type="text"], #comment_form input[type="email"], #comment_form textarea { background: #fff; }
    #comment_form h2 { font-size: 24px; margin: 0 0 20px; }
.blog-nav { margin-top: 20px; }
    .blog-nav .icon { vertical-align: middle; padding-right: 4px; }
    .blog-nav .text-right .icon { padding-left: 4px; }
.list-sidebar-products .article__date { color: #888; }

.tags-clouds li { display: inline-block; margin-bottom: 6px; margin-right: 6px; }
    .tags-clouds li a { color: #000000; display: block; border: 1px solid #ddd; padding: 5px 9px !important; text-transform: uppercase; }
        .tags-clouds li a:hover { background-color: #efefef; }

.blog-fullwidth-page .article .article_featured-image img { width: 100%; }

.blog-single-page .article { }
    .blog-single-page .article blockquote { background: #f8f8f8; text-align: center; font-weight: 600; font-size: 15px; font-style: normal; padding: 30px; margin: 0 0 20px; }
    .blog-single-page .article .btn-link { color: #000; padding-right: 10px; }
        .blog-single-page .article .btn-link:hover { text-decoration: none; }
.blog-single-page .blog-nav a { color: #000; font-size: 15px; text-transform: uppercase; padding: 10px 0; }
    .blog-single-page .blog-nav a i, .blog-single-page .blog-nav span { vertical-align: middle; }
.blog-single-page .blog-nav .nav-prev { float: left; }
.blog-single-page .blog-nav .nav-next { float: right; }
.blog-single-page .comments-list { list-style: none; margin: 0; padding: 0; }
.blog-single-page .comment { display: -ms-flexbox; display: -webkit-flexbox; display: flex; }
.blog-single-page .blog-comment h2 { font-size: 24px; margin: 20px 0 30px; }
.blog-single-page .comment__avatar { width: 70px; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 20px; margin-right: 24px; }
.blog-single-page .comment__content { -ms-flex-positive: 1; flex-grow: 1; }
.blog-single-page .comment__avatar img { max-width: 100%; border-radius: 222px; }
.blog-single-page .comment__header { margin-top: -4px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.blog-single-page .comments-list--level--1 { border-top: 1px solid #ebebeb; margin-top: 24px; padding-top: 28px; }
.blog-single-page .comments-list__item + .comments-list__item { border-top: 1px solid #ebebeb; margin-top: 24px; padding-top: 28px; }
.blog-single-page .comments-list--level--1 > .comments-list__item { margin-left: 46px; }
.blog-single-page .comment__author { color: #000; font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.blog-single-page .comment__date { margin-top: 10px; color: #999; font-size: 14px; }
.blog-single-page .comment__reply .btn { color: #555; height: 22px; padding: .125rem .375rem; display: block; background-color: transparent; border: 0; }
    .blog-single-page .comment__reply .btn:hover { }


/*======================================================================
  20. Cart Pages
========================================================================*/
.cart-col h5 { font-size: 16px; font-weight: 700; text-transform: uppercase; }
.cart__row { position: relative; }
.cart th { padding: 10px 0 8px; background: #f2f2f2; text-transform: uppercase; padding-left: 15px; padding-right: 15px; }
.cart td { padding: 10px; }
.cart .cart__meta { padding-right: 15px; }
.cart th.cart__meta, .cart td.cart__meta { text-align: left; }
.cart__image-wrapper a { display: block; }
.cart .list-view-item__title { color: #000; font-size: 1.15385em; min-width: 100px; }
.cart__image-wrapper { width: 120px; }
.cart .qtyField a { height: 36px; line-height: 34px; padding: 0; }
.cart .qtyField .cart__qty-input { height: 36px; width: 40px; float: left; }
.cart .qtyField a .icon { line-height: 33px; font-size: 10px; }
.cart .cart__remove { border: 0; margin-top: 4px; font-size: 14px; padding: 0; height: 25px; width: 26px; text-align: center; vertical-align: middle; line-height: 25px; border-radius: 100px; }
    .cart .cart__remove .icon { line-height: 25px; }
.cart table tfoot .icon { vertical-align: middle; }
.style2 .cart__footer .cart-note { margin-bottom: 30px; }
.cart__footer .solid-border { border: 1px solid #e8e9eb; padding: 20px; margin-bottom: 20px; }
.cart__footer h5, .cart__footer .h5, .cart__footer h5 label, .cart__footer .h5 label, .cart__footer .cart__subtotal-title { color: #000; text-transform: uppercase; font-size: 14px; font-family: Poppins,Helvetica,Tahoma,Arial,sans-serif; letter-spacing: 0.02em; }
.cart-note__input { min-height: 50px; width: 100%; height: 178px; }
.cart-note__label, .cart-note__input { display: block; }
.cart__subtotal { font-weight: 700; padding-left: 15px; display: inline-block; }
.cart__shipping { font-style: italic; font-size: 13px; padding: 12px 0; }
.cart_tearm label { cursor: pointer; }
input.checkbox { height: auto; vertical-align: middle; padding: 0; box-shadow: none; }
#cartCheckout { width: 100%; padding: 15px; }
.cart-variant1 .cart .cart__price-wrapper { text-align: center; }
.cart-variant1 .cart table { border: 1px solid #f2f2f2; }
    .cart-variant1 .cart table td { border: 1px solid #f2f2f2; }
.cart-variant1 .cart th.text-right,
.cart-variant1 .cart .text-right.cart-price { text-align: center !important; }
.cart__meta-text { color: #a2a2a2; font-size: 12px; }

.wrapQtyBtn { float: left; }
.qtyField { display: table; margin: 0 auto; }
    .qtyField .qty { width: 40px; }
    .qtyField .qtyBtn, .qtyField .qty { padding: 10px 6px; width: 30px; height: 42px; border-radius: 0; float: left; }
    .qtyField a { background-color: #eee; color: #000; }
        .qtyField a .fa { font-size: 12px; line-height: 21px; }
    .qtyField > a, .qtyField > span, .qtyField input { display: table-cell; line-height: normal; text-align: center; padding: 3px 6px; border: 1px solid #f5f5f5; }

/*======================================================================
  21. Checkout Page Styles
========================================================================*/
.login-title, .order-title, .payment-title, .checkout-page-style2 .title { font-size: 16px; font-weight: 700; }
.customer-box h3 { color: #fff; font-size: 15px; font-weight: 400; line-height: normal; margin: 0; padding: 15px; text-transform: uppercase; background-color: #000; }
    .customer-box h3 i { margin-right: 5px; }
    .customer-box h3 a { font-weight: 700; text-decoration: none; }
.billing-fields { margin-bottom: 30px; }
.order-table .table thead th { background-color: #fff; font-size: 13px; padding: 8px 5px 5px; border-bottom: 1px solid #ddd; }
.order-table .table td { font-size: 13px; padding: 8px 5px 5px; }
.card { border-radius: 0; margin-bottom: 10px; }
.card-header { position: relative; padding: 10px 15px; }
    .card-header:before { content: "\f078"; font-family: 'FontAwesome'; font-size: 13px; position: absolute; right: 10px; top: 9px; color: #555; }
.payment-accordion .card .card-header { background-color: #fff; }
    .payment-accordion .card .card-header a { color: #000; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.order-button-payment .btn { font-size: 18px; font-size: 700; padding: 10px 20px; }
.customer-box .discount-coupon, .customer-box .customer-info { background-color: #f7f7f7; padding: 20px; }
.create-ac-content, .your-order-payment { border: 1px solid #ddd; padding: 20px; }
    .create-ac-content .form-check { margin-left: 15px; }
.customer-box input[type="email"], .customer-box input[type="text"], .customer-box input[type="password"] { background-color: #fff; }
.order-button-payment { margin-top: 30px; }
.checkout-page .form-control, .checkout-page input, .checkout-page select, .checkout-page textarea { font-size: 13px; border-radius: 0; -webkit-border-radius: 0; }
.checkout-page .required-f { color: #F00; }
.checkout-page .form-check-input { margin-top: 3px; }

.card.card--grey { background-color: #fbfbfb; }
.card { background-color: #fff; border-color: #f7f7f7; border-radius: 0; }
.checkout-page-style2 input[type="checkbox"] + label, .checkout-page-style2 input[type="radio"] + label { font-size: 13px; font-weight: normal; line-height: 24px; margin: 0 10px 12px 0; min-width: 100px; padding-left: 5px; position: relative; }

.checkout-page-style2 .card-body h2 { font-size: 16px; font-weight: 700; }
.checkout-page-style2 .table-bordered .thumb { width: 60px; display: block; }
.checkout-page-style2 .order-table .table td { vertical-align: middle; }


/*======================================================================
  22. Nesletter Popup Styles
========================================================================*/
.newsletter-section .input-group { position: relative; display: table; width: 100%; border-collapse: separate; max-width: 500px; margin: 0 auto; }
#newsletter-modal { text-align: center; width: 90%; position: fixed; left: 50%; top: 50%; background: #fafafa; color: #111; margin: 20px auto; z-index: 444; transform: translate(-50%, -50%) scale(0.9); -webkit-transform: translate(-50%, -50%) scale(0.9); -ms-transform: translate(-50%, -50%) scale(0.9); }
    #newsletter-modal .newsltr-text { padding: 40px 30px; }
        #newsletter-modal .newsltr-text h2, #newsletter-modal .newsltr-text .h2 { font-weight: 700; font-size: 16px; text-transform: uppercase; margin: 0 0 15px 0; color: #111; letter-spacing: 0.08em; }
        #newsletter-modal .newsltr-text .input-group { display: block; margin: 0 auto 20px; position: relative; width: 100%; }
            #newsletter-modal .newsltr-text .input-group input { width: 100%; margin: 0 0 10px 0; }
        #newsletter-modal .newsltr-text p.sub-text { max-width: 400px; margin: 0 auto 20px; font-size: 13px; line-height: 1.3; }
        #newsletter-modal .newsltr-text .btn.mcNsBtn { width: 100%; }
        #newsletter-modal .newsltr-text .social-icons { margin: 0 0 20px; }
            #newsletter-modal .newsltr-text .social-icons li { display: inline-block; margin: 0 5px; list-style: none; }
                #newsletter-modal .newsltr-text .social-icons li a { color: #111111; display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; }
                    #newsletter-modal .newsltr-text .social-icons li a:hover { opacity: 0.5; }
                    #newsletter-modal .newsltr-text .social-icons li a .anm { font-size: 14px; }
        #newsletter-modal .newsltr-text #Subscribe { width: 100%; border: 0; background: #111111; color: #ffffff; }
            #newsletter-modal .newsltr-text #Subscribe:hover { opacity: 0.9; }
    #newsletter-modal .checkboxlink { font-size: 10px; text-transform: uppercase; }
        #newsletter-modal .checkboxlink input[type="checkbox"] { vertical-align: middle; }
    #newsletter-modal .wraptext { max-width: 300px; margin: 0 auto; }
    #newsletter-modal.style1 { max-width: 500px; }

@media (min-width: 767px) {
    #newsletter-modal.style1 .input-group { display: table; }
    #newsletter-modal.style1 .newsltr-text .input-group input { display: table-cell; border-right: 0; margin: 0; }
    #newsletter-modal.style1 .input-group__btn { display: table-cell; vertical-align: top; }
    #newsletter-modal.style1 #Subscribe { width: 110px; padding: 0; height: 37px; border: 0; }
}

#newsletter-modal.style1 .wraptext { max-width: 350px; }
#newsletter-modal.style2 { max-width: 650px; }
    #newsletter-modal.style2 .newsltr-tbl { display: table; table-layout: fixed; vertical-align: middle; margin: 0 auto; }
        #newsletter-modal.style2 .newsltr-tbl .newsltr-img,
        #newsletter-modal.style2 .newsltr-tbl .newsltr-text { display: table-cell; vertical-align: middle; }
            #newsletter-modal.style2 .newsltr-tbl .newsltr-img img { float: left; width: 100%; }
        #newsletter-modal.style2 .newsltr-tbl .wraptext { padding: 0 20px; }
    #newsletter-modal.style2 .newsletter__submit { width: 100%; }
#newsletter-modal.style3 { max-width: 400px; background-repeat: no-repeat; background-size: cover }
    #newsletter-modal.style3 .newsltr-text { padding: 40px 50px; }
.mfp-ready #newsletter-modal { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); }
#newsletter-modal .mfp-close { color: #111111; font-size: 30px; opacity: 1; }
.mfp-hide { display: none !important; }
.mfp-zoom-in .mfp-with-anim { opacity: 0; transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; }
.mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); }
.mfp-zoom-in.mfp-removing .mfp-with-anim { opacity: 0; transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); }

@-webkit-keyframes ad-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes ad-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.ad-spin { animation: ad-spin 1.5s infinite linear; -webkit-animation: ad-spin 1.5s infinite linear; }

@keyframes scaleimg {
    0%, 100% { transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1) }
    50% { transform: scale(1.2); -webkit-transform: scale(1); -ms-transform: scale(1); }
}

.featuredContent .d-flex { background-color: #67b0ee; }
.featuredContent .row-text { padding: 20px; }
.featuredContent h3 { color: #fff; font-size: 22px; margin-bottom: 15px; }
.featuredContent p { color: #fff; font-size: 18px; margin-bottom: 15px; }
.featuredContent .btn { color: #67b0ee; background-color: #fff; }

.featuredContentStyle2 { background-color: #fafafa; }
    .featuredContentStyle2.featuredContent .d-flex { color: #000; background-color: #fafafa; }
    .featuredContentStyle2.featuredContent h3,
    .featuredContentStyle2.featuredContent p { color: #000; }

/*======================================================================
  23. Footer
========================================================================*/
#site-scroll { color: #fff; line-height: 35px; cursor: pointer; font-size: 13px; width: 35px; height: 35px; right: 30px; position: fixed; border-radius: 50px; text-align: center; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; bottom: 40px; z-index: 444; display: none; background: #ffad00; }
    #site-scroll i { line-height: 35px; }

.template-index .footer { margin-top: 0; }
.footer { margin-top: 40px; }

    .footer .footer-top { color: #111111; background-color: #f5f5f5; border-top: 1px solid #ffffff; padding-top: 35px; padding-bottom: 35px; }
        .footer .footer-top .h4 { color: #000000; font-size: 15px; letter-spacing: 0.5px; margin: 0 0 15px; text-transform: uppercase; }

@media (min-width:992px) {
    .footer .col-lg-3 { max-width: 20%; flex: 0 0 20%; -webkit-flex: 0 0 20%; }
    .footer-6 .col-lg-3 { max-width: 22%; flex: 0 0 22%; -webkit-flex: 0 0 22%; }
    .footer-12 .col-lg-3, .footer-15 .col-lg-3 { max-width: 25%; flex: 0 0 25%; -webkit-flex: 0 0 25%; }
    .footer-17 .newsletter-col { max-width: 40%; flex: 0 0 40%; -webkit-flex: 0 0 40%; }
}

.footer .about-us-col img { margin-bottom: 20px; }
.footer .social-icons li { padding-right: 10px; }
    .footer .social-icons li a { color: #111; font-size: 14px; }

.footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin: 5px 0; }
.footer-links a { color: #111111; }
    .footer-links a:hover { color: #000000; }
    .footer-links a:before { content: ""; display: inline-block; width: 0px; height: 3px; vertical-align: middle; background-color: #111111; }
    .footer-links a:hover:before { width: 4px; margin-right: 3px; }

.footer-newsletter .newsletter-input { background: #fff; margin-bottom: 10px; }
.footer-newsletter .btn { font-size: 12px; }

.footer-bottom { background: #ffffff; color: #111111; clear: both; padding: 15px 0; border-top: 1px dotted #eeeeee; }
    .footer-bottom .payment-icons { color: #111111; float: right; font-size: 30px; line-height: 30px; text-align: right; }
    .footer-bottom .copytext { float: left; line-height: 30px; }

@media (min-width:992px) {
    .footer-2.footer .col-lg-3, .footer-16.footer .col-lg-3 { max-width: 25%; flex: 0 0 25%; -webkit-flex: 0 0 25%; }
    .footer-7.footer .col-lg-3 { max-width: 22%; flex: 0 0 22%; -webkit-flex: 0 0 22%; }
    .footer.footer-13 .col-lg-3 { max-width: 21%; -ms-flex: 0 0 21%; flex: 0 0 21%; }
    .footer-13.footer .about-us-col { max-width: 36%; -ms-flex: 0 0 36%; flex: 0 0 36%; }
}

.footer-2 .footer-top { color: #ffffff; background-color: #111111; border-top: 1px solid rgba(0,0,0,0); padding: 35px 0; }
    .footer-2 .footer-top .h4 { color: #ffffff; font-size: 16px; text-transform: none; }
.footer-2 .footer-links a { color: #ffffff; }
    .footer-2 .footer-links a:before { background-color: #000; }
.footer-2 .about-us-col .anm { color: #ffffff; font-size: 12px; padding-right: 12px; min-height: 25px; float: left; margin-top: 7px; text-align: center; }
.footer-2 .about-us-col a, .footer-2 .social-icons .icon { color: #fff; }
.footer-2 .social-icons .icon { padding-right: 10px; }
.footer-2 .social-icons li { display: block; }
    .footer-2 .social-icons li a { color: #fff; }
.footer-2 .footer-bottom { color: #ffffff; background-color: #111111; border-color: #3e3e3e; text-align: center; }
    .footer-2 .footer-bottom .copytext { float: none; }

.footer-3.footer .footer-top { background-color: #fff; }
    .footer-3.footer .footer-top .h4 { font-size: 13px; }
.footer-3.footer .footer-bottom { border-top: 1px solid #ddd; }
.footer-3.footer .social-icons li { display: block; margin-bottom: 5px }
    .footer-3.footer .social-icons li a { font-size: 13px; }
        .footer-3.footer .social-icons li a i { font-size: 13px; margin-right: 7px; }
.footer-3.footer .about-us-col .social-icons li { display: inline-block; }

.footer-4 .newsletter-section h2 { font-size: 18px; }
.footer-4 .newsletter-section .section-header { margin-bottom: 15px; }
.footer-4 .newsletter-form .input-group__btn { padding-left: 2px; }
.footer-4 .newsletter-section .newsletter-form .newsletter-input { border: 1px solid #ddd; }
.footer-4 .newsletter-section .btn { padding: 11px 20px 12px 20px; }
.footer-4 .social-icon { margin-top: 30px; }
    .footer-4 .social-icon h3 { font-size: 18px; }
.footer-4 .footer-bottom { background: #111111; color: #f5f5f5; clear: both; padding: 15px 0; border-top: 0; }
    .footer-4 .footer-bottom .payment-icons { color: #fff; }
        .footer-4 .footer-bottom .payment-icons .anm { font-size: 25px; }

.footer-5.footer .col-lg-3 { max-width: 22%; }
.footer-5.footer .footer-top { color: #ffffff; background-color: #131313; }
.footer-5 .footer-top .h4 { color: #ffffff; font-size: 16px; }
.footer-5 .footer-links a { color: #ffffff; }
    .footer-5 .footer-links a:before { background-color: #fff; }
.footer-5 .about-us-col .anm { color: #ffffff; font-size: 12px; padding-right: 12px; min-height: 25px; float: left; margin-top: 7px; text-align: center; }
.footer-5 .about-us-col a, .footer-5 .social-icons .icon { color: #fff; }
.footer-5 .footer-bottom { background-color: #000; border-color: #000; }
    .footer-5 .footer-bottom .copytext, .footer-5 .footer-bottom .payment-icons { color: #fff; }
.footer-5 .footer-newsletter .btn { padding: 10px 15px; }

.footer-6 .section.newsletter-section { padding-bottom: 10px; }
.footer-6 .newsletter-section .btn { padding: 10px 20px; }
.footer-6 .newsletter-section .input-group .input-group__field { border: 1px solid #ddd; }
.footer-6.footer .footer-top { border-top: 0; }
.footer-6 .section-header h2 { font-size: 15px; }
.footer-6.footer .footer-top .h4 { font-size: 15px; text-transform: none; }

.footer-7.footer .footer-bottom { background: #000; color: #fff; border: 0; }
    .footer-7.footer .footer-bottom .payment-icons { color: #fff; }

.footer-8.footer .footer-top .h4 { font-size: 13px; }

@media (min-width:992px) {
    .footer .instagram-col { max-width: 40%; flex: 0 0 40%; -webkit-flex: 0 0 40%; }
}

.footer .instagram-col .insta-img { max-width: 87px; float: left; position: relative; }
.footer .instagram-col #instafeed .overlay { -ms-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; visibility: hidden; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: rgba(0,0,0,0.7); position: absolute; }
.footer .instagram-col #instafeed .insta-img:hover .overlay { opacity: 1; visibility: visible; }
.footer .instagram-col #instafeed .counter { position: absolute; left: 0; right: 0; top: 50%; width: 100%; text-align: center; }
    .footer .instagram-col #instafeed .counter span { padding: 0 4px; }
    .footer .instagram-col #instafeed .counter .anm { color: #fff; margin-right: 5px; }
    .footer .instagram-col #instafeed .counter span { padding: 0 4px; color: #fff; }
.footer-8.footer .footer-bottom { color: #f5f5f5; background-color: #111; border-top: 0; }
    .footer-8.footer .footer-bottom .payment-icons { color: #f5f5f5; font-size: 25px; }
.footer-8.footer .newsletter-col .social-icon { margin-top: 20px; }

.footer-8-black .footer-top, .footer-8-black .footer-bottom { background-color: #111; }
.footer-8.footer.footer-8-black .footer-bottom { border-top: 1px dotted #444; }
.footer-8.footer .footer-top { color: #ffffff; background-color: #131313; border-top: 0; }
.footer-8 .footer-top .h4 { color: #ffffff; font-size: 16px; }
.footer-8 .footer-links a { color: #ffffff; }
    .footer-8 .footer-links a:before { background-color: #fff; }
.footer-8 .about-us-col .anm { color: #ffffff; font-size: 12px; padding-right: 12px; min-height: 25px; float: left; margin-top: 7px; text-align: center; }
.footer-8 .about-us-col a, .footer-8 .social-icons .icon { color: #fff; }

.footer-9.footer .store-info-section { background-color: #f0f0f0; }
.footer-9.footer .style2.store-info h5, .footer-9.footer .style2.store-info .h5 { font-weight: normal; margin-bottom: 2px; letter-spacing: 0.5px; }
.footer-9.footer .style2.store-info .sub-text { color: #000; }
.footer-9.footer .footer-bottom { color: #fff; background-color: #111; border-top: 0; }
    .footer-9.footer .footer-bottom .payment-icons { color: #fff; font-size: 25px; }

.footer-10.footer .footer-top { background-color: #fff; padding-top: 10px; }
    .footer-10.footer .footer-top .h4 { font-size: 13px; font-weight: normal; }
.footer-10 .footer-bottom { border-color: #dadada; }
.footer-10 .social-icons li { display: block; margin: 5px 0; }
    .footer-10 .social-icons li a:before { display: none; }
    .footer-10 .social-icons li a { font-size: 12px; }
.footer-10 .social-icons .icon { font-size: 14px; margin-right: 5px; }

.footer-12.footer .social-icons li { display: block; margin-bottom: 5px }
    .footer-12.footer .social-icons li a { font-size: 13px; }
        .footer-12.footer .social-icons li a i { font-size: 13px; margin-right: 7px; }
.footer-12 .footer-bottom { background-color: #f5f5f5; text-align: center; padding-top: 0; border-top: 0; }
    .footer-12 .footer-bottom .copytext { float: none; }
.footer-12.footer .footer-top .h4 { font-size: 14px; font-weight: normal; }

.footer-13 .footer-top { color: #fff; font-size: 12px; background-color: #000; }
.footer-13.footer .about-us-col { color: #b8b8b8; }
.footer-13.footer .social-icons { margin-top: 30px; }
.footer-13.footer .footer-bottom { color: #fff; background-color: #000; border-color: #222; }
.footer-13 .footer-top .h4 { color: #ffffff; font-size: 12px; }
.footer-13 .footer-links a { color: #b8b8b8; }
    .footer-13 .footer-links a:before { background-color: #fff; }
.footer-13 .about-us-col .anm { color: #b8b8b8; font-size: 12px; padding-right: 12px; min-height: 25px; float: left; margin-top: 7px; text-align: center; }
.footer-13 .about-us-col a, .footer-13 .social-icons .icon { color: #b8b8b8; }
.footer-13 .footer-newsletter { color: #b8b8b8; }
    .footer-13 .footer-newsletter .btn { background-color: #333; }
        .footer-13 .footer-newsletter .btn:hover { background-color: #222; }
.footer-13 .footer-bottom .payment-icons { color: #999; font-size: 25px; }

.footer-15.footer .footer-top .h4 { font-size: 13px; }
.footer-15 .social-icons { margin-top: 20px; }
.footer-15 .footer-bottom { color: #fff; background-color: #000; }
    .footer-15 .footer-bottom .payment-icons { color: #fff; font-size: 24px; }

.footer-16.footer .footer-top .h4 { font-size: 13px; text-transform: none; }
.footer-16.footer .footer-bottom { background-color: #000; }
    .footer-16.footer .footer-bottom .copytext { color: #fff; }
.footer-16 .footer-bottom { border-top: 0; }
    .footer-16 .footer-bottom .payment-icons { color: #fff; font-size: 25px; }


.footer-17 .newsletter-col .social-icon { margin-top: 20px; }
.footer-17.footer .footer-top, .footer-17 .footer-bottom { background-color: #000; border-top: 0; }
    .footer-17 .footer-bottom .payment-icons { color: #fff; font-size: 25px; }
    .footer-17, .footer-17 .footer-bottom .copytext, .footer-17 .social-icons .icon,
    .footer-17.footer .footer-top .h4, .footer-17.footer .col-lg-3, .footer-17.footer a { color: #fff; }
        .footer-17 .footer-links a::before { background-color: #fff; }
        .footer-17.footer .footer-top .h4 { font-size: 14px; }
        .footer-17 .footer-newsletter .btn { font-size: 14px; background-color: #232323; padding: 10px 25px }
            .footer-17 .footer-newsletter .btn:hover { background-color: #555; }
        .footer-17 .about-us-col p { position: relative; padding-left: 20px; }
            .footer-17 .about-us-col p i { position: absolute; left: 0; top: 5px; }
        .footer-17 .footer-newsletter .newsletter-input { border: 0; }

.footer-3-boxed, .footer-3-boxed.footer-3.footer .footer-top, .footer-3-boxed.footer-3.footer .footer-bottom { background-color: #f8ede6; color: #8b7d71; }
    .footer-3-boxed a { color: #8b7d71; }
    .footer-3-boxed.footer-3.footer .footer-bottom { border-color: #f2e3da; }
    .footer-3-boxed .about-us-col img { max-width: 120px; }
    .footer-3-boxed.footer .footer-top .h4 { color: #62462d; font-size: 15px; }

@media (min-width:992px) {
    .footer-3-boxed.footer .newsletter-col { max-width: 40%; flex: 0 0 40%; -webkit-flex: 0 0 40%; }
}

.blur-up.lazyloaded { -webkit-filter: blur(0); filter: blur(0); }
.blur-up { -webkit-filter: blur(5px); filter: blur(5px); transition: filter 400ms, -webkit-filter 400ms; -webkit-transition: filter 400ms, -webkit-filter 400ms; }