@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');


:root {
--textlight: #868181;    
--placeholder-clr: #C4C4C4;
--btn-bg: #333;
--btn-bg-hover: #e7272d;
--bgsite: #e7272d;
--bgdark: #7EB2DD;
--white-clr:#ffffff;
--link-clr: #000;
--primary-textclr: #000;
--primary-font:  'Jost', sans-serif;
--secondary-font: 'Raleway', sans-serif;
--green: #82b441;
--fsbody: 16px;

}


.green{color:var(--green);}
.bg-green{background: var(--green);}
::-moz-selection{background:var(--btn-bg-hover);color:#fff}
::selection{background:var(--btn-bg-hover);color:#fff}
.raleway{font-family: var(--secondary-font);}

body{font-family: var(--primary-font); font-size:var(--fsbody);font-weight:400; color:var(--primary-textclr); line-height: 1.65;}
a{color: var(--link-clr);text-decoration:none;outline: none;}

a,
.btn,
button{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
a:hover {color: var(--btn-bg-hover); text-decoration: none;}

h1, h2, h3, h4, h5, h6{ font-family: var(--primary-font); font-weight: 700; line-height: 1.2;  
margin-bottom: 20px; color:var(--primary-textclr);}
.main-section a.link { word-break: break-all;}
h1{font-size: 35px; font-weight:700; letter-spacing:0px;}
h2{font-size: 30px; }
h3{font-size: 30px; font-weight: 700;}
h4{font-size: 25px; }
h5{font-size: 20px;}
h6{font-size: 16px;}


.mrt-20{margin-top:20px;}
.mb-50 {margin-bottom: 50px;}
.fs-60{font-size:60px;}
.fs-45 {font-size: 45px;}
.fs-35 {font-size: 35px;}
.fs-30 {font-size: 30px;}
.fs-25{font-size:25px;}


img{max-width: 100%;}
.btn, button, input[type="submit"], input[type="reset"] {background-color: var(--btn-bg) !important; border-color: var(--btn-bg) !important; border-radius:0px; text-transform: uppercase; text-decoration: none; font-family: var(--primary-font); border-radius: 0px; outline: none !important; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; min-width: 125px; border:none; font-size: 14px; font-weight: 500; letter-spacing: .32px; color: var(--white-clr);
 padding: 9px 15px; position: relative; overflow: hidden; }
[type=reset]:hover, 
[type=submit]:hover,
button:hover, 
.btn:hover, 
html [type=button]:hover {  background: var(--btn-bg-hover) !important;   border-color: var(--btn-bg-hover) !important;
    color: var(--white-clr);   cursor: pointer;    }
.hover-white:hover{background: var(--white-clr); border-color: var(--white-clr); color: #f2624a; }
[type=reset]:focus, 
[type=submit]:focus,
button:focus, 
.btn:focus, 
html [type=button]:focus { outline: 0; box-shadow: 0 0 8px rgba(0, 0, 0, .33);}

a.link {text-decoration:underline; font-weight:500; }
input{ font-family: var(--primary-font); }
input[type="file"] { font-size: 14px;   -webkit-appearance: none;}
.field {margin-bottom:20px; display: inline-block;  width: 100%;}
.form-control { outline: none !important;  padding: 11px 15px;  font-family: var(--primary-font);
  border-radius: 0;  border: 1px solid #999;  background: transparent;  box-shadow:none !important;
  font-size: 14px;  font-weight: 400;  color:var(--primary-textclr);  }
textarea.form-control { min-height: 91px;}
.form-control:focus {  background-color: transparent;  border-color: inherit;} 
select.form-control:not([size]):not([multiple]) { height: 49px; -webkit-appearance: none;   background-image: url("../images/select-arrow.png");
    background-position: 95% center;    background-repeat: no-repeat;}
blockquote { padding: 25px 25px; border-left: 4px solid var(--bgsite);     background: rgba(16, 86, 120, 0.05);
   font-size: 17px;   font-weight: 300;   position: relative;  line-height: 28px; }
blockquote strong{font-weight:500;}
blockquote:before {content: "";  position: absolute;   top: 0;   right: 0;   border-style: solid;  border-width: 0 41px 41px 0;    border-color: #ddd #fff;   transition: all ease .5s;}
 
.bg-site {background: var(--bgsite);}
.form-group label {display: block;  margin-bottom: 10px;}
.hide{display: none;}


 /* nochange*/
 
.font-medium{ font-weight: 500;}
.underline {text-decoration: underline;}
 strong { font-weight: 700;}
.font-light{font-weight: 300;}
.font-semi-bold{font-weight: 600;}
::placeholder {color: var(--placeholder-clr);  opacity: 1;  }
::-webkit-input-placeholder {color: var(--placeholder-clr); opacity:1;}
::-moz-placeholder { color: var(--placeholder-clr); opacity:1;}
:-ms-input-placeholder {color: var(--placeholder-clr); opacity:1;}
:-moz-placeholder {color: var(--placeholder-clr); opacity:1;}

.white-placeholder .form-control::placeholder {  color: var(--white-clr); opacity: 1;  }
.white-placeholder .form-control::-webkit-input-placeholder { color: var(--white-clr); opacity: 1;}
.white-placeholder .form-control::-moz-placeholder {color: var(--white-clr); opacity:1;}
.white-placeholder .form-control:-ms-input-placeholder {color: var(--white-clr); opacity: 1;}
.white-placeholder .form-control:-moz-placeholder {color: var(--white-clr); opacity: 1;}


.main-section{padding:70px 0px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important;position: relative;}
.main-section .container{position:relative;}
.main-section:before{content:""; position:absolute; left:0px; top:0px; width:100% !important; height:100% !important; background:transparent; }
.pr-50{padding-right:50px;}
.pl-50{padding-left:50px;}
button.close:before { display: none;}
button.close { min-width: auto;  color: #000 !important;  opacity: 1;  background: transparent !important;}
button.close.white-btn {color: #fff !important;}
 .br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.box-shadow{ box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);}
.object-fit {overflow: hidden;}
.object-fit img {width: 100% !important;height: 100%;object-fit: cover;}
.zoom-hover img {-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition: all .5s;}
.zoom-hover:hover img {transform: scale(1.1);}
.bg-img{background-size: cover !important; background-position: center center !important;
background-repeat: no-repeat !important; }


.animation-hover {position: relative;}
.animation-hover:before { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background: rgb(245 238 238 / 69%);
    transform: translate(-50%, -50%); transition: all .5s; opacity: 0;}
.animation-hover:hover:before {opacity: 1; width: 0px; height: 0px;}


/* header */
.header {padding-top: 20px;}
.site-logo{font-family: 'Raleway', sans-serif; font-size: 30px; font-weight: 400;}
.list-style {list-style: none; padding: 0px;}
.list-style li {display: inline-block;}
.user-nav, .cart-nav {display: flex;  align-items: center; height: 100%;}
.user-nav ul li {margin-right: 15px;}
.user-nav ul li a {border-right: 1px solid #ddd;padding-right: 15px; line-height: 14px;}
.user-nav ul li a span {margin-right: 3px; vertical-align: middle;}
.user-nav ul.list-style > li:last-child {margin-right: 0px;}
.user-nav ul.list-style > li:last-child > a {border: none;}

.cart-nav ul.list-style > li { margin-right: 30px;   padding-right: 30px;
    border-right: 1px solid #ddd;    line-height: 13px;    }
.cart-nav ul.list-style > li:last-child {  padding: 0px;  margin: 0px;   border: none;}
.cart-nav { justify-content: flex-end;} 
.cart-nav ul li small { display: block; padding-top: 5px; letter-spacing: 0;}
button.store-pin {vertical-align: middle; background: transparent !important; color: #000 !important;
  position: relative;padding-left: 30px; padding-right: 0; text-align: left; box-shadow: none !important;}
.store-pin span {position: absolute; left: 0px; top: 12px;font-size: 20px;}
.cart-nav ul li span {font-size: 20px;}
button.store-pin:hover {color: #e7272d !important;}

.nav ul li {letter-spacing: .5px;  font-size: 14px; font-weight: 500; text-transform: uppercase;}
.nav ul.main-list li a {display: inline-block; padding: 10px 10px;}
.nav ul.main-list li:hover > a{ color: var(--bgsite);} 
.header .nav {justify-content: center;}
.main-header {margin-top: 15px; position: relative;} 

/* header menu */
.nav ul.main-list > li > ul { position: absolute; width: 100%; background: var(--white-clr);
    left: 0px; top: 100%; padding: 0px; margin: 0px; z-index: 111;     padding-top: 25px; padding-bottom: 20px;}
.nav ul.main-list li ul > li { width: 100%;}

.header.sticky {position: fixed;  top: -85px;  width: 100%;left: 0px;  z-index: 111;  
  background: var(--white-clr);      -webkit-transition: all .3s;    -moz-transition: all .3s;
    -o-transition: all .3s;    transition: all .3s;  transition-delay: .2s;}

/* location */
.cart-nav ul.list-style > li > ul > li{width: 100%;}
.cart-nav ul.list-style > li {position: relative;}
.cart-nav ul.list-style > li > ul {position: absolute;  background: var(--white-clr);  width: 230px; 
  z-index: 11; padding: 10px; left: -30px; transition: all .5s; top: 150%;  opacity: 0; 
  visibility: hidden; border: 1px solid #eee; max-height: 300px;   overflow-y: auto;} 

.cart-nav ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;-moz-appearance:none !important;}
.cart-nav ul::-webkit-scrollbar{width:5px;background-color:#F5F5F5;-moz-appearance:none !important;}
.cart-nav ul::-webkit-scrollbar-thumb{background-color:#0e0e0e;border:2px solid #0e0e0e;-moz-appearance:none !important;}

scroll-bar

.scroll-bar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#999;-moz-appearance:none !important;}
.scroll-bar::-webkit-scrollbar{width:5px;background-color:#999;-moz-appearance:none !important;}
.scroll-bar::-webkit-scrollbar-thumb{background-color:#999;border:3px solid #333;-moz-appearance:none !important;}


.store-search h6 {margin-bottom: 0px; padding-left: 22px;}
.fs-13 {font-size: 13px;}
.store-search .material-icons {vertical-align: middle;}
.store-search p, .store-search p a {color: #7d7b7b;}
.cart-nav ul.list-style > li:hover > ul {opacity: 1; visibility: visible; top: 100%;}
.store-search p a:hover {color:var(--primary-textclr);}


.cart-item { position: relative; padding-bottom: 10px;    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;    display: inline-block; width: 100%;}
.cart-item-img {width: 80px; height: 100%;overflow: hidden;float: left;}
.cart-item-img img {  width: 100%;  height: 100%;   object-fit: cover;}
.cart-item-info {float: left;width: 120px;padding-left: 5px;text-align: left;font-size: 13px;}
.cart-item-info .prd-info { padding: 0px;}
.cart-item-info .prd-name { font-size: 12px;  line-height: normal;}
.cart-item-info .prd-color {font-size: 13px; font-weight: 600;}
.cart-item-info .prices span { font-size: 12px !important;}
.cart-item-info .prices {margin-bottom: 10px;}
.sm-btn {min-width: auto;padding: 7px 15px;font-size: 11px;text-transform: capitalize;font-weight: 500;letter-spacing: 1px;}
.cart-item .total-amount, .cart-item .total-amount span {font-size: 15px;}

/* search bar */

.search-flyout {position: fixed;  top: 0px; right: -100%;  width: 50%;    height: 100%;
 background: var(--white-clr); z-index: 1111; padding: 40px; box-shadow: 2px 5px 25px #ddd; -webkit-transition: all .3s;
  -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.search-open .search-flyout {right: 0px;}
.prd-result {margin-top: 30px;  padding: 20px 0px 20px; max-height: 435px; overflow-x: auto;}
.prd-result .row {margin: 0;}



/* Banner  */
.hero-section{position: relative; height: 100vh; background: url("../images/hero-1.jpg");}
.hero-title {background: var(--bgsite); padding: 10px 15px; display: inline-block; color: var(--white-clr);}
 

 

 .slider { position: relative;  height: 100vh;}
 .slider__slides {z-index: 1;  position: relative;   height: 100%;}
 .slider__control { z-index: 2; position: absolute;  top: 50%; left: 5%;
   width: 60px;  height: 60px;  margin-left: -30px;  margin-top: -30px;
   border-radius: 50%;  background: var(--btn-bg);  transition: background-color 0.3s;   cursor: pointer;}
 .slider__control--right {left: 95%;}
 .slider__control:hover { background-color: var(--bgsite);}
 .slider__control-line { position: absolute; left: 23px; top: 50%; width: 3px;
   height: 14px;  transform-origin: 50% 0;  transform: rotate(-45deg);}
 .slider__control-line:nth-child(2) { transform: translateY(1px) rotate(-135deg);}
 .slider__control--right .slider__control-line { left: 37px; transform-origin: 1px 0;
  transform: rotate(45deg);}
 .slider__control--right .slider__control-line:nth-child(2) { transform: translateY(1px) rotate(135deg);}
 .slider__control-line:after {content: "";  position: absolute;  left: 0; top: 0;width: 100%; height: 100%;
   background-color: #e2e2e2; transition: background-color 0.3s;}
 .slider__control:hover .slider__control-line:after {background-color: var(--white-clr);}
 .slider__control.a--rotation .slider__control-line:after { animation: arrowLineRotation 0.49s;}
 .slider__control.a--rotation .slider__control-line:nth-child(1):after { animation: arrowLineRotationRev 0.49s;}
 
@keyframes arrowLineRotation {
   to { transform: rotate(180deg); }
}
 @keyframes arrowLineRotationRev {
   to { transform: rotate(-180deg);}
}


.slide { overflow: hidden; position: absolute;  left: 50%;
   top: 50%;  width: 100%; height: 100%;  transform: translate(-50%, -50%);
   border-radius: 0;   transition: clip-path 0s 0.91s;   clip-path: circle(30px at 120vw 50%);} 
.slide.s--prev { clip-path: circle(30px at 30vw 50%);}
.slide.s--active { z-index: 1; transition: clip-path 1.3s; clip-path: circle(124vmax at 120vw 50%);}
.slide.s--active.s--active-prev { clip-path: circle(120vmax at 30vw 50%);}
.slide__inner {position: absolute;left: 50%;top: 50%;width: 100vw;height: 100vh;margin-left: -50vw;margin-top: -50vh; background-size: cover;background-position: center center;}
.slide__inner:before {content: "";}
.slide__content {position: absolute; left: 5%;top: 50%; margin-left: -30px;
   margin-top: 48px; max-width: 512px; color: var(--white-clr);}
.slide__heading {margin-bottom: 20px; font-size: 60px; background: var(--bgsite); color: var(--white-clr);
   padding: 10px 15px;}
.slide__text {font-size: 25px;}
.slide__text a { color: inherit;}
 

/* first view cat */

.first-view-box {height: 240px;  position: relative;}
.fv-content { position: absolute; top: 0px; width: 100%;  height: 100%;   display: flex;align-items: center;   padding: 30px;    pointer-events: none;}
.fv-content p { font-size: 25px;  font-weight: 700;  line-height: 1.25; margin-bottom: 5px;}
.text-darkred{ color: #820000;}

/* collage */

.collage-txt { padding: 30px 30px 30px 15px; overflow: hidden;}
.collage-box { height: 100%;}
.video-section{position: relative; height: 500px; overflow: hidden;}
.videoPosition { position: absolute;  left: 0px; width: 100%;    height: 100%;}
.videoPosition video { position: absolute;  top: 50%;
    left: 50%;  min-width: 100%;  width: 100%;      height: auto;
    transform: translate(-50%,-50%);  -webkit-transition: opacity .3s linear 1s;
    -o-transition: opacity .3s linear 1s;  transition: opacity .3s linear 1s;}
.blend-txt { position: absolute;  top: 0;   display: flex;
    justify-content: center;  align-items: center;  width: 100%;
    height: 100%;  font-size: 200px;  font-weight: 900;  letter-spacing: 0;
    margin: auto;  text-transform: uppercase;  user-select: none;  background-color:var(--primary-textclr);
    color: var(--white-clr);  mix-blend-mode: multiply;  text-align: center;  line-height: 185px;}
.blend-txtt { background: var(--bgsite);  position: absolute;  bottom: 50px;
    left: 50%;  transform: translateX(-50%);  font-size: 35px;  color: var(--white-clr);
    padding: 10px 25px;  line-height: normal;}

.heading span {display: inline-block; background: var(--bgsite); color: #ffff; padding: 5px 5px;} 
.product-img { position: relative; overflow: hidden;}
.product-img img {width: 100%;}
.prd-hover-img { position: absolute;  top: 0px; left: 0px;   height: auto; 
  -webkit-transition: all .3s;  -moz-transition: all .3s;   -o-transition: all .3s;    
  transition: all .3s; opacity: 0;}
.product-img:hover img.prd-hover-img {opacity: 1;}

.prd-name {font-size: 16px;font-weight: 500;margin-bottom: 10px;}
.prd-info {padding: 15px 0px;}
.prd-name a {color: var(--btn-bg);}
.prices {margin-bottom: 25px;color: var(--btn-bg);}
.prices span, .prices del {font-weight: 600; margin-right: 5px;}
.color-option {text-align: center;padding-top: 5px;}
.color-option input[type="radio"] {width: 20px;height: 20px;color:var(--primary-textclr);background: #000;cursor: pointer;}
.color-option ul li label {margin-bottom: 0px;position: relative;}

.color-option .form-option-variant {  width: 22px; height: 22px;
    position: absolute; border-radius: 100%;  left: -1px; top: -1px;  border: 1px solid var(--btn-bg);    pointer-events: none;   transition: all .5s;}
.color-option ul li {  margin-right: 9px;}
.color-option input[type="radio"]:checked + .form-option-variant { transform: scale(1.2);}

.status-bar {position: absolute;z-index: 1;padding: 15px 10px 5px;width: 100%;top: 0px;left: -100%;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} 
.status-bar span { display: inline; padding: 4px 5px; font-size: 11px; float: left; margin-right: 5px; line-height: 12px; font-family: 'Raleway', sans-serif; font-weight: 600; } 
.bg-darkgreen { background: #4e820b; } 
.wishlist-btn { float: right; min-width: auto; border-radius: 100%; background: #fff !important; color: var(--green); padding: 0px; width: 35px; height: 35px; font-size: 18px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 1px 7px #928c8c; margin-top: -6px; } 
.wishlist-btn.active .lni-heart:before {    content: "\e98b"; }
.product:hover .status-bar { left: 0px;}

/* offer-box */

.offer-box .container-fluid{padding:0px 15px; }
.offer-box.object-fit {max-height: 450px;}
.offer-box .position-absolute { z-index: 11; top: 0px; left: 0px; width: 100%; padding: 30px 60px; } 
.fs-80 { font-size: 80px; }
.fs-60 { font-size: 60px; } 

.offer-box-content big { font-size: 30px; color: var(--white-clr); display: block; margin-bottom: 30px; }
.btn.bg-site,
button.bg-site { background: #e7272d !important;}
.offer-box-content {pointer-events: none;}
.offer-box-content .btn {pointer-events: all;}


/* app section */

.app-btn{display: inline-block; width: 100%;}
.app-btn img { width: 140px;  margin-right: 14px;  vertical-align: top;    height: 48px;}
.app-btn a { display: inline-block; float: left; width: auto;}
.fs-50{ font-size: 50px;}

/*subscribe */
.bg-fixed{background-attachment: fixed !important;}
.subscribe-section:before {background: rgb(255 255 255 / 69%);}
.subscribe-section {background:url("../images/newsletter-bg.jpg") ; }
.subscribe-form { text-align: center;  }
.subscribe-form form {margin-top: 20px;display: inline-block;}
.subscribe-form form .form-group {display: inline-block;margin: 0;float: left;}
.subscribe-form form .form-group input { height: 50px;border-radius: 0; border: 1px solid #707070;width: 400px;margin-right: 15px;}
.subscribe-form button { padding: 15px 15px;  line-height: normal; float: left;}  

  /*feature */
.feature {background: var(--btn-bg);padding: 45px 0;}
.feature .col-lg-7 {padding-right:25px;}
.feature-box h6 {color: var(--white-clr); font-weight: 400; letter-spacing: 1px;}
.feature-box p {font-weight: 300;font-size: 15px;}
.feature-box {text-align: center;color: var(--white-clr);padding: 15px 5px;  }
.feature-box.footer-box-last {border-right: 0;}
.feature-box a {color: var(--white-clr);}
.feature-box a:hover { color: var(--bgsite);}
.feature-box.need-help {padding:0;text-align: left;}
.feature-img  {height: 40px;}
.feature-right {border-left:1px solid #d1d3d3;padding-left:25px;}
.feature-img span {font-size:30px;}
.feature-timeing { font-size: 15px;}



/* owl */

.owl-dots { height: auto !important; width: 100%; text-align: center;padding-top:20px;  background: transparent !important;}
.owl-dots button {background-color: transparent;overflow: hidden;display: inline-block;min-width: auto !important;margin-right: 7px;width: 10px;height: 10px;border: 1px solid #707070 !important;border-radius:100%;}
.owl-dots button.owl-dot.active {background: #707070;}
.owl-dots button{box-shadow:none !important; outline:none !important;}
.owl-nav button { width: 50px; min-width: auto; height: 50px; position: relative; overflow: hidden;border: 1px solid #fff !important; color: #fff !important;pointer-events: all;}
.owl-nav button span {position: relative; z-index: 1;}  
.owl-nav  .fa-angle-right:before {font-family: 'LineIcons' !important; content: "\e914";}
.owl-nav .fa-angle-left:before {font-family: 'LineIcons' !important; content: "\e912";} 
.owl-carousel .owl-item img {width: auto;}
button.owl-dot {background: #b1acaf !important;}
button.owl-dot.active {background: #333 !important;}
.product-img a { display: inline-block; width: 100%; height: 100%;}
.quick-section { position: absolute;  background: var(--white-clr);  left: 5px;  bottom:5px;   text-align: center;   right: 5px;   padding: 15px;   -webkit-transition: all .3s;  -moz-transition: all .3s;
    -o-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; }
.quick-section .quick-btn {  background: #fff !important;   color: var(--btn-bg);
    border: 1px solid #333;   padding: 5px 15px; }
.product:hover .quick-section { opacity: 1; visibility: visible;}
.quick-section .quick-btn:hover { color: var(--white-clr);background: #e7272d !important;}




 
.tcolor{color:var(--bgsite);}
.bg-light{background-color:#f9f9f9 !important;} 
   
 

 

/* footer  */
 

.footer { padding-top: 80px;}
.footer-widget ul {list-style: none;  padding: 0px;  margin: 0px;}
.footer-widget { margin-bottom: 50px;}
.footer-widget ul li { list-style: none;  margin-bottom: 5px;  font-size: 13px;}
.footer-widget-title { font-weight: 500;}
.footer-bottom { padding: 30px 0px;  color: var(--textlight);  font-size: 13px;}
.default-menu ul li { margin-right: 10px;  padding-right: 10px;
 border-right: 1px solid #dee2e6;  line-height: 14px;}
.default-menu ul li a:hover,
.footer-bar a:hover { color: var(--bgsite);}
.default-menu ul li:last-child { padding: 0px;  margin: 0px;  border: none;}
.default-menu ul li a {  color: var(--textlight);}
.footer-bar {  padding: 8px 0px;  color: var(--textlight);  font-size: 13px;   background: #eee;}
.footer-bar a {  color: var(--textlight); }



.back-to-top {position: fixed;bottom: 20px;right: 30px;text-align: center;font-size: 16px;    color: var(--white-clr);      z-index: 1111;    display: none;    }
.back-to-top span { border-radius: 50%; border: 1px solid var(--bgsite);width: 42px;  height: 42px;  overflow: hidden;   display: inline-block;
 line-height: 42px;vertical-align: middle;  margin-left: 10px; letter-spacing: .308px; background:var(--bgsite); color: var(--white-clr);}
 



/* breadcrumb */

.inner-banner{background: url("../images/hero-3.jpg");    padding: 100px 0px;
    background-size: cover !important; background-repeat: no-repeat !important;
    background-position: center center !important; position: relative;}
.inner-banner:before {content: "";position: absolute;left: 0px;width: 100%;height: 100%;top: 0px;
background: url("../images/banner-overlay.png"); background-size: cover !important;}
.inner-banner .container{position: relative; z-index: 11;}
ul.breadcrumb{border-radius:0;margin:0;background:transparent;padding: 0px;display: inline-block;}
ul.breadcrumb a{ text-decoration:none;}
.breadcrumb li{text-transform:capitalize;transition:all .5s;display: inline-block;font-size: 16px;font-weight: 500;}
.breadcrumb li:nth-last-child(1):after{display:none;}
ol.breadcrumb {background: transparent;color: var(--white-clr);padding: 0px;margin-bottom: 0;}
.breadcrumb li a {color: var(--white-clr);}
.breadcrumb-item.active {color: var(--bgsite) !important; font-weight: 700 !important;}
.breadcrumb-item+.breadcrumb-item::before {color: var(--white-clr);content: "\e90a";font-family: 'LineIcons' !important;     font-size: 11px;}
.bg-orange-light{background: #FEFAF9;}
.breadcrumb li a:hover {color: var(--bgsite);}


/* product page */

.prd-sort-filter {margin-bottom: 25px;font-size: 15px;color: #545454;}
.prd-sort-filter select {color: #545454;}
select{outline: none;} 
aside { position: sticky; top: 108px; } 
.aside-widget ul { list-style: none; padding: 0px; } 
.aside-widget {font-size: 13px;margin-bottom: 5px;background: rgb(229 229 229 / 27%);padding: 15px;} 
.aside-widget ul li { margin-bottom: 6px; } 
.aside-widget ul li a { display: inline-block; width: 100%; position: relative;  padding: 2px 20px 2px 0px; } 
.aside-widget ul li a:before { content: "\e93e";  font-family: LineIcons!important; position: absolute; right: 0px;  top: 2px;}
.aside-widget h5 {font-weight: 500;font-size: 15px;padding-bottom: 10px;border-bottom: 1px  solid #eee;color:var(--primary-textclr);} 
.aside-widget label input[type="checkbox"] { display: inline-block; vertical-align: middle; 
  width: 16px; height: 16px; outline: none; border-radius:2px; border-color: #e5e5e5;margin-top: -4px;  margin-right: 5px;} 
.aside-widget ul li label { line-height: 16px; } 
.aside-widget label input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none;    -webkit-box-shadow: none}
.aside-widget label input[type="checkbox"]:hover { background-color: #e7272d !important;cursor: pointer;}
.aside-widget label input[type="checkbox"]:checked { background-color: #e7272d!important; cursor: pointer;}
.product-detail-pg .prd-name {font-size: 25px;}
.product-detail-pg .owl-sticky{position: sticky; top: 75px;}

/* faq page */
.faq-page .card-header {padding: 0px;  background: transparent;}
.faq-page .card-header a {padding: 10px 45px 10px 0px;display: inline-block;width: 100%;position: relative;}
.faq-page .card-header a i { position: absolute;  right: 10px;}
.faq-page .card { border: 0px;}
.faq-page .card-header h5 {font-size: 20px;font-weight: 400;}
.faq-page .card-body { padding-left: 0px;}
.se-pre-con {position: fixed; left: 0px; top: 0; margin-left: 0px; margin-top: 0px; width: 100%; z-index: +11111; text-align: center; display: block; height: 100%;background: var(--white-clr);}
.loader-box { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.loader-box .site-logo { margin-bottom: 20px;font-size: 60px;background: var(--bgsite);color: var(--white-clr);   
 padding: 10px 15px;font-weight:700}
   
/* Tabs */
.prd-tabs.responsive-tab { padding-top: 30px;}
.cust-nav1 {margin-bottom: 15px;}
.nav-pills .nav-link {background: transparent !important; letter-spacing: 0px;
  color: #222429; text-transform: uppercase; min-width: 160px; text-align: center;
  border-radius: 0; position: relative; margin-right: 0px;  padding: 11px 15px;
  border-bottom: 2px solid #9B9BA5;  }
.nav-pills .nav-link span {position: relative;z-index: 1;display: block;} 
.nav-pills .nav-link:last-child{margin-right:0px;}
.nav-link.active {color: #333 !important;}
.tab-pane.active .card-body { -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;  -webkit-animation-duration: 1s;
    animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;  visibility: visible;
    -webkit-animation-duration: 2s;  -moz-animation-duration: 2s;  animation-duration: 2s;}
.nav-pills .nav-link:before {content: "";width: 0px;height: 2px;background: var(--bgsite);position: absolute;bottom: -2px;left: 0px;bottom: -2px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;z-index: 99;}
.nav-pills .nav-link.active:before {width: 100%;}
.tb-img {height: 383px;}


.tab-txt table tr td {padding: 10px 15px;}
.tab-txt table tr td,
.tab-txt table tr th{ border: 1px solid #ebebeb;}
.tab-txt table {width: 100%;}


.review-tab-action.border-bottom {position: relative;}
.review-tab-action.border-bottom button {position: absolute; right: 0px; top: 0px;}
.reviews-list .row.border-bottom:last-child {border-bottom: none !important;}
.reviews-list .row.border-bottom:last-child {border-bottom: none !important;}
.rating i {color: #ff9f35;}
.tab-txt .rating span {display: block; font-size: 13px; color: #999;}
.rating .c-name {font-weight: 500; font-size: 20px;}

.review-model .star-rating { display:flex; flex-direction: row-reverse;font-size:1.5em;  justify-content:space-around;  padding:0 .2em;  text-align:center;  width:5em;}
.review-model .star-rating input {display:none;}
.review-model .star-rating label {color:#ccc;  cursor:pointer;}
.review-model .star-rating :checked ~ label {color:#f90;}
.review-model .star-rating label:hover,
.review-model .star-rating label:hover ~ label { color:#fc0;}
.product-detail-pg { padding-bottom: 20px;}



/* patner */

.patner-logo {height: 200px; display: flex;  align-items: center; justify-content: center;}
.patner-logo img { max-width: 150px;}

/* location footer  */

.location-header { display: inline-block; width: 100%;}
.location-header h5 { max-width: 80%; float: left; margin-bottom: 01px;}
.location-header a { display: inline-block;  float: right; text-decoration: underline; font-size: 13px;}
.location-widget p { margin-bottom: 5px; line-height: normal;}
.location-widget {  padding: 50px 30px 0px;}
.social-icon ul li a { margin-left: 5px; color: #afafb5;  font-size: 17px; 
  border-radius: 100%; border: 1px solid #afafb5; width: 39px; height: 39px; 
  display: inline-block; line-height: 39px;}
.social-icon {padding: 30px 0px; display: inline-block; width: 100%;}
.copyright-section {font-size: 15px;}
.social-icon ul li a:hover {background: var(--bgsite);    color: var(--white-clr);  border-color: var(--bgsite);}


/* quick view */

#sync2 .item img { width: 100% !important;    object-fit: cover;}
div#sync1 .item img {  max-height: 550px;  width: auto !important;    margin: auto;}
div#sync1 {  background: var(--white-clr);  margin-bottom: 20px;}

#sync4 .item img { width: 100% !important;  object-fit: cover;}
div#sync3 .item img {  max-height: 550px;  width: auto !important;    margin: auto;}
div#sync3 {    margin-bottom: 20px;}

.owl-sticky .owl-nav {  position: absolute;   left: 50%;   top: 50%; transform: translate(-50%, -50%);    width: 100%; pointer-events: none;}
.owl-sticky .owl-nav .owl-next { float: right;}
.owl-sticky .owl-nav button {background: #fff !important;  padding: 5px !important;  outline: none !important;  
  border: none !important;  box-shadow: none !important; pointer-events: all;}
.owl-sticky .owl-nav button svg { width: 17px;}

.quick-view-box { padding: 30px;}
.quick-view-box .prices {margin-bottom: 7px;}
.quick-view-box p {text-transform: capitalize; margin-bottom: 10px; font-weight: 500;}
.pd-size-option {background: var(--btn-bg);  color: var(--white-clr); min-width: auto; padding: 5px 15px;
 font-size: 11px; text-transform: capitalize; font-weight: 500; letter-spacing: 1px; 
 cursor: pointer; display: inline-block;}
.prd-size label input[type="radio"] {position: absolute; opacity: 0;}
.prd-size label input[type="radio"]:checked + span {background: var(--green);}
.prd-size label {display: inline-block; margin: 0px;}
.prd-size ul li {margin-bottom: 5px; margin-right: 5px;  float: left;}
.prd-size {display: inline-block; width: 100%; margin-bottom: 7px;}

.number-input button { min-width: auto; padding: 6px 7px !important; border: none !important; box-shadow: none !important;}
.number-input {display: flex; width: 100%;  margin-bottom: 23px;}
.number-input .form-control {max-width: 60px; text-align: center; padding: 3px 5px !important;}
.action-box button {margin-bottom: 10px; width: 100%;}
.action-box button:last-child {margin-bottom: 0px;}
.store-box, .store-box p {text-align: center; font-weight: 400;}
.cart-nav.text-left {justify-content: space-evenly; background: #eee;}
.cart-nav.text-left ul.list-style > li > ul {left: -24px; text-align: left;}
.cart-nav.text-left ul.list-style > li > ul p {text-align: left;}
#quickview .modal-header {padding: 0px; border: none;}
.modal button.close {right: 16px; top: 18px; padding: 5px !important; position: absolute;
    z-index: 11;  background: transparent !important;}
.owl-sticky   .owl-nav button { width: 30px; height: 30px; color: #333 !important;}
.fancybox-toolbar button { min-width: auto;}


.prd-point { padding: 0px;  list-style: none;}
.prd-point li { position: relative;  list-style: none; padding-left: 25px;   margin-bottom: 9px;}
.prd-point li:before { font-family: MobiriseIcons!important; content: "\e95c";  position: absolute;  left: 0px;}
.fs-11 {font-size: 11px;}
.fs-20 {font-size: 20px;}
.status-bar.status-bar-dtpg { position: relative;  left: auto;  right: auto; display: inline-block;  width: 100%;   padding: 0px;}
.status-bar.status-bar-dtpg a { color: #494949;  font-weight: 500;  font-size: 14px;}
.status-bar.status-bar-dtpg i.lni { margin-right: 2px;   color: var(--green);}
.quick-view-box .store-search.text-left { width: 100%;}
.quick-view-box .cart-nav.text-left { background: transparent;}

/* cart page */

.fs-16 {font-size: 16px;}
.cart-page .sm-btn {display: inline-block;}
table#cart .btn {min-width: auto; border-radius: 5px;}

.ch-order-detail p span { float: right;}
.ch-order-detail .cart-item {padding: 15px 0px;}
.ch-order-detail p {margin: 3px 0px;}
.quick-checkout ul {  list-style: none;padding: 0px;}

.quick-checkout .cart-item-info {width: 74%;}
.quick-checkout .cart-item-img {width: 26%;}
.custom-select {height: 45px; border: 1px solid #999;}
.quick-checkout ul li:last-child .cart-item {border: none;}

.before-none:before {display: none;}
.inner-banner.bg-white { background: var(--white-clr);}
.no-banner .inner-banner{padding:50px 0px 0px; }
.no-banner ol.breadcrumb {justify-content: center;}
.no-banner .breadcrumb li a {color: #494949;}
.no-banner .breadcrumb-item.active { color: #494949; font-weight: 400;}
.no-banner .breadcrumb-item+.breadcrumb-item::before {color: #494949;}
.user-message-box {padding: 25px;     position: sticky;    top: 108px;}
.user-message-box .bg-light {padding: 20px;}
.user-login-box {max-width: 70%; margin: auto;}
.register-pg .user-login-box {  max-width: 100%;}
.field-sm {  float: left;  width: 50%;    padding: 0px 10px;}
.field .field-sm:first-child { padding-left: 0px;}
.field .field-sm:last-child {  padding-right: 0px;}


.vd-banner { padding: 0px !important;   height: 100vh;}
.vd-banner .container.position-absolute { top: 50%; left: 50%;  transform: translate(-50%, -50%);
    text-align: center;}
.vd-banner .video-section {height: 100%;}
.vd-banner ol.breadcrumb { justify-content: center;}
.vd-banner .video-section:before {content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgb(0 0 0 / 29%);z-index: 1;}

.abt-me-box { padding: 40px 20px;  box-shadow: 2px 2px 2px rgb(238 238 238 / 62%);
    background: rgb(238 238 238 / 13%); height: 100%;}
.abt-me-box span {font-size: 50px; margin-bottom: 40px; display: inline-block;}
.abt-me-box h3 {text-transform: uppercase; letter-spacing: 2px; color: #545454;}
.owner-txt {font-family: 'Lobster', cursive;  position: absolute; bottom: 10%; left: 5%;}
.owner-box {position: relative;}
.founder-heading {text-shadow: 1px 2px 12px #000; letter-spacing: 2px;}
.fname {font-size: 24px;font-style: italic;background: var(--bgsite); padding: 0px  10px;letter-spacing: 1px;}
.store-img.object-fit { max-height: 488px; height: 100%;}
.lobster{font-family: 'Lobster', cursive; letter-spacing: 1px;}

.customer-insta-container { padding: 30px; border-radius: 5px; text-align: center; color: var(--white-clr);}
.customer-box.object-fit {background: var(--white-clr); height: 260px; padding: 0px;}
.customer-post {position: absolute; bottom: -100%; width: 100%; height: 100%; left: 0px; padding: 15px; background: rgb(0 0 0 / 41%); color: var(--white-clr); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s;  transition: all .3s; display: flex; align-items: center;justify-content: center;}
.customer-box:hover .customer-post {bottom: 0px;}
.customer-slider { margin-bottom: 20px;}
.stay-with {padding-top: 20px;}
.customer-slider .active.center .customer-box  .customer-post { bottom: 0px;}
.gift-card {color: var(--white-clr);  padding: 30px;  border-radius: 15px; overflow: hidden;
  position: relative;  background-image: url("../images/whiteshut.jpg");
  background-size: cover;  background-repeat: no-repeat; background-position: center center;  } 
.gift-card-box .site-logo a { color: #fff !important; margin-bottom: 20px; 
  display: inline-block; } 
.coupon-price { font-size: 45px; margin-bottom: 25px; font-weight: 700; } 
.bar-code-info { text-align: left; } 
.gift-card .card-footer h6 { color: var(--white-clr); text-transform: uppercase; font-weight: 400; 
  letter-spacing: 6px; margin-bottom: 13px; } 
.gift-card .card-footer p { font-size: 13px; } 
.gift-card .card-footer {margin-top: 27px;background-color: rgb(0 0 0 / 43%);}
.gift-tagline { font-size: 21px; margin-bottom: 0px; font-style: italic; letter-spacing: 1.5px; font-weight: 500; } 
.gift-tagline span { text-transform: uppercase; font-style: normal; letter-spacing: 2px; font-weight: 300; }

.gift-card-box {position: relative;  z-index: 1;}
.gift-card:before {content: "";top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;
background: linear-gradient(359deg, #fd0505, rgb(231 39 45 / 39%));} 
.gift-card-form {padding: 45px 35px;  border-radius: 15px;  overflow: hidden;}
.privacy-policy-txt img{margin-right: 10px; margin-bottom: 15px;}



@keyframes fadeInTop {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


@media(min-width:576px){
  .responsive-tab .card{border:none;}
.responsive-tab .card .card-header{display:none;}
.responsive-tab .card .collapse{display:block;}
}
@media(max-width:575px){
.responsive-tab .tab-content > .tab-pane{display:block !important;opacity:1;}
}
 

/* container */

.container-left {
    padding-left: calc(50% - 570px);
}
 
@media (min-width: 767px){
.container { max-width: 100%;}
.lg-hide { display: none;}
}


@media (min-width: 768px){
.container {max-width: 720px;}
}

@media (min-width: 992px){
.container {max-width: 960px;}
.modal-lg { max-width: 90%;} 
.mega-menu ul > li  .lni-chevron-down {display: none;}
.nav ul{padding: 0px; margin:0px; }
.nav ul.main-list li ul > li li { width: 282px; padding-right: 30px; float: left;}
.nav ul.main-list li ul > li > li > ul {border-top: 1px solid #000; }
.nav ul.main-list li ul > li li ul { border-top: 1px solid #eee; padding-top: 15px;}
.nav li.mega-menu > ul {border-bottom: 1px solid #eee;}
.nav ul.main-list li ul > li a {font-size: 12px;    color: var(--btn-bg);}
.nav ul.main-list li ul > li a { width: 100%; padding: 5px;}

.nav ul.main-list > li > ul {height: 0px;overflow: hidden;visibility: hidden;opacity: 0;
  -webkit-transition: all .3s;  -moz-transition: all .3s;    -o-transition: all .3s;
    transition: all .3s;}
.nav ul.main-list > li:hover > ul {opacity: 1; visibility: visible; height: auto;}

}
@media (min-width: 1200px){
.container {max-width: 1170px;  }
.container-fluid {padding-left: 30px;  padding-right: 30px;}

}

 
@media (min-width:1680px){
  
.video-section {height: 700px;}
.container {max-width: 1420px;}
.product-img {height: 504px;}
.prd-result .product-img {height: 377px;}
.offer-box.object-fit {max-height: 650px;}

}

.item {
  outline: none !important;
  /* avoid focus outline */
}

.custom-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  /* Inactive = Grey */
  margin: 0 5px;
  cursor: pointer;
  transition: background 0.3s;
}

.slick-dots li.slick-active .custom-dot {
  background: #000;
  /* Active = Black */
}