:root{
--primary-color:#000;
--dark:	#1A1A1A;
--dark-hover:#0D0D0D;
}
	
	
	
	
body {background-color: #f7f7f7;font-size: 13px;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;text-size-adjust:100%;font-family: "Open Sans", sans-serif;font-weight: 400;}

a{text-decoration:none !important;color:#666;transition: 0.3s ease;}
a:hover{color:var(--primary-color);}
h4{font-size:17px;}
h5,p{font-size:15px;}
h6{font-size:13px;margin-bottom: 0.3rem;}

.fw-300{font-weight:300 !important;}
.fw-400{font-weight:400 !important;}
.fw-500{font-weight:500 !important;}
.fw-600{font-weight:600 !important;}
.fw-700{font-weight:700 !important;}
.fw-800{font-weight:800 !important;}
.fw-900{font-weight:900 !important;}

.bg-danger-50{background: rgb(220, 53, 69, 0.1)!important;color: #dc3545;}
.bg-primary-50{background-color: rgb(13, 110, 253, 0.1)!important;color: #0d6efd;}
.bg-info-50 {background-color: rgb(13, 202, 240, 0.1)!important;color: #0dcaf0;}
.bg-success-50{background-color: rgb(25, 135, 84, 0.1)!important;color: #198754;}
.bg-warning-50{background-color: rgb(255, 193, 7, 0.15)!important;color: #c59300;}
.bg-secondary-50{background-color: rgba(22,22,22,0.07) !important;color:#000 !important;}
.bg-dark-50{background-color: rgba(0,0,0,0.07) !important;color:#000 !important;}

.bg-site-gradient{background: linear-gradient(218deg, #0a0a0a, #1f1f1f, #0a0a0a);color: #FFF;}

.fs-7{font-size:0.9rem !important;}
.fs-8{font-size:0.8rem !important;}
.fs-9{font-size:0.7rem !important;}
.navbar {padding-top: 0.45rem;padding-bottom: 0.45rem;}
.navbar-light{box-shadow: 0 3px 5px rgba(0,0,0,0.05);background-color:#FFF !important;}
.navbar-brand{padding: 3px 0;}
.navbar-brand img{height:60px;}
.navbar-nav>li>a{padding: 5px 10px;color: #222529;}
.navbar-light .navbar-nav .nav-link {color: #444444;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:#EAA221;border-radius: 25px;color: #fff;}

#cart_info{z-index: 1500;bottom: 55px;right:-100%;width: 25%;}

.top-search .form-control{border-radius:0;border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;border-right: 1px solid #0e6a37 !important;}
.top-search .btn{border-radius:0;border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
.top-search .form-control-sm {
    min-height: calc(1em +(.5rem + 2px));
    padding: .25rem .5rem;
    font-size: .8rem;
}

.navbar-light .navbar-nav{text-align: center;}
.navbar-light .navbar-nav .nav-item{padding: 0 5px;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color:#EAA221;font-weight: 700;}
.navbar-light .navbar-nav .nav-link,.dropdown-toggle{font-size: 14px;transition: 0.35s;font-weight: 600;}
.navbar-light .navbar-nav .nav-link:hover{color: #EAA221;transition: 0.2s;}
.navbar-light .navbar-nav .nav-link .fa{display:block;margin-bottom: 0.3rem;font-size: 1rem;}
.navbar-light .navbar-nav .nav-link.crtGl .fa{font-size: 1.5em;}
.navbar-light .navbar-nav .nav-link .badge{top: 14px;right:-20px;font-size: 0.8rem;background-color: #EAA221;line-height: 1.1;color:#000;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #000000;}
.nscr{overflow:hidden;}

.top-bar{padding: 5px 0;background-color: #212529;width: 100%;}
.top-bar ul{margin: 0;padding: 0;}
.top-bar ul.r{text-align: right;margin-top: 3px;}
.top-bar ul li{display: inline-block;border-right: 1px solid rgba(255,255,255,0.2);padding-right: 0.15rem;}
.top-bar ul li:last-child{border-right: none;}
.top-bar ul li a{display: block;color: #FFF;font-size: 13px;font-weight: 500;padding: 0 7px;transition: 0.45s;}
.top-bar ul.r li a{padding: 0 10px;}
.top-bar ul li a:hover{color: var(--primary-color);}
.sticky-top{top:-1px;}

.page-title{position:relative;margin-bottom: 2rem;font-size: 2rem;font-weight: 800;text-align: center;color: #111111;}
.sub-title{text-align: center;text-transform: uppercase;margin-bottom: 2rem;}
.sub-title span{border-bottom: 1px solid #666;}
.shadow-md{box-shadow: 0 .3rem 1rem rgba(0,0,0,.07)!important;}

#gblCrt{right:-100%;display: none;z-index: 1700;background-color: rgba(0,0,0,0.3)}
.crtLst{overflow-y:auto;top:45px;height: calc( 100vh - 125px);}
.crtHldr{width:20%;right: -100%;transition: all 0.2s;}

.atc{border-radius:0;}

.cart-top {
  position: absolute;
  top: -10px;
  right: -12px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 0.75rem;
  background: linear-gradient(145deg, #0e0e0e, #1a1a1a);
  border-radius: 50%;
  padding: 3px 5px;
  min-width: 24px;
  min-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
  border: 1px solid rgba(255,255,255,0.05);
  z-index: 10;
}



.text-light {color: #d0d1d2!important;}
.text-warning{color:#f57224 !important;}
.text-site{color:#1a1a1a !important;}
.bg-site{background-color:#FDF5EE !important;}
.bg-none{background-color:transparent !important;}
.bg-secondary {background-color: #202020!important;color:#EAA221 !important;}
.bg-success {background-color: #17a262!important;}

.btn-success{background-color: #17a262!important;}
.btn-site{background-color: #000;border-color: #000;color: #FFF;font-size: 13px;text-transform: uppercase;}
.btn-site:hover{background-color: rgba(0,0,0,0.76);border-color: #000;color: #FFF;}

.btn-cart{background-color: #EAA221;border-color: #EAA221;color: #FFF;font-size: 13px;text-transform: uppercase;position: relative;transition: 0.5s;}
.btn-cart:hover{background-color: rgba(0,0,0,0.76);border-color: #000;color: #FFF;transform: scale(1.1);transition: 0.5s;}

.btn-warning{background-color: #ff791a;border-color: #ff791a;color: #FFF;}
.btn-outline-danger {    color: #ff0042;    border-color: #ff0042;}
.btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {color: #fff;background-color: #ff0042;border-color: #ff0042;}
.btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle{background-color: #ff791a;border-color: #ff791a;color: #FFF;}

.rounded-3 {border-radius: 0.5rem!important;}
.rounded-3 .card-header{border-top-left-radius: 0.5rem!important;border-top-right-radius: 0.7rem !important;}
.card-header{padding: 0.7rem 1rem;}
.carousel-item{height:85vh;}
.carousel-item img{height:100%;object-fit: cover;}
#gblCrt{right:-100%;display: none;z-index: 1700;background-color: rgba(0,0,0,0.3)}
.crtLst{overflow-y:auto;top:60px;height: calc( 100vh - 125px);}
.crtHldr{width:25%;}
.list-group-item {border: 1px solid rgb(0, 0, 0, 0.03);}

.brd{background:url("../../images/banner.jpg") no-repeat right top;background-size: cover;color: #FFF;padding: 75px 0;}
.brd .ttl{position: relative;padding-bottom: 15px;margin-bottom: 15px;font-size: 28px;}
.brd .ttl:before{content: '';position: absolute;bottom: 0;width: 50px;height: 1px;background-color: #c1c1c1;left: 0;}
.brd .breadcrumb-item a{color: #a0e0ff;text-decoration: none;}
.brd .breadcrumb-item.active {    color: #c1c1c1;}


.home-categories .card{background: var(--dark);transition: 0.35s ease-out;}
.home-categories .card a{color: #FFF;display: block;padding:0.85rem  1.5rem;text-transform: uppercase;}
.home-categories .card a h6{font-weight: 600;}
.home-categories .card:hover a{color: var(--primary-color);}
.home-categories .card:hover{background: var(--dark-hover) !important;}


.owl-next,.owl-prev{position:absolute;width:50px;height:50px;top:calc( 50% - 40px );color:#000 !important;background-color: transparent!important;}
.owl-next span,.owl-prev span{font-size:40px;}
.owl-prev{left:-40px;}
.owl-next{right:-40px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{line-height:1px !important;}
.table{margin-bottom: 0;}
.table th {border-bottom-color: #f0f0f0 !important;}
.table td {border-bottom: none;}
.table>:not(caption)>*>* {padding: 0.7rem 0.7rem;}
.table-responsive {border-radius: 0.7rem;}

.prd .card{position: relative;transition: 0.3s;}

.img-hldr img{width:100%;height: 100%;transition: 0.4s;}
.img-hldr {
  position: relative;
  overflow: hidden;
}

.img-hldr .overlay {
  position: absolute;
  top: -100%;          /* hidden above */
  left: 0;
  width: 100%;
  height: 100%;        /* make sure it covers full image when visible */
  background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.85));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
  opacity: 0;          /* hide visually too */
  transition: all 0.4s ease-in-out;
}

.prd .card:hover .img-hldr .overlay {
  top: 0;              /* slide into view */
  opacity: 1;          /* fade in */
}

.img-hldr .overlay .atc{background: linear-gradient(145deg, #000000, #1E1E1E);padding: 0.6rem 1rem;border-radius: 0.5rem;color: #FFF;font-weight: 700;text-transform: uppercase;}

.prd .card:hover{box-shadow: 0 .3rem 1rem rgba(0,0,0,.07);border-color: transparent !important;transition: 0.4s;}
.prd .card:hover .img-hldr img{transform: scale(1.1);transition: 0.5s;}
.prd .rounded-3{border-radius:0.7rem !important;}
.prd .border-light{border-color: #eff1f2!important;}
.prd .card-img, .prd .card-img-top {border-top-left-radius: calc(0.7rem - 1px);border-top-right-radius: calc(0.7rem - 1px);}
.p-cat,.p-name,.p-brand{margin-bottom:0.5rem;}
.p-cat .bg-danger{background-color:#202020 !important;color:#ffb634;}
.p-name{color:#252525;font-weight: 700;transition: 0.1s;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  
  overflow: hidden;}
.p-brand{font-size: 14px;font-weight: 400;color: #a9a8a8;}
.p-brand strong{color: #868282;}
.p-price{color: #535353;font-size: 1rem;margin-bottom: 0;font-weight: 800 !important;}
.p-price .oldP{text-decoration:line-through;font-size: 14px;color: #6F6F6F;font-weight: 400;margin-left: 5px;}
.p-price .fw-bold{font-weight: 600 !important;}
.prd .card:hover .p-name{color:#000;transition: 0.2s;}
.prd .card:hover .p-price{color:#000;transition: 0.2s;}
.dsc {
  position: absolute;
  top: 7px;
  right: 7px;
  font-weight: 600;	
  background: linear-gradient(145deg, #0d0d0d, #2a2a2a);
  color: #ffffff;
  border-radius: 3rem;
  padding: 2px 10px;
  z-index: 2;
  font-size: 0.8rem;
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.05), inset 0 1px 2px rgba(255, 255, 255, 0.05);
  letter-spacing: 0.3px;
}

.p-det .det-p-price{font-weight: 900;color: #ff791a;font-size: 1.5rem;}
.p-det .det-p-price small{text-decoration:line-through;font-size: 65%;color: #adadad;font-weight: 400;}

.sites img{width:120px;margin: auto;margin-bottom: 1rem;}
.sites h4{margin-bottom: 1rem;}

.menu-holder{width: 20%;background-color: #FFF;right:-100%;top: calc( 50% - 45px);text-align: center;border-radius: 0.3rem;padding: 0.3rem;transition: 0.3s ease;}
.menu-holder ul{display: block;padding: 0;margin: 0;}
.menu-holder ul li{display: block;border-bottom:1px solid #f1f1f1;padding: 0.45rem;}
.menu-holder ul li .feather{stroke-width:1.2;color: #000;width:22px;height: 22px;}
.menu-holder ul li:last-child{border: none;}
.prd .card:hover .menu-holder{right:12px;transition: 0.3s;}


.abt-sb .card{border: 1px solid transparent;padding: 15px;}
.abt-sb .bg-danger{background-color:#feefea !important;}
.abt-sb .bg-primary{background-color:#eaeefe !important;}
.abt-sb .bg-warning{background-color:#fef4d5 !important;}
.abt-sb .bg-success{background-color:#c4f5df !important;}


.ofr .card{padding: 15px 25px;position: relative;color:#FFF;border-radius: 10px;}
.ofr .card:before{position: absolute;content: '';top:0;left: 0;width:100%;height:100%;background-color: rgba(0,0,0,0.5);border-radius: 15px;z-index: 1;}
.ofr .card .card-body{z-index: 2;position: relative;}
.ofr .card .card-title{color:#FFF;}
.ofr .card .card-body .text-ofr{color: #EAA221;}

.ftr{background: linear-gradient(to top, #0E0E0E 0%, #1a1a1a 100%);color: #FFF;}
.cpy{background-color:#000000;}
.ftr .ftr-lg{height:45px;}
.ftr h6 .fa.text-info{color:#EAA221 !important;padding-right: 5px;}
.ftr .s a{color:#b1b1b1;padding:7px 5px;font-size: 20px;display: inline-block;transition: 0.3s;}
.ftr .s a:hover{color:#EAA221;transition: 0.2s;transform: scale(1.2);}
.cpy a{color:#9dbeff;transition: 0.3s;text-decoration: none;}
.ftr ul{padding: 0;margin: 0;}
.ftr ul li{display: block;}
.ftr ul li a{color:#8f8f8f;padding: 5px 0;font-size: 14px;display: block;transition: 0.3s;}
.ftr ul li a:hover{color:#FFF;transition: 0.3s;}

.ftr .scl a{width: 35px;height: 35px;border-radius: 50%;background-color: #000;color: #FFF;display: inline-block;line-height: 35px;text-align: center;}
.ftr .payment{height:35px;}

.adv{background: url("../../images/bg-footer-01.jpg") no-repeat center center;}
.adv img{top: -55px;}
.news{background: url("../../images/news.jpg") no-repeat center center;}

.sm-d-block,.sCatSm,.lg-d-none{display: none;}
#imgInp,.imginp{display: none !important;}
.custom-file-upload {    border: 1px solid #ccc;    display: block;    padding: 6px 12px;    cursor: pointer;    margin: 10px auto;width:150px;text-align: center;}
.mb-mnu{display: none;}
.mbl-menu{display:none;background-color: #0e6a37;padding: 0.7rem 0;box-shadow: 0 -.3rem 1rem rgba(0,0,0,.07);z-index: 1600;}
.mbl-menu a{color: #FFF;}
.allPr{position:fixed;left: -100%;z-index: 2500;top:0;overflow-y: auto !important;height: 100vh;width: 100%;background-color: rgba(0,0,0,0.5);}
.allPr .fltHldr{width: 85%;height: 100%;padding-top: 45px;}
.allPr .position-fixed{z-index:1;}

.dropdown-menu.megamenu[data-bs-popper] {top: 98%;border-radius: 1rem;}
.drop-sub .col-2:first-child{border-bottom-left-radius:1rem;}
.drop-sub .col-2:last-child{border-bottom-right-radius:1rem;}
.navbar-light .navbar-toggler {color: #EAA221;}
#lgnGl .modal-header{border-bottom:1px solid #3c3c3c !important;}
#lgnGl .modal-body{background-color: #000;}
#lgnGl .modal-footer{border-top:1px solid #3c3c3c !important;}
#lgnGl .form-control{background-color: #303030;color: #FFF;}

.prfl .dropdown-menu[data-bs-popper] {right: 0;left:auto;top:100%;margin-top: 0.9em;}
.dropdown-menu{background-color: #FFF;border-radius: 0.4rem;}
.dropdown-menu a{color: #3a3a3a;font-size: 12px;}
.dropdown-item:focus, .dropdown-item:hover {color: #EAA221;background-color: #000000;}

.bby .dropdown-menu[data-bs-popper] {margin-top: 1.3em;}


.cts a.active,.brnd a.active{color:#EAA221 !important;font-weight: 600;}
.cts a.active .badge{background-color:#EAA221 !important;color: #FFF !important;}
/* Show dropdown on hover for main nav */
.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

/* Fade-in effect */
.dropdown-menu.fade-down {
  display: none;
  opacity: 0;
  transition: all 0.3s ease;
}

.nav-item.dropdown:hover > .dropdown-menu.fade-down {
  display: block;
  opacity: 1;
}

/* Optional: style dropdown items */
.dropdown-menu {
  background: #fff;
  border-radius: 8px;
  min-width: 220px;
}

.dropdown-menu .dropdown-item {
  padding: 8px 15px;
  border-radius: 6px;
}

.dropdown-menu .dropdown-item:hover {
  background: #f3f3f3;
}


#google_translate_element select {
  background: #f8f9fa;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 14px;
  color: #333;
}


@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 75%;}
}
@media (min-width: 1200px){
	.p-det h1 {font-size: 1.1rem;}
}
@media (max-width: 1080px){
    body{padding-bottom:50px;}
    .navbar-light{height:auto;}
    .navbar-light .navbar-nav{text-align: left;border-top: 1px solid rgba(0,0,0,0.07);margin-top:5px;padding-top: 5px;}
	.navbar-brand{padding: 7px 3px;}
	.navbar-brand img{height:45px;}
    .top-bar{padding:5px 0;}
	.top-bar ul li{width:49%;text-align: center;overflow:hidden;}
    .top-bar ul li a{font-size:14px;padding: 0;overflow:hidden;}
    .p-det .h1, h1 {font-size: calc(1rem + 0.7vw);}
    .carousel-item{height:auto;}
	.owl-next, .owl-prev{position: relative !important;width: 30px;height: 30px;}
	
    .menu-holder{width: 27%;}

    .mbl-menu{display:block;}
    .crtHldr{width:90%;}
    .sm-d-none{display:none;}
    .owl-prev{left:0;}
	.owl-next{right:0;}
    .abt-sb .card{padding: 7px;}
	.abt-sb .card h4{font-size: 14px;}
    .ofr .card .card-title{font-size: 0.9rem;}
    .ofr .card .fs-5{font-size: 1rem !important;}
    .prdDetSde hr{margin:0.4rem 0;}
    .sm-d-block,.lg-d-none{display: block;}
    .ftr .scl{padding-left: 15px;}
	.ftr .cpy.mt-5{margin-top: 0.5rem !important;}
	.ftr .scl .s{text-align: center;}
	
	.abt-home .card{box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.08) !important;}
	.pb-5 {    padding-bottom: 1.7rem!important;}
	.pt-5 {    padding-top: 1.7rem!important;}
	.drop-sub .col-2{width: 50% !important;border-radius: 0 !important;}
	.dropdown-menu.megamenu[data-bs-popper] {border-radius: 0;}
	
	.brd{padding:20px 0;}
	.brd .ttl{margin-top:15px;}
	.adv img{top: 20px;}
	.news .w-50{width: 75% !important;}
	.ftr ul{text-align: center;}
	.ftr ul.float-end {float: none !important;}
	.ftr .links {line-height: 20px;}
	.ftr .payment {float: none !important;margin: auto;display: block;}
	
	.top-bar ul{display: flex;}
	.top-bar ul.r li{width: auto;flex-grow: 1;text-align: center;}
}


.navbar .megamenu{ padding: 0; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .has-megamenu li a{display: block;padding: 3px;transition: 0.2s;}
  .navbar .has-megamenu li a:hover{background-color:#000;padding-left:7px;color:#EAA221;transition: 0.3s;}
  .navbar .megamenu{left:0; right:0; width:80%; margin-top:0;margin-left: auto;margin-right: auto;}

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}