/*======================================================================
  1. Google Fonts
========================================================================*/


@import url('http://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/*products css*/
    .product-page {
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
    }

    .product-gallery {
      flex: 1;
      max-width: 450px;
    }

    .product-gallery img {
      width: 100%;
      border-radius: 10px;
      object-fit: cover;
    }

    .thumbnail-list {
      display: flex;
      flex-direction: row;
      gap: 10px;
      margin-top: 10px;
    }

    .thumbnail-list img {
      width: 80px;
      border-radius: 6px;
      cursor: pointer;
      border: 2px solid transparent;
      transition: 0.3s;
    }

    .thumbnail-list img:hover {
      border-color: #b22222;
    }

    .product-info {
      flex: 1;
      max-width: 500px;
    }

    .product-title {
      font-size: 24px;
      font-weight: bold;
    }

    .price {
      font-size: 26px;
      color: #b22222;
      font-weight: 600;
    }

    .old-price {
      text-decoration: line-through;
      color: gray;
      font-size: 20px;
      margin-right: 10px;
    }

    .offer {
      color: #b22222;
      font-weight: 500;
    }

    .color-box {
      width: 40px;
      height: 40px;
      border-radius: 6px;
      border: 1px solid #ccc;
      cursor: pointer;
    }

    .size-btn {
      border: 1px solid #ccc;
      border-radius: 5px;
      background: #fff;
      padding: 6px 12px;
      margin: 4px;
      cursor: pointer;
      transition: 0.3s;
    }

    .size-btn.active,
    .size-btn:hover {
      background: #b22222;
      color: #fff;
    }

    .cta-btn {
      background: #b22222;
      color: #fff;
      border: none;
      padding: 12px 30px;
      border-radius: 6px;
      margin-top: 20px;
      font-size: 16px;
      cursor: pointer;
    }

    .cta-btn:hover {
      background: #c14141;
    }

    .tag {
      display: inline-block;
      padding: 4px 10px;
      border-radius: 4px;
      color: #fff;
      font-size: 13px;
      margin-right: 5px;
    }

    .tag.new {
      background-color: #00bcd4;
    }

    .tag.best {
      background-color: #ff5722;
    }
    /* PRODUCT PAGE RESPONSIVENESS */
    .product-page {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
    
    .product-gallery {
      flex: 1;
      min-width: 280px;
    }
    
    /* Main product image */
    .product-gallery #mainImage {
      width: 100%;
      height: auto;
      border-radius: 8px;
      object-fit: contain;
    }
    
    /* Thumbnails */
    .thumbnail-list {
      display: flex;
      gap: 10px;
      margin-top: 15px;
      flex-wrap: wrap;
    }
    
    .thumbnail-list img {
      width: 70px;
      height: 70px;
      object-fit: cover;
      border-radius: 6px;
      cursor: pointer;
      transition: 0.2s;
    }
    
    .thumbnail-list img:hover {
      transform: scale(1.06);
    }
    
    /* ---------- MOBILE ---------- */
    @media (max-width: 768px) {
      .product-page {
        flex-direction: column;
        align-items: center;
      }
    
      .thumbnail-list {
        justify-content: center;
      }
    
      .thumbnail-list img {
        width: 60px;
        height: 60px;
      }
    }
    
    /* ---------- SMALL MOBILE ---------- */
    @media (max-width: 480px) {
      .thumbnail-list img {
        width: 50px;
        height: 50px;
      }
    }
/*end product css*/


/*======================================================================
  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; letter-spacing:0.02em; line-height:1.7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:'Montserrat',Arial,Tahoma; color:#222222; 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; }
video { width:100%; height:100%; object-fit:cover; }
[hidden] { display:none; }
html, button, input, select, textarea { font-family:'Montserrat',Arial,Tahoma; }
input, textarea, .form-control { padding:10px 18px; }
iframe { border:0; width:100%; }

a { color:#333333; text-decoration:none; outline: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 { -ms-transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;  }
a:hover, a:active { color:#f06543; text-decoration:none; outline:0; }
a:hover, a:focus { outline:0; }

.purplebtn{
    /*background-color:transparent!important;*/
            background-image: linear-gradient(to right, #7449a4 0%, #7449a4 51%, #7449a4 100%)!important;
        border:1.3px solid white !important;
        color: #fff!important;
        font-weight: 400 !important;
        border-radius: 50rem !important;
        background-size: 200% auto !important;
           transition: all 0.3s ease-in-out;
}

.transparentbtn{
    background-color:#0000004d!important;
           
        border:1.3px solid white !important;
        color: #fff!important;
        font-weight: 400 !important;
        border-radius: 50rem !important;
        background-size: 200% auto !important;
       
}
.transparentbtn:hover{ 
/*background-image: linear-gradient(to right, #7449a4 0%, #7449a4 51%, #7449a4 100%)!important;*/
    background-position: right center !important;
        color: #fff!important;
        
      transform: scale(1.05) !important;
}

p { margin:0 0 15px; }
p:last-child { margin-bottom:0; }
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 { height:auto; max-width:100%; border:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
svg:not(:root) { overflow:hidden; }
ol, ul { padding:0; margin:0; }
ul { list-style:inside; }
ul.list-items { margin-left: 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, h4, .h4, h5, .h5, h6, .h6 { color:#222222; margin:0 0 10px; font-family:'Montserrat',Arial,Tahoma; font-weight:600; line-height:1.2; letter-spacing:.02em; overflow-wrap: break-word; word-wrap: break-word; }
h1, .h1 { font-size:30px; text-transform:uppercase; }
h2, .h2 { font-size:19px; text-transform:uppercase; }
h3, .h3 { font-size:18px; }
h4, .h4 { font-size:16px; }
h5, .h5 { font-size:15px; }
h6, .h6 { font-size:14px; }
.fs-26 { font-size: 26px; }

.an-1x { font-size:13px !important; }
.an-2x { font-size:16px !important; }
.an-3x { font-size:18px !important; }

input, button, select, textarea, .form-control { font-size:13px; font-family:'Montserrat',Arial,Tahoma; background:#ffffff; border:1px solid #d7d7d7; -webkit-transition:all 0.4s ease-out 0s; 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, .form-control:focus { outline:none; box-shadow:none; border-color:#757575; }
input, select, textarea, .form-control { width: 100%; font-size: 13px; letter-spacing:0.02em; -webkit-box-shadow:none; box-shadow:none; border-radius:6px; }
input, select, .form-control { height:42px; padding:0 15px; }
input[type="checkbox"], input[type="radio"] { width:auto; height:auto; }
input[type="checkbox"]:focus, input[type="radio"]:focus { outline:0; box-shadow:none; }
textarea, textarea.form-control { overflow:auto; resize:vertical; height:auto; padding:6px 10px; }
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:8px 20px 8px 10px; }
.defaultcolor{color:#df8a1c;}
.text-left { text-align:left !important; }
.text-right { text-align:right !important; }
.text-transform-none { text-transform: none !important; }
.bg-black { background-color: #000000 !important; }
.text-black { color: #000000 !important; }
.border-black { border-color: #000000 !important; }
.clr-none { color: inherit !important; }

.ls-normal { letter-spacing:normal !important; }
.fl-1 { flex:1; -webkit-flex:1; -ms-flex:1; }
hr { opacity:1; margin:20px 0; border:0; border-bottom:1px solid #e8e9eb; }
.tooltip > .tooltip-inner { font-family:"Montserrat",Helvetica,Tahoma,Arial,serif; font-size:10px; line-height:14px; letter-spacing:0.4px; font-weight:400; padding-left:8px; padding-right:8px; text-shadow:none; height:auto; text-transform:uppercase; border-radius:3px; }
 
.hidden { display: none; }
.poss_relative { position: relative; }
.poss_absolute { position: absolute; }
.invisible { visibility: hidden; }
.clear { clear:both; }
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear: both; }

/* Table */
table { margin-bottom:15px; width:100%; border-collapse:collapse; border-spacing:0; }
th { font-family:'Montserrat',Arial,Tahoma; font-weight:600; text-transform:uppercase; }

/* Text specialized */
.text-normal { font-style: normal; }
.text-underline { text-decoration: underline; }

/* Font specialized */
.body-font { font-family:'Montserrat',Arial,Tahoma !important; }
.heading-font { font-family:'Montserrat',Arial,Tahoma !important; }
.fw-600 { font-weight:600 !important; }
.fw-500 { font-weight:500 !important; }

.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, .btn-primary { 
    -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-flex;align-items:center;justify-content:center; width:auto; height:auto; 
    text-decoration:none; text-align:center; vertical-align:middle; cursor:pointer; border:1px solid transparent; border-radius:0; padding:8px 20px 8px; background-color:#222; color:#fff; font-family:'Montserrat', 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--link { background-color:transparent; border:0; margin:0; color:#090a0a; text-align:left; text-decoration:none; outline:none !important;box-shadow:none !important; }
.btn--link:hover, .btn--link:focus { color:#fe877b; text-decoration:none; background-color:transparent; }.btn--small, .btn-small { padding:9px 20px; font-size:13px; line-height:1; }
.link-underline { text-decoration:underline; }
.link-underline:hover { text-decoration:none; }

.btn--small, .btn-small { padding:9px 20px; font-size:13px; line-height:1; }
.btn-lg { font-size:15px; padding:10px 30px; }
.btn-sm { font-size:15px; padding:8px 25px; }
.btn-link { color:#f06543; text-decoration:none; border:none; padding:0; margin:0; }
.btn-link:hover { color:#222222; }
.btn-link.disabled, .btn-link:disabled, .btn-link.disabled:hover { color:#6c757d; pointer-events:none; }
.rounded { border-radius:6px !important; }
.rounded-start { border-bottom-left-radius: 6px !important; border-top-left-radius: 6px !important; }
.rounded-end { border-top-right-radius: 6px !important; border-bottom-right-radius: 6px !important; }

label { display:block; margin-bottom:5px; }
label[for] { cursor:pointer; }

.redText { color:#f00000; }
.mb-10 { margin-bottom:10px !important; }
.form-group { margin-bottom:1rem; }

.slick-dots { margin:0; width:auto; padding:0; list-style:none; text-align:center; }
.slick-dots li { width:12px; height:12px; vertical-align:middle; position:relative; display:inline-block; padding:0; cursor:pointer; margin-right:8px; }
.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:#000; transition:all 0.2s; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; opacity:0.2; }
.slick-dots li.slick-active button { opacity:1; }

/* display flex/wrap */
.d-flex-wrap { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
/* display flex/wrap/align center */
.d-flex-center { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
/* display flex/wrap/align center/justify center; */
.d-flex-justify-center { display:-webkit-flex; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

/*======================================================================
  4. Container
========================================================================*/
.container { max-width:1200px; padding-left:15px; padding-right:15px; }
.container-fluid { padding-left:55px; padding-right: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; }

.row.g-0 { margin-left:0 !important; margin-right:0 !important; }
.row.g-0 > * { padding-left:0 !important; padding-right:0 !important; }

/*======================================================================
  6. Pre Loader
========================================================================*/
#pre-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(to right, #ffeeb6, #ffa9f8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

#pre-loader img {
  width: 300px;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
}

/*======================================================================
  7. Headers Style
========================================================================*/

/* Top Bar */
.top-bar { color:#fff; font-size:12px; background-color:#333; position:relative; z-index:49; }
.top-bar .inner { min-height:35px; }
.top-bar a, .top-bar .social-icons li a { color:#fff; }
.top-bar .an { font-size:13px; }
.top-bar a:hover, .top-bar .social-icons li a:hover { color:#fff; opacity:0.8; }
.top-bar .social-icons .tooltip-label { top:25px; }
.top-bar .social-icons .tooltip-label:before { top:-4px; bottom:auto; border-bottom:5px solid #000; border-top:transparent; }
.top-bar .social-icons li:hover .tooltip-label { top:20px; }

.header-main { position:relative; z-index:49; background-color:#ffffff; border-bottom:0; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; min-height:60px; }
.header-wrap { min-height:90px; position:relative; }
.sticky-header .header-wrap { min-height:60px; }
.showOverly .modalOverly { display:block; }

body:not(.searchact) .header-main:not(.sticky-header) { background:none; box-shadow:none; border:0; }
.header-wrap > .row { width:100%; margin:0; }
.sticky-header { 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); }
.menu-outer .container, .menu-outer .container-fluid { position:relative; }

.mih-90:not(.sticky-header) { min-height:90px !important; }

.logo { margin:0; }
.logo a { position: relative;display: block;font-weight: 700;text-transform: uppercase;font-size: 22px;line-height: 1;text-decoration: none;text-align: center; }
.logo img { display:block; max-width:154px; max-height:32px; margin:0 auto; }

.iconset .icon { font-size:17px; min-width:17px; text-decoration:none; display:inline-block; vertical-align:middle; }
.iconset { position:relative; color:#030505; height:30px; line-height:30px; text-align:center; padding:0 9px; cursor:pointer; display:flex;align-items:center; }
.iconset:hover .icon, .iconset:hover .text, .iconset:hover a { color:#f06543; }
.iconset:hover .tooltip-label { opacity:1; top:-26px; visibility:visible; }
.header .iconset .tooltip-label { top: -30px; }
.header .iconset:hover .tooltip-label { top:-20px; }
.sticky-header .iconset:hover .tooltip-label { top:-17px; }

#userLinks { width:200px;} 
#userLinks ul { list-style:none; padding:0; margin:0; }
#userLinks ul li { display:block; }
#userLinks li a { padding:5px; display:block; color:#666; text-transform:uppercase; }
.icons-col .customer-links { font-size:12px; text-transform:uppercase; }
.icons-col .customer-links .register { text-decoration:underline; }
.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); background:#fafafa; }
.cnrLangList li a:hover, .cnrLangList li a.active, .cnrLangList li a:focus { color:#fff; border:1px solid #000; opacity:1; text-decoration:none; background:#131313; }

.modal-open { padding-right:0 !important; }
.modal-open .modal { padding-right:0 !important; }

.social-icons { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; }
.social-icons li a { position:relative; padding:0 5px; color:#3e3e3e; display:flex;align-items:center; }
.social-icons li a:hover { color:#000; }
.social-icons li:hover .tooltip-label { opacity:1; top:-26px; visibility:visible; }

/* Navigation */
#siteNav { margin:0 auto; padding:0; list-style:none; display:flex; flex-wrap:wrap; }
#siteNav.right { text-align:right; justify-content:flex-end; }
#siteNav.left { text-align:left; justify-content:flex-start; }
#siteNav.center { text-align:center; justify-content:center; }
#siteNav .menubox p .title { color:#222; background-color:#fff; border-radius:2px; padding:6px 15px; margin:0 0 20px; white-space:nowrap; }
#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:#111; padding:10px 15px; text-transform:uppercase; }
    #siteNav > li > a:after { content: ""; width:0; height:1px; display:block; background-color:#000; }
    #siteNav > li > a:hover:after, #siteNav > li > a:focus:after { width:100%; }
    #siteNav.medium > li a { font-weight:500; }
    #siteNav.hidearrow > li > a .an { display:none; }
    #siteNav > li > a .an { vertical-align:middle; }
    #siteNav > li:hover > a, #siteNav > li > a:hover:hover, #siteNav > li > a:hover { color:#000; }

    #siteNav > li > a .navLbl{ white-space:nowrap; color:#ffffff; background-color:#f19280; font-size:10px; font-weight:400; line-height:normal; display:inline-block; padding:1px 5px; border-radius:0; position:absolute; top:-9px; left:50%; }
    #siteNav > li > a .navLbl:after { content:" "; display: block; width:0; height:0; border:3px solid transparent; border-top-color:#f19280; border-left-color:#f19280; position:absolute; bottom:-4px; left:0; }
    #siteNav > li > a .navLbl.new { background-color: #83cc52; }
    #siteNav > li > a .navLbl.new:after { border-top-color: #83cc52; border-left-color: #83cc52; }
    #siteNav > li > a .navLbl.hurryup { background-color: #94c442; }
    #siteNav > li > a .navLbl.hurryup:after { border-top-color: #94c442; border-left-color: #94c442; }

    #siteNav > li .megamenu { opacity:0; visibility:hidden; padding:30px; width:100%; position:absolute; top:auto; left:0; z-index:999; background-color:#fff; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.3); pointer-events:none; max-height:650px; overflow:auto; box-shadow:0px 0px 15px rgba(0,0,0,0.1); -webkit-transform:translateY(20px); transform:translateY(20px); -webkit-transition:all .3s ease-in; transition:all .3s ease-in; }
    .index-demo10 #siteNav > li .megamenu.style3 { max-width:900px; }
    #siteNav > li .megamenu ul { padding:0; list-style:none; }
    #siteNav > li:hover > .megamenu { -webkit-transform:translateY(0); transform:translateY(0); opacity:1; visibility:visible; pointer-events:visible; }
    #siteNav > li .megamenu.style1 .lvl-1 { margin-bottom:0; }
    #siteNav > li .megamenu .lvl-1 a.lvl-1 { color:#000; font-size:13px; text-transform:uppercase; padding:0 0 8px; font-weight:400; }
    #siteNav > li .megamenu .lvl-1 .site-nav { color:#000; padding:3px 0; font-weight:400; }
    #siteNav > li .megamenu .lvl-1 .site-nav:hover { color:#000; }
    #siteNav > li .megamenu .lvl-1 .site-nav:before { content: ""; display:inline-block; width:0px; height:2px; vertical-align:middle; background-color:#000; -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 .lvl-1 .site-nav:hover:before { width:5px; margin-right:3px; }
    #siteNav > li .megamenu .lvl-1 .site-nav.menu-title:hover:before { display:none; }

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

    /*#siteNav > li .megamenu .grid-products .item { margin: 0 0 20px; }*/
    /*#siteNav > li .megamenu .grid-products a, #siteNav > li .megamenu .grid-products .product-price { font-size: 12px; }*/
    /*#siteNav > li .megamenu .grid-products .product-review { margin: 0px 0 10px; }*/
    /*#siteNav > li .megamenu .grid-products .product-review .an { font-size: 11px; }*/

    #siteNav > li .offerBanner { padding: 20px; text-align: center; height: 100%; }
    #siteNav > li .gridproduct-banner .grid-products { padding: 20px; }
    .index-demo10 #siteNav > li .offerBanner { background-color:#814348; }
    .index-demo10 #siteNav > li .offerBanner h4, .index-demo10 #siteNav > li .offerBanner p { color:#ffffff; }

    #siteNav a .lbl { color:#ffffff; font-size:9px; font-weight:400; letter-spacing:0; line-height:1; text-transform:uppercase; display:inline-flex; align-items:center; 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; display: none; }
    #siteNav a .lbl.nm_label3 { background-color:#fb6c3e; }
    #siteNav a .lbl.nm_label1 { background-color:#ff0000; }
    #siteNav a .lbl.nm_label1:after { border-right-color:#ff0000; }
    #siteNav a .lbl.nm_label3:after { border-right-color:#fb6c3e; }
    
    #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; padding-left:15px; }
    #siteNav > li ul.dropdown li a .an { font-size:18px; position:absolute; right:5px; top:8px; }
    #siteNav > li ul.dropdown li ul { top:20px; left:100%; }
    #siteNav > li ul.dropdown li:hover > ul { top:0; }

    .mm-Banners:before, .mm-Banners:after { content: ''; clear:both; display:block; }
    .mm-Banners { clear:both; }
    .mm-Banners .imageCol { padding-bottom:0 !important; }
}

/*----- Classic Header Style -----*/
.template-index:not(.searchact) .classicHeader:not(.sticky-header) { position:absolute; left:0; right:0; }
.template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav > li > a { color:#ffffff; }
.template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav > li > a:hover { color:#ffffff; opacity:0.8; }
.template-index:not(.searchact) .classicHeader:not(.sticky-header) #siteNav > li > a:after { background-color:#ffffff; }
.template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset,
.template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset a { color:#ffffff; }
.template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset a:hover,
.template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset:hover .icon, 
.template-index:not(.searchact) .classicHeader:not(.sticky-header) .iconset:hover .text { color:#ffffff; opacity:0.8; }
.template-index:not(.searchact) .classicHeader:not(.sticky-header) .js-mobile-nav-toggle .an { color: #fff; }
.template-index:not(.searchact) .classicHeader:not(.sticky-header) .sticky-logo { display:none; }
.template-index.searchact .classicHeader .default-logo,
.template-index .classicHeader.sticky-header .default-logo { display:none; }

/*-----  7.1 Header Styles ----- */
.header .header-main { min-height:90px; }
.header .social-icons li .an { font-size:14px; }

.header-12.header-main, .header-12 .header-wrap { background-color: #1e2832; color: #ffffff; }
.header-12.sticky-header .header-wrap { min-height: 60px !important; }
.header-12 .menu-outer { background-color: #df8a1c; padding: 1px 0; }
.header-12 #siteNav > li > a { color: #000; font-size: 15px; font-weight: 600; }
.header-12 #siteNav > li > a:hover { color:#ffffff; }
.header-12 #siteNav > li > a:after { background-color:#ffffff; }
.header-12 .iconset, .header-12 .iconset a { color:#ffffff; }
.header-12 .iconset:hover, .header-12 .iconset a:hover, .header-12 .iconset:hover .icon { color: #df8a1c; }
.header-12 .js-mobile-nav-toggle .an { color:#ffffff; }
.header-12 .search-inline { width: 530px; margin: 0 auto; }
.header-12 .search-inline .search-category select,
.header-12 .search-inline .input-box .input-text,
.header-12 .search-inline .input-box .action { background: transparent; color: #fff; border-color: rgba(255,255,255,.2); height: 38px; }
.header-12 .search-inline .input-box .action:hover { color: #df8a1c; }
.header-12 .search-inline .search-category select { background-image:url(../images/arrow-select-white.png) !important; }

/* Sticky Menubar Mobile */
/*.menubar-mobile { position: fixed; bottom: 0; right: 0; left: 0; z-index: 999; overflow: auto hidden; padding: 5px; height: 47px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.12); transition: transform .25s; }*/
/*.menubar-mobile .menubar-item { position: relative; -ms-flex: 1 0 20%; flex: 1 0 20%; }*/
/*.menubar-mobile .menubar-item > a { position: relative; padding-right: 10px; padding-left: 10px; line-height: 1; display:flex; align-items: center; flex-direction: column; justify-content: center; }*/
/*.menubar-mobile .menubar-label { display: block; padding:0; margin: 5px 0 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 500; line-height: 1; }*/

/*======================================================================
  8. Homepage Demo's
========================================================================*/
.index-demo1 .grid-masonary.banner-grid .banner-item.col-sm-12 { margin-bottom: 0; }
.index-demo1 .collection-banners.style1 .details .redText { color:#FE877B; }

.testimonial-slider.style2 .quote-wraper .quotes-slide:before { content:"\e9e2"; font-family:annimex-icons; font-size:18px; position:absolute; left:0; top:0; }
.testimonial-slider.style2 .quote-wraper .quotes-slide { position:relative; color: #666666; padding:0 0 0 30px; }

.blackbg-quote .quote-wraper .quotes-slide { background:#111111; color:#f9f9f9; }
.blackbg-quote .quotes-slider__text,
.blackbg-quote .quote-wraper .authour { color:#f9f9f9; }
.blackbg-quote .quote-wraper .product-review { color:rgba(255,255,255,0.8); }

.blackbg-quote.style2 .quote-wraper .quotes-slide { background:#000; color:#dcdcdc; }
.blackbg-quote.style2 .quote-wraper .product-review { color: rgba(255,207,54,0.8); }
.blackbg-quote.style2 .quote-wraper .product-review .an { font-size: 13px; }
.blackbg-quote.style2 .quotes-slider__text, 
.blackbg-quote.style2 .quote-wraper .authour { color: #dcdcdc; }
.blackbg-quote.style2 .quote-wraper .slick-dots li button { background-color:#fff; opacity:0.3; }
.blackbg-quote.style2 .quote-wraper .slick-dots li.slick-active button { opacity:1; }


/*----- Homepage Demo 12 -----*/
 
.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 .heading-font { font-family: 'Montserrat', serif !important;  font-weight: 700; }
.index-demo12 .body-font { font-family:'Montserrat',Arial,Tahoma !important; }
.index-demo12 .slideshow--large { height: 600px; background-position: center top !important; }
.index-demo12 .slideshow .slider2 .bg-size { background-position: center bottom !important; }
.index-demo12 .slideshow .ss-mega-title { font-size:67px; }
.index-demo12 .slideshow .ss-sub-title { font-size:17px }
.index-demo12 .slideshow .yellow { color:#df8a1c; }
.index-demo12 .collection-banners.style8 .details .title { font-size: 30px; }
.index-demo12 .collection-banners.style8 .details.top-left { top: 20px !important; left: 20px; }
.index-demo12 .collection-banners.style8 .details .btn { color: #111; background-color: #fff; border-color: #fff; padding: 8px 20px; font-size: 13px; text-transform: none; line-height: 1.2; }
.index-demo12 .collection-banners.style8 .details .btn:hover { color: #fff; background-color: #111; border-color: #111; }
.index-demo12 .section-header h2 { font-size: 30px; font-weight: 700; }
.index-demo12 .parallax-banner-style4 .hero .text-small .mega-subtitle { color: #1e2832; font-size: 14px; font-weight: 400; }
.index-demo12 .parallax-banner-style4 .hero .text-small .mega-title { color: #1e2832; font-size: 40px; font-weight: 700; }
.index-demo12 .parallax-banner-style4 .hero .saleTime { margin: 0 0 20px; }
.index-demo12 .parallax-banner-style4 .hero .saleTime span > span span { color: #1e2832; }
.index-demo12 .parallax-banner-style4 .hero .saleTime span > .count-inner { color: #1e2832; background: #df8a1c; border-color: #df8a1c; border-radius: 10px; }
.index-demo12 .collection-banners.style8 .details.center-left { left: 10px; }
.index-demo12 .collection-banners.style8.two-banner .details .title { font-size: 40px; }
.index-demo12 .collection-banners.style8.two-banner .collection-grid-item .details .inner { font-size: 20px; }
.index-demo12 .collection-banners.style8.two-banner .details .btn { padding: 9px 20px; font-size: 15px; }
.index-demo12 .grid-products .product-review { margin: 8px 0 0; }
.index-demo12 .collection-banners.style8.two-banner .details .title.yellow { color:#df8a1c; }
.index-demo12 .store-features { background-color:#df8a1c; }

/*=====================================================================
  9. Homepage Sections
========================================================================*/
/* 9.1 Homepage Slideshow */
.slideshow-wrapper, .slideshow .slide { position:relative; }
.slideshow .bottom-middle { height:100%; padding-left:60px; padding-right:60px; }
.slideshow .bottom-middle .slideshow-content-in { top:auto; bottom:50px; -ms-transform:none; -webkit-transform:none; transform:none; }
.slideshow .bottom-left .slideshow-content-in { top:auto; left:60px; bottom:60px; -ms-transform:none; -webkit-transform:none; transform:none; }
.slideshow .middle-right .slideshow-content-in { text-align:left; right:17%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.slideshow .middle-left .slideshow-content-in { text-align:left; left:17%; }
.slideshow .middle-bottom .slideshow-content-in { right: 14%; bottom: 8%; top: auto; -ms-transform: none; -webkit-transform: none; transform: none; }
.slideshow-content-in { position:absolute; max-width:max-content; width:100%; top:50%; z-index:3; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.slideshow .wrap-caption { display:inline-block; padding:25px; }
.slideshow--medium { height: 600px; }
.slideshow--large { height: 700px; }
.slideshow--xlarge { height: 900px; }

/* Slide Caption Animation */
.slideshow .animation.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); }
.slideshow .slick-active .animation.style1 { opacity:1; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); }
.slideshow .animation.style2 { opacity:0; margin-bottom:-30px; transition:1s all .1s; -webkit-transition:1s all .1s; -ms-transition:1s all .1s; }
.slideshow .slick-active .animation.style2 { opacity:1; margin-bottom:0; }

.slideshow .animation.style3 { opacity:0; transform: translateY(-15px); transition: .8s all .2s; }
.slideshow .slick-active .animation.style3 { opacity:1; transform: translateY(0); }
.slideshow .animation.style3 .ss-btnWrap { opacity: 0; transition: .6s all .4s; transform: translateY(10px); }
.slideshow .slick-active .animation.style3 .ss-btnWrap { opacity:1; transform: translateY(0); }

.slideshow .slick-active .animation.style4 .ss-small-title { animation-delay: .3s; -webkit-animation-delay: .3s; animation-duration: .3s; -webkit-animation-duration: .3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInDown; -webkit-animation-name: fadeInDown; }
.slideshow .slick-active .animation.style4 .ss-mega-title { animation-delay: .5s; -webkit-animation-delay: .5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInDown; -webkit-animation-name: fadeInDown; }
.slideshow .slick-active .animation.style4 .ss-sub-title { animation-delay: .4s; -webkit-animation-delay: .4s; animation-duration: .4s; -webkit-animation-duration: .4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
.slideshow .slick-active .animation.style4 .ss-btnWrap { animation-delay: .5s; -webkit-animation-delay: .5s; animation-duration: .5s; -webkit-animation-duration: .5s; animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
/* End Slide Caption Animation */

.slideshow .ss-mega-title { color:#000000; line-height:1.1; text-shadow:1px 1px 7px rgba(0,0,0,0); margin: 0 0 10px; }
.slideshow .ss-sub-title { color:#000000; margin-bottom:20px; text-shadow:1px 1px 4px rgba(0,0,0,0); display:block; }
.slideshow .whiteText .ss-mega-title, .slideshow .whiteText .ss-sub-title, .slideshow .whiteText .ss-small-title { color:#fff; text-transform:none; }
.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 .btn-primary + .btn-primary { margin-left:20px; }
.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; text-align:center; background-color:transparent; -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: 1;
    visibility: visible;
}
.slideshow .slick-prev { left:30px; }
.slideshow .slick-next { right:30px; }
.slideshow .slick-next:before { content:"\ea8c"; font-family:"annimex-icons"; color:#fff; }
.slideshow .slick-prev:before { content:"\ea8b"; font-family:"annimex-icons"; color:#fff; }
.slideshow .slick-prev:before, .slideshow .slick-next:before { font-size:25px; line-height:25px; }
.slideshow .slick-dots { margin:0; width:auto; padding:0; list-style:none; position:absolute; bottom:30px; 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; background:transparent; display:block; cursor:pointer; color:#fff; width:14px; height:14px; text-indent:-9999px; padding:0; border-radius: 100%; border:2px solid #fff; transition:all 0.2s; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; opacity:1; }
.slideshow .slick-dots li.slick-active button { background-color:#fff; }
.slideshow img.mobile-hide { display: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.2 Products With Tab Slider */
.tab-slider-product.section .section-header { margin-bottom:20px; }
.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; 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_container .grid-products .slick-arrow { width:30px; }

/* 9.3 Hero/Parallax Banners */
.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:35px; font-weight:700; }
.hero .text-small .mega-subtitle { font-size:15px; 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; }
.hero .hero__inner .details { font-size:18px; margin-bottom:25px; }

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

.hero--xlarge { height:800px; }
.hero--large { height:600px; }
.hero--exlarge { height:900px; }
.hero--medium { height:450px; }
.hero--small { height:380px; }
.hero .text-large .mega-title { font-size:50px; }
.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:23px; }
.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:540px; padding:20px; 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.4 Featured Content Section */
.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; }
.f-image { width:100%; display:block; }

.featured-content.style1 .f-text { color:#fff; padding:15px 45px; margin:0 auto; max-width:90%; width:100%; }
.featured-content.style1 .f-item:not(.white-bg) h3 { color:#fff; }
.featured-content.style1 .white-bg { color:#000; background-color:#fff; font-size:15px; }
.featured-content.style1 .white-bg .f-text { color:#222222; }
.featured-content.style1 .product-review .an { font-size: 14px; }

/* 9.6 Testimonial Slider */
.quote-wraper { margin:0 -10px; }
.quote-wraper { margin:0 10px; }
.quote-wraper .quotes-slide { background-color:#fff; padding:30px; }
.quote-wraper .testimonial-image { text-align:center; margin-bottom:20px; }
.quote-wraper .authour { margin-bottom:0; }
.quote-wraper .testimonial-image img { margin:0 auto; max-height:100px; max-width:100px; border-radius:100%; }
.quote-wraper blockquote { border:0; max-width:700px; margin:0 auto; line-height:1.7; }
.quotes-slider__text { color:#666666; font-size:14px; line-height:1.7; font-weight:400; font-style:normal; padding:0; }
.quote-wraper .authour { color:#666666; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase; line-height:18px; }
.quotes-slider__text p { margin-bottom:10px; }
.quotes-slider__text .cmp-name { margin-bottom: 0; }
.quote-wraper .product-review { color:rgba(210, 135, 108, 0.8); margin-bottom:10px; }
.quote-wraper .slick-arrow { margin-top:-10px; 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; }
.quote-wraper .slick-arrow:before { line-height:35px; }
.quote-wraper:hover .slick-arrow { opacity:1; visibility:visible; }
.quote-wraper .slick-prev { left:-10px; }
.quote-wraper .slick-next { right:-10px; }
.quote-wraper .slick-dots { margin-top:20px; }

.quotes-slider-1item .quotes-slider__text { font-size: 16px; color: #444444; }
.quotes-slider-1item .product-review { color: rgba(242,157,25,0.8); display: flex; justify-content: center; align-items: center; }
.quotes-slider-1item .product-review .an { font-size: 14px; margin: 0 2px; }
.quotes-slider-1item .authour { font-size: 15px; font-weight: 600; color: #444444; }

/* 9.9 Miniproduct List Section */
.mini-product .column-ttl { font-size:16px; text-transform:uppercase; margin:0 0 25px; }
.mini-product .mini-list-item .grid-view-item__link, 
.mini-product .mini-list-item .mini-view_image img { width: 80px; }
.mini-product .mini-list-item { border: 1px solid #a686c9; padding-right: 10px; align-items: center; margin-bottom: 15px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.mini-product .mini-list-item:hover { box-shadow: 0 0 5px #a686c9; }
.mini-list-item .grid-view-item__link,
.mini-list-item .mini-view_image img { width:70px; display:block; }

/* 9.12 Home Blog Post */

.home-blog-post { padding:50px 0; }
.blogpost-item { margin:0 0 1px; }
.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); }

.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-list { margin-right:-10px; margin-left:-10px; }
.home-blog-post .slick-slide { margin-right:10px; margin-left:10px; }
.home-blog-post .slick-prev { left:-30px; }
.home-blog-post .slick-next{ right:-30px; }

.post-content h2 { margin-bottom: 10px; }

/* 9.13 Store Features */
.store-features { background-color:#fff; padding:30px 0; }
.store-info .an { float:left; margin:0 15px 0 0; font-size:40px; vertical-align:middle; width:50px; text-align:center; }
.store-features.style1 .col i { background:#eeeeee; width:75px; height:75px; line-height:72px; }
.store-features.style1 .col:hover i { background:#f2f2f2; }
.store-features.style1 .store-info .an { float:none; margin:0 auto; }

/* 9.14 Custom Content */
.custom-content-section .col-lg-6 { margin-bottom:30px; }
.custom-content-section .section-header { margin-bottom:10px; }

/*======================================================================
  10. Collection Banner
========================================================================*/
.collection-banners { margin-top:20px; }
.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:20px; right:0; padding:20px; text-align:center; }
.collection-banners .details .title { margin:0; font-size:16px; text-transform:uppercase; }
.collection-banners .details .btn { font-size:12px; padding:5px 15px; margin-top:10px; }
.banner-item:after { content:''; display:block; clear:both; }
.banner-item { float:left; margin-bottom:20px; }
.banner-item img { display:block; max-width:100%; }
.grid-sizer, .banner-item { max-width:50%; }

@media only screen and (min-width:1200px) {
    .grid-sizer.grid-5col, .grid-categorys .grid-5col .cl-item { width:20%; }
    .grid-sizer.grid-7col, .grid-categorys .grid-7col .cl-item { width:14.28571%; }
}

.collection-grid-item__title { font-size:20px; font-weight:600; text-transform:none; margin:0; display:block; }
.collection-grid-item .counts { color:#333333; font-size:13px; opacity:0.7; display:block; margin-top:7px; }
.collection-grid-item .details { position:relative; display:flex; flex-direction:column; padding:15px 15px 15px; width:100%; -webkit-transition:all .3s ease-out; transition:all .3s ease-out; }

.collection-grid-item .details { display:block; height:100%; position:absolute; top:0; opacity:0; z-index:1; text-align:center; }
.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-banners.style1 .collection-grid-item a { display:block; }
.collection-banners.style1 .collection-grid-item a:before { content:''; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:1; }
.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:80%; }
.collection-banners.style1 .collection-grid-item .details.bottom-right { bottom:20px; right:20px; left:auto; text-align:left; width:auto; transform:none; -webkit-transform:none; -ms-transform:none; }
.collection-banners.style1 .collection-grid-item .details.bottom-left { bottom:20px; left:20px; right:auto; text-align:left; width:auto; transform:none; -webkit-transform:none; -ms-transform:none; }
.collection-banners.style1 .collection-grid-item .title { color:#4e6275; font-size:24px; font-weight:bold; }
.collection-banners.style1 .collection-grid-item .title.large-title { font-size:60px; }
.collection-banners.style1 .collection-grid-item .white-text .btn--link { color:#fff; font-size:14px; border-bottom:2px solid #ffffff; display:inline-block; padding:0 0 5px 0; }
.collection-banners.style1 .collection-grid-item .white-text .btn--link:hover { opacity:0.8; }
.collection-banners.style1 .collection-grid-item .white-text,
.collection-banners.style1 .collection-grid-item .white-text .title { color:#fff; background-color:transparent; }
.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 .inner { position:static; transform:none; -ms-transform:none; -webkit-transform:none; }
.collection-banners.style1 .collection-banners .details p { margin-top:10px; }

.collection-banners.style8 .collection-grid-item .details { opacity:1; visibility:visible; background-color: transparent; width: auto; height: auto; top: auto !important; bottom: auto !important; left: auto; right: auto; -ms-transform: none; -webkit-transform: none; transform: none; }
.collection-banners.style8 .collection-grid-item .details:before { opacity:0; }
.collection-banners.style8 .collection-grid-item .details .inner { font-size: 15px; letter-spacing: normal; padding: 0; top: auto; -ms-transform: none; -webkit-transform: none; transform: none; }
.collection-banners.style8 .collection-grid-item .btn--link { color:#fff; font-size:12px; border-bottom:2px solid #ffffff; display:inline-block; padding:0 0 5px 0; }
.collection-banners.style8 .collection-grid-item .black-link .btn--link { color: #444444; border-color: #444444; }
.collection-banners.style8 .details.center-left { text-align: left; top: 50% !important; left: 25px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  transform: translateY(-50%); }
.collection-banners.style8 .collection-grid-item.banner3 .details .title { font-size: 40px; }
.collection-banners.style8 .collection-grid-item.banner4 .details .title { font-size: 20px; }

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

/*======================================================================
  10.2 Category Columns Pages
========================================================================*/
.shop-sub-collections .grid-categorys .category-item .details { padding-bottom: 0; }

/* Grid gaping */
.grid-mr-10 { margin:-5px; }
.grid-mr-10 .cl-item, .collection-banners .grid-mr-10 .row .banner-item { padding:5px; margin-bottom:0 !important; }

/*======================================================================
  11. Breadcrumbs
========================================================================*/
.collection-hero { position:relative; overflow:hidden; margin-bottom:30px; }
.collection-hero__image { background-color:#f2f2f2; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; height:100px; opacity:1; }
.collection-hero__title-wrapper { position:absolute; left:0; right:0; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; }
.collection-hero__title-wrapper:before { content:''; position:absolute; top:0; right:0; bottom:0;left:0; background-color:#000000;opacity:0; visibility:hidden; }
.collection-hero__title { font-size:18px; font-weight:700; color:#111111; width:100%; text-align:center; text-transform:uppercase; margin:0; }
.collection-description { padding-top:10px; padding-bottom:10px; }


/*======================================================================
  12. Section
========================================================================*/
.section { padding-top:50px; padding-bottom:50px; }
.section-header { position:relative; margin-bottom:35px; text-align:center; }
.section-header h2 { font-size:22px; font-weight:600; line-height:1.3; margin: 0 auto; }
.section-header p { 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:600px; }
}

/*======================================================================
  13. Product Grid
========================================================================*/
@media only screen and (min-width:1025px) {
    .shop-grid-5 .grid-products .item.col-lg-2, 
    .shop-grid-5 .item.col-xl-2 { -ms-flex:0 0 20%; -webkit-flex:0 0 20%; flex:0 0 20%; width:20%; }
}

.slick-prev, .slick-next { width:30px; height:30px; text-align:center; position:absolute; z-index:9; display:inline-flex;align-items:center;justify-content:center; 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; color:#222; opacity:.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:block; }
.slick-prev:before { content:"\ea8b"; }
.slick-next::before { content:"\ea8c"; }

.tooltip-label { 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; line-height:1.5; transform:translateX(-50%); text-transform:uppercase; text-align:center; 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; }
.tooltip-label:before { content:""; border:5px solid transparent; border-top:5px solid #000000; position:absolute; bottom:-9px; left:50%; margin-left:-5px; }
.tooltip-label.left { right: 45px; left: auto; bottom: auto; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.tooltip-label.left:before { border-top-color: transparent; border-left-color: #000000; right: -9px; top: 5px; left: auto; bottom: auto; }

/*======================================================================
  15. Products Detail Page
========================================================================*/

.product-info p { position:relative; color:#222; margin-bottom:5px; font-weight:600; }
.product-info p span { padding-left:10px; font-weight:400; text-transform:capitalize; }
.product-info p span.instock { color:#447900; }

.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; }

.template-product .product-service .service-info:hover .icon { background:transparent; color:#fb6657; }

table { margin-bottom:15px; width:100%; border-collapse:collapse; border-spacing:0; }
#sizechart { position:relative; text-align:center; background:#fff; margin:0 auto; padding:20px; max-width:800px; box-shadow:0 0 20px rgba(255,255,255,.3); }
#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; }
#sizechart ul, #ShippingInfo ul { margin:0 0 20px 0px; }

#productInquiry { position:relative; background:#fafafa; margin:0 auto; padding:20px; max-width:600px; }
#productInquiry h3 { font-size:15px; text-transform:uppercase; padding-right:15px; margin-bottom:20px; }
#productInquiry textarea { padding:10px; }

.template-product .product-tabs li a { font-size:13px; font-weight:600; text-transform:uppercase; position:relative; display:block; padding:0 0 10px; background-color:transparent; color:#666; border:none; cursor:pointer; margin-right:40px; }
.template-product .product-tabs li.active a, 
.template-product .product-tabs li:hover a { color: #000; }
.template-product .product-tabs li a:before { content:""; width:0; height:1px; background-color:#444; position:absolute; bottom:-1px; left:0; right:0; }
.template-product .product-tabs li.active a:before,
.template-product .product-tabs li:hover a:before { width:100%; }

.template-product .tabs-listing .tab-container { padding:30px 0 20px; text-align:left; }
.tab-container .tab-content { display:none; }
.product-template__container .product-single-1 .tab-container .tab-content { padding-top:20px; }

#size-chart table tr th { background:#000; color:#fff; border:0 !important; white-space:nowrap; }
#size-chart table tr th, #size-chart table tr td { padding:7px 12px; text-align:center; font-size:12px; border:1px solid #e8e9eb; }

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

.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%; }

.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 { top:10px; right:10px; opacity:1; color:#333; line-height:30px; height:30px; width:30px }
.mfp-close { font-size:28px !important; }
button.mfp-close { width: 35px; height: 35px; line-height: 35px; }

/* Product Info Bg */
 .tab-accordian-style .accordion-button { font-size: 12px; font-weight: 600; margin: 0; padding: 12px 30px 12px 15px; text-transform: uppercase; border-radius: 5px !important; background-color: #fff; color: #444; border: 1px solid #eee; box-shadow: none; }
.tab-accordian-style .accordion-button:after { content: "\ea45"; font-family: 'annimex-icons'; font-size: 18px; font-weight: normal; position: absolute; top: 50%; right: 12px; background: none; width: auto; height: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.tab-accordian-style .accordion-button:not(.collapsed):after { content: "\ea48"; }
.tab-accordian-style .accordion-button:not(.collapsed) { color: #222; border-color: #eee; background-color: #f5f5f5; }

.tab-vertical-style .nav-pills .nav-link { font-size: 12px; font-weight: 600; margin: 0 0 .5rem; padding: 12px 30px 12px 15px; text-transform: uppercase; border-radius: 5px !important; background-color: #fff; color: #444; border: 1px solid #eee; box-shadow: none; }
.tab-vertical-style .nav-pills .nav-link.active { color: #222; border-color: #eee; background-color: #f5f5f5; }

/*======================================================================
  16. Sidebar
========================================================================*/
.toolbar { margin-top:20px; }

.pagination { width:100%; text-align:center; list-style:none; font-size:1.15385em; }
.pagination ul { display:flex; flex-wrap:wrap; align-items:center; margin:0 auto; list-style:none; }
.pagination li a { font-size:12px; color:#333333; height:35px; width:35px; display:flex;align-items:center;justify-content:center; border:2px solid #f5f5f5; margin:0 2px; vertical-align:middle; }
.pagination li:hover a { color:#333333; border-color:#333333; }
.pagination li.active a { color: #fe877b; border-width:2px; border-color: #fe877b; }

/* Collection top filters */
.collection-top-filters .flTtl { font-size: 13px; font-weight: 600; color: #000; background: transparent; text-transform: uppercase; display: flex; align-items: center; justify-content: space-between; border: none; outline: none; padding: 15px; }
.collection-top-filters .flTtl:after { content: "\eb66"; font: normal normal normal 15px/1 annimex-icons; padding: 0 0 0 10px; margin: 0; border: none; }
.collection-top-filters .flTtl.show:after { content: "\eb69"; }
.collection-top-filters .count-bubble { color: #fff; background-color: #222; display: inline-block; margin:0 5px; height: 15px; width: 15px; font-size: 10px; font-weight: 400; }
.collection-top-filters .count-bubble:empty { display:none; }
@media only screen and (min-width: 992px) {
    .collection-top-filters { background-color: #f5f5f5; border: 1px solid #edecec; border-radius: 2px; padding: 0 5px 0 15px; margin: 0 0 25px; }
    .collection-top-filters .filterDD { padding: 0; width: 305px; color: #000000; background-color: #f5f5f5; border: 1px solid #edecec; border-radius: 0 0 6px 6px; box-shadow: 1px 1px 2px rgba(0,0,0,.12); z-index:5; }
    .collection-top-filters .filterDD .bxTtl { position:sticky; position:-webkit-sticky; top:0; z-index:1; padding: 10px 15px; background-color: #f5f5f5; border-bottom: 1px solid #edecec; font-size: 12px; line-height: 1.6; letter-spacing: .02em; }
    .collection-top-filters .filterDD .swacth-list { padding: 15px; }
}

/*======================================================================
  18. CMS Page
========================================================================*/
.clr-fa { background-color: #fafafa; }
.clr-f5 { background-color: #f5f5f5; }
.row_text { font-size: 14px; }
.row_text .row-text { padding: 15px 45px; margin: 0 auto; max-width: 90%; width: 100%; }

/* About Page */
.about-pstyle2 .collection-hero.inner .collection-hero__title-wrapper:before { background-color: #222222; opacity: 0.4; visibility: visible; }
.about-pstyle2 .collection-hero.inner .collection-hero__title { font-size: 40px; font-weight: 600; text-transform: none; }
.about-pstyle2 .collection-hero.inner .collection-hero__image { height: 450px; background-image: url(../images/slideshow/demo1-banner1.jpg); }
.about-pstyle3 .collection-hero.inner .collection-hero__title { font-size: 57px; font-weight: 600; text-transform: none; }
.about-pstyle3 .collection-hero.inner .collection-hero__image { height: 246px; background-image:url(../images/about/aboutus-3.jpg); }

.about-service .icon { background: #ffffff; width: 85px; height: 85px; line-height: 85px; border-radius: 50%; color: #fe877b; font-size: 50px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.about-service .service-info:hover .icon { background: #848484; color: #fff; }
.checkmark-info .icon { margin-right: 15px; color: #2db858; font-size: 20px; }
.service-info h4 { margin-bottom: 10px; }

.error-404-page .page-title h1 { font-size:28px; margin:25px 0 10px; }
.error-404-page #page-content .error-content p { font-size:15px; margin-bottom: 25px; }


/* Contact Page */

.mailsendbtn { display: inline-block; position: relative; }
.mailsendbtn .loading { display: none; position: absolute; right: -40px; top: 6px; width: 28px; height: 28px; box-shadow: 0 0 3px #999; text-align: center; }
.error_msg { display: block; color: #ff4141; }
.contactus-page .contact-inner { max-width: 550px; padding: 40px 55px; margin: 0 auto; }
.contact-pstyle2 .collection-hero .collection-hero__image { height: 210px; background-image:url(../images/about/aboutus-3.jpg); }
.contact-pstyle2 .collection-hero .collection-hero__title { font-size: 40px; font-weight: 600; margin-bottom: 5px; text-transform: none; }
.contact-pstyle2 .contact-details { padding: 30px; margin-top: 20px; }
.contact-pstyle2 .map-section { height: 350px; margin-top: 50px; }

/* 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; }

/*======================================================================
  20. Cart Pages
========================================================================*/
.input-group .input-group__field, .input-group > .form-control, .input-group .btn { height: 40px; }
.required, .required-f { color: #ff0202; }


/*======================================================================
  23. Footer
========================================================================*/
#site-scroll { color:#000; background:#fff; line-height:35px; cursor:pointer; font-size:13px; width:40px; height:40px; line-height:44px; 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; box-shadow:0 0 1px #ddd; }
#site-scroll:hover { color:#fff; background:#222; }
#site-scroll.textbase { width:auto; height:auto; line-height:normal; position:fixed; right:10px; -webkit-transform:rotate(270deg); transform:rotate(270deg); font-size:10px; bottom:120px; background:transparent !important; box-shadow:none; padding: 0;color: #000 !important;}
#site-scroll.textbase:hover { opacity:0.8; }

.template-index .footer { margin-top:0; }
.footer { margin-top:50px; }
.footer .footer-top { color:#222222; background-color:#f5f5f5; border-top: 1px solid #ffffff; padding-top:45px; padding-bottom:45px; }
.footer .about-col img { max-width:150px; }
.footer .footer-top .h4 { color:#202020; font-size:14px; letter-spacing:0.5px; margin:0 0 15px; text-transform:uppercase; }
.footer .about-us-col img { margin-bottom:20px; }
.footer .social-icons li a { color:#111; }
.footer .social-icons li i { 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-bottom { background:#eeeeee; clear:both; padding:15px 0; border-top:1px dotted #eeeeee; }
.footer-contact p i { padding-right:10px; }

.footer .social-icons-col ul { list-style:none; padding:0; margin:0; }
.footer .social-icons-col li { margin-bottom:5px; }
.footer .social-icons-col li a { font-size:13px; padding:0; }
.footer .social-icons-col a:before { display:none; }
.footer .social-icons-col i { font-size:13px; width:28px; display:inline-block; text-align:center; }

.footer-12 .footer-about h2 { color:#df8a1c; }
.footer-12 .footer-top, .footer-12 .footer-bottom { color:#cbd4dc; background-color:#1e2832; border-color:#3b4045; }
.footer-12 .footer-links a { color:#cbd4dc; }
.footer-12 .footer-links a:hover { opacity:.7; text-decoration:underline; }
.footer-12 .footer-links a:before { background-color:#cbd4dc; }
.footer-12  .social-icons li a { color:#df8a1c; }
.footer-12  .social-icons li a:hover { opacity:.7; }

.rounded-pill-start { border-bottom-left-radius:50rem !important; border-top-left-radius:50rem !important; }
.rounded-pill-end { border-top-right-radius:50rem !important; border-bottom-right-radius:50rem !important; }

.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; }


/*======================================================================
  24. Cookie Popup
========================================================================*/
.cookie-popup { color:#fff; background-color:#000; padding:20px; position:fixed; z-index:1000; max-width:100%; bottom:0; left:0; right:0; text-align:center; }
.cookie-popup .btn { background-color:#fff; color:#000; margin-right:10px; }

/* Cookie Meassage */
#cookie-message{ text-align:center; position:fixed; top:auto; bottom:0; left:0; right:0; margin:0; z-index:99; background-color:#000000; color:#ffffff; padding:10px 0; border-radius:0; border:none; }

/*======================================================================
  25. Vendor Page
========================================================================*/

/* Bootstrap tagsinput */
.bootstrap-tagsinput { display: inline-flex; flex-wrap: wrap; align-items: center; height: auto; min-height: 42px; padding: 4px 10px; width: 100%; font-size: 13px; letter-spacing: 0.02em; box-shadow: none; border-radius: 6px; border: 1px solid #d7d7d7; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; }
.bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; height: auto; max-width: inherit; }
.bootstrap-tagsinput .tag { padding: 4px 8px; margin: 0 3px 3px 0; color: #fff; background: #222; border-radius: 4px; font-size: 12px; }
.bootstrap-tagsinput .tag [data-role="remove"] { margin-left: 8px; cursor: pointer; }
.bootstrap-tagsinput .tag [data-role="remove"]:after { content: "x"; padding: 0px 2px; }