/* basic styles*/
body { background-color: #ffffff; color: #000000; overflow-x: hidden; font-size: 16px;line-height: 22px; font-family: 'Droid Sans', sans-serif; height:100%;}
.radius-3{-webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px;}
.radius-5{-webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;}
.radius-10{-webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px;}
.radius-50{-webkit-border-radius: 50%;  -moz-border-radius: 50%; border-radius: 50%;}
.center {margin-left: auto; margin-right: auto; position: relative; text-align: center;}
 .bannerbox  { margin-top: 60px; }
.left { float: left;}
.right { float: right;}
.link{cursor:pointer;}
a:focus{ outline: none;}
#slider .item img, #slider-navigation .item img, #slider-product .item img, #slider-pagination .item img{display: block; width: 100%; height: auto;}
.h1, h1{font-size:24px;font-weight:bold;}
.h2, h2{font-size:21px;}
.h3, h3{font-size:17px;font-weight:bold;}
label{font-weight:normal;}
.note {font-size: 11px; color: #999999;}
.form-control{border-radius: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: none;}
span.chlang{color:#222;padding:0; font-size:20px;float:right;margin-right: 15px;margin-top: 15px;cursor:pointer;}
span.chcurr{color:#222;padding:13px; font-size:16px;float:right;cursor:pointer;}
.mywishlist{padding:13px 0 13px; font-size:20px;float:right;cursor:pointer;}
#wishListItemsCount{font-size:10px;}

/* header*/
.header {width: 100%; padding: 0 20px; background-color: #ffffff; position: fixed; top:0; z-index: 9999; box-shadow: 0 3px 5px rgba(172, 172, 172, 0.1); transition: height 0.3s ease; z-index: 99999}
.header.shrink { padding-left: 20px; padding-right: 20px; padding-top: 0px; }
.navbar-header {float: right;}
/*pagination*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus,.pagination>.active>span:hover {color: #fff; background-color: rgba(0, 0, 0, 1); border-color: #000;}
.pagination>li>a, .pagination>li>span {color: #666;}
.pagination>li>a, .pagination>li>span{border: 1px solid rgba(234, 234, 234, 0.5);}
.content{padding:20px;}
.content h1{padding:0;line-height:1.8em;}
.content p {line-height:1.8em; font-weight: 100;}
.content li {line-height:1.8em; font-weight: 100;}
.content img{max-width:100%; padding:10px;}
.product-img-slider img{padding:0;}
.content .container{margin-top: 10px;}
.back{margin-top: 20px;}
.box{display:none;}
/* logo*/
#logo {color: #222; display: inline-block; margin: 10px;}
#logo a { color: #000000; font-family: Pacifico, sans-serif; text-decoration: none;}
#logo img {max-height: 100px; max-width: 100%; width: 300px}
.logoshrink img {max-height: 100px; max-width: 240px !important;}

/* product details*/
.product-img-slider {width:40%; vertical-align:top; display: inline-block; margin: 20px 5px;}
.product-details{width:52%; vertical-align:top; display: inline-block; padding:0 10px;}
.share ul {list-style: none; padding: 0; margin: 0;}
.share ul li { display: inline-block; padding: 3px;}
.share ul li a{/*background:#6f6f6f;*/ color: #FFFFFF; height: 34px; width: 34px; display: block; padding: 5px;}
/*.socialnetworks  ul li a{ background: transparent!important;}*/
.share-facebook{background-color: #3B5998;}
.share-twitter{background-color: #159CEB;}
.share-googleplus{background-color: #DD4B39;}
.share-pinterest{background-color: #cb2026;}
.share-instagram{background-color: #49739f;}
.share-youtube{background-color: #e02f2f;}
.share li img {width:24px; height:24px;padding:0;}
.slick-slide img {max-width: 100%;margin: 0 auto;width:100%;}
.banner{width:100%; overflow: hidden; }
.slick-prev, .slick-next{top:33%!important;}
.productpreview{margin:5px;}
.product-details .input {width: 70%; display: inline-block;  margin: 15px 20px 20px 0;border: 1px solid #E3E3E3; color: #777;padding: 8px;}

.oneproduct > div {padding: 10px; margin: 10px;}
.oneproduct > div a{ display: block;position: relative;width: 100%;}
/*.oneproduct > div:hover { opacity: .4;}*/
.oneproduct h2 { font-size: 18px;margin: 0; font-weight: 100; margin-top: 30px; margin-bottom: 10px; width: 70%; margin-left: auto; margin-right: auto; } 
.oneproduct h2 a { text-decoration: none; font-weight: 100; color: #000; padding: 0px; margin: 0px; }
.oneproduct a img {padding:0; border-radius: 4px !important;  }
.productpriceold {text-decoration: line-through; margin-right:20px;color:#b0b0b0; width: 25%;display: inline-block;}
.productprice {font-weight: 700; font-size: 18px; color: #000000; display: inline-block; margin-bottom: 20px; }
.prodbutton {display: none;}
.productaddtocart { text-align: left; padding: 10px;}
.product { padding: 10px;background:#fff;}
.products h1, .content h1 { font-weight: 100; margin-bottom: 30px;  margin-top: 0; font-size: 32px; line-height: 42px;}
.product-details h1, .page h1  { margin-left: 0px !important; }
.related h2 {text-align:center;}

.productdescription h1 { line-height: 24px; text-align: left; color: #000000; font-weight: 400; font-size: 22px;}
.productdescription { padding: 10px; line-height: 24px; text-align: left; color: #000000; font-weight: 100; }
.productdescription p { margin-top:20px; line-height: 24px; color: #000000; font-weight: 100; }
.productdescription td { line-height: 24px; color: #000000; font-weight: 100; }
.productdescription a { color: #000000; text-decoration: underline; font-weight: 100; }
.productprivacy{padding: 10px;font-size: 12px;}

.askOfferButton {font-size: 16px;}

.products ul { list-style: none; margin: 0; padding: 0;   text-align: center;}
.products ul li { font-size: 14px; line-height: 22px; padding: 10px; margin:5px; text-align: center; display: inline-block; vertical-align: top; background: #fff;position: relative; margin-bottom: 30px;transition: all .2s ease;border-radius: 8px;}
.products ul li:hover {box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);z-index: 999;}
.products ul li .oneproduct {vertical-align: text-top;position: relative;}
.products ul li h2 a{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 60px;}
.oneproduct img {width: 100%;}
.productsimage {overflow: hidden;}
#productQuantityInput{width:50%;}
.productoptions{margin-top:20px;}

/*contest basic*/
.contestDesc .btn{background:#ccc;}
.contestDesc a{color:#666;}
.contestBar{background:#666;}
.contestBar a{color:#fff;}

/* footer menu*/
.footer {background: #000000; color: #fff;padding: 20px; text-align: left;}
.footer a {color: #fff; text-decoration:none;}
.footer a:hover{color: #fff;}
.footer ul{ display: grid;
  grid-template-columns: repeat(2, 1fr); /* Two equal columns */
  gap: 10px; /* Adjust spacing */
  list-style: none;
  padding: 0;}
.footer ul li{display:block;}
.socialnetworks ul li{display:inline-block;}
.changelanguage{cursor: pointer; text-decoration: none;}
.scrollable-menu {height: auto; max-height: 200px; overflow:auto; padding:10px 0;}
.scrollable-menu-big{height: auto; max-height: 450px; overflow: auto;}
.alanguages {text-align: center;}
.alanguages ul {list-style: none; padding: 0; spacing: 0;}
.alanguages ul li {display: inline-block; padding: 10px; width: 200px; border: 1px solid #DEDEDE; margin: 5px;}
#languages { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; color: #000000;}
#languages a { color: #000000; text-decoration: underline;}
#countries { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 240px; margin: 20px auto; color: #000000;}
#countries a { color: #000000; text-decoration: underline;}
.footerpage img { max-width: 70%; }
/* subfooter */
.subfooter {color: #6d6d6d;padding: 20px; text-align: left;}
.subfooter a {color: #6d6d6d;text-decoration: none;}
.subfooter ul { list-style: none;padding: 0; margin-top: 10px;}
#statustop{color: #fff;}
.copyright {color: #fff;}
.copyright a {color: #eee;}
.createstore-copyright { color: #fff; margin-top:25px;}
.createstore-copyright a{ color: #fff;}
.salanpc { text-align: center; }
.pagination > li .active { background-color: #000000; }

/*demo text from the bottom of the themes*/
.demo {color: #6d6d6d;}
.demo a {color: #000000;}

/* Mobile style*/
.mobileicons { width: 100%;padding-top: 10px; color: #6d6d6d; text-align: right;}
.mobileicons ul li {list-style: none;display: inline-block;}
.mobileicons ul li a {color: #6d6d6d;padding: 10px;font-size: 20px; max-width: 24px;text-align: center; text-decoration: none;}
.mobilemenu {padding: 0 20px;}
.mobilemenu ul {list-style: none; margin: 0; padding: 0;}
.mobilemenu ul li a { color: #000000; text-transform: uppercase; text-decoration: none; width: 97%; padding: 5px; display: block; border-bottom: 1px solid #ccc;}
.show_hide_mobilemenu{cursor:pointer;}
.show_hide_mobilemenu{cursor:pointer;}
.menu { width: 100%; font-size: 14px;line-height: 22px;}
.slick-slider { margin-bottom: 0px !important; }
.navbar-default{border:none;}
.navbar{margin-bottom: 0px; background:transparent;}
.nav>li>a {padding: 10px 5px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background-color: rgba(0,0,0,0.3);}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: rgba(222, 222, 222, 0.5); border:0; }

.menu { padding-top: 10px; }
.menu ul {margin: 0; padding: 0; list-style: none; float: right !important; position: relative;}
.menu ul li {display: inline-block; margin-right: 15px;font-size: 14px;line-height: 22px;}
.menu ul li:last-child{margin-right: 0;}
/*.menu ul li a {color: #ccc;}*/
.menu ul li a:hover {opacity:0.5;}
.menu ul li span i { font-size: 28px; line-height: 42px;}
.navbar-nav > li > a, .contestBar a { font-size: 18px; }
.navbar-nav > li > a, .contestBar a { }

.togglesearch { cursor: pointer; }
/* 
.search { display: inline-block; margin-top: 40px; width: 100%; }
.search input { padding: 5px 10px; border: 1px solid #E3E3E3;color: #555555;box-shadow:none;float:left; width: 78%!important;}
.search button{border-radius:0;}
*/

.minicart {cursor:pointer; }
/*Minicart
.minicart {cursor:pointer; position: fixed;right: 0;top: 150px;background: #F15353; color:#fff; font-size: 20px; padding:10px;z-index:998;box-shadow: 0 1px 2px rgba(0,0,0,0.5);}
.minicart:hover {color:#eee;}
.minicart h2 {color: #6d6d6d;display: none;}
*/

/*Footer-social*/
.back{margin-bottom:10px;}
.pagination a, .back a, .prodbutton a { background-color: #6d6d6d; color: #ffffff;padding: 10px; font-size: 14px; text-decoration: none;}

.addtocartform { padding: 10px; font-size: 12px; line-height: 18px;}
.cart-small {padding:15px;border: 1px solid #ccc;}
.post, .page { text-align: left; padding: 20px;}
ul.posts{list-style:none;padding:0; margin:10px 0;}
ul.posts li{width:100%;margin:10px 0;}
ul.posts li h3 a{color:inherit;}
ul.posts li img{width:100%;max-width:200px;}
.mailchimpbutton, .addtocartbutton { background-color: #000000;border: none; padding: 15px 30px; font-size: 18px;cursor: pointer; text-decoration: none;color: #ffffff; margin: 20px 0;font-weight: 100; width: 50%; border-radius: 4px;}
.addtocartbutton .glyphicon { display: none; }
#added { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; color: #000000;}
#added a { color: #000000; text-decoration: underline;}
.cart-quantity{-webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; width:30px; }
.cart-qty-change{width:80px;}
.cart td{text-align:left;}
.cart-continue{ float: left; margin-top: 20px;}
.cart td img{width:150px;margin-right:20px;  margin-bottom: 10px;float: left;}
.cart-small td img{width:100px;margin-right:20px; margin: 10px;}
.cart-small table{  border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
.orderbox, .promocodebox{ width: 100%; text-align: right;}
.show_hide_promocodebox{ width: 100%; text-align: right; cursor:pointer;}
.show_hide_promocodebox .icon-down-arrow{ font-size: 15px; padding-top: 10px;}
.orderbox .btn, .promocodebox .btn{ color: #FFF; background-color: #3BA0DB; border:none;}
.orderbox ul{list-style:none;padding: 0;}
.orderbox a{color:#fff;}
.orderbox a:hover{text-decoration:none;}
.orderbox li{display:inline-block;border: 1px solid #3BA0DB;}
.orderbox li:hover{border: 1px solid #7BE1FF;margin-top:9px;}
.promocodebox .form-control{display:inline;width:auto;}
#checkout {min-height: 60px; min-width:150px; margin: 10px; padding-top:20px; text-transform: uppercase;font-size: 16px;font-weight: bold; text-align: center; background-color: #3BA0DB; color: #FFFFFF; cursor: pointer; text-transform: uppercase;}
.paypalcheckout{background:url(../Bootstrap/interface/paypal-btn.png) no-repeat 20%; padding-left: 130px; padding-right: 20px;}
#slider { margin-left: auto; margin-right: auto; text-align: center; margin-top: -22px;}
#addedtocartstatus { display: none; position: fixed; font-size: 16px;  width: 200px; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform:translate(-50%, -50%); background-color: rgba(0,0,0,0.6); height: auto; color: #FFFFFF; padding: 20px; z-index: 99999;}

/*contact form*/
.contactform .form-control{border-radius: 0; box-shadow:none;padding: 10px;height: 45px;}
.contactform input{width:100%;}
.contactform  textarea{width:100%; height: 150px; border: 1px solid #ccc;}
.contactform  .form-control:focus { border-color: #666;-webkit-box-shadow: none;box-shadow: none;}
label {font-weight: 300;margin-top: 25px;}
.sendMessage{border-radius: 0; padding: 10px 30px; background: #F15353; color:#fff; border:none; min-width: 100px; margin-left: calc(50% - 100px/2);}

/*Categories*/
.productcategories a:after{content:',';}
.categories {background-color: #f7f7f7;padding-top: 30px; float: right; width: 165px;}
.categories h2 { display: none;color: #000000;}
.categories ul { padding: 0; margin: 0;}
.categories ul li { display: inline-block; margin-left: 15px; margin-right: 15px; margin-bottom: -10px;}
.categories ul li a { text-transform: capitalize; text-decoration: none; color: #000000;}
.categories ul li a:hover { color: #eee;}
.categories ul li a.selected { color: #fff;}
.categories a {color: #000000;}
ul.categories li .dropdown-menu { width: 100%; top: 100%;left: 0;}


/*blog*/
ul.blog{list-style:none;padding:0; margin:0;}
ul.blog li{width:49%;padding:10px; display:inline-block;vertical-align:top;}
ul.blog li p a{font-weight:700; color:#F15353;margin-bottom:10px;font-size:21px;}
ul.blog li p a:hover{text-decoration:none;}
ul.blog li p{line-height:26px;}
ul.blog li p:after{content:'...';}

textarea#message{width:100%;border: 1px solid #ccc;border-radius: 4px;height: 150px;}
.sendMessage{border:0;background:#ccc;}

.categoriesMenu .dropdown a i{
  display: inline-block;
  float: right;
  color: #ccc;
}

.searchToggle {cursor: pointer;}
.closeSearchToggle {display: none; cursor: pointer;}
.leftmenu { 
  position: fixed;
  top: 0;
  left: -420px;
  max-width: 400px;
  width: 100%;
  background: #fff;
  height: 100%;
  box-shadow: 0 0 20px rgba(58, 58, 58, 0.3);
  -webkit-box-shadow: 0 0 20px rgba(58, 58, 58, 0.3);
  -moz-box-shadow: 0 0 20px rgba(58, 58, 58, 0.3);
  z-index: 99999999999;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  font-family: 'Open Sans', sans-serif;
}
.showLeftMenu { cursor: pointer; }
.closeLeftMenu { 
  width: 20%;
  font-size: 28px;
  cursor: pointer;
  display: inline-block;
  text-align: right;
  padding: 20px;
  color: #000;
  float: right;
  width: 100%;
}
.leftmenu { 
 max-height: 100vh;
 overflow-y: auto;    
}

.showFixedMenu{font-size: 32px; margin-right:10px; cursor: pointer;}
/*.header.shrink .showFixedMenu{display: inline-block; }*/
ul.categoriesMenu, .leftmenu ul { padding-top: 5px; margin-left: -30px; margin-bottom: 0}
ul.categoriesMenu li, .leftmenu ul li { list-style: none; padding: 0; }
ul.categoriesMenu li a, .leftmenu ul li a { font-size: 16px; line-height: 24px; color: #000000; }
ul.categoriesMenu li a{display: block; width: 100%; padding: 5px;}
ul.categoriesMenu li a:hover{
  background: #eee;
  text-decoration: none;
}

ul.categoriesMenu.fixed{
  display: none;
  position: fixed;
  top: 55px;
  background: #fff;
  z-index: 9999;
  width: 320px;
  padding: 10px;
  left: 50px;
  border-radius: 5px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);
}

/* Ensure the submenu is hidden initially */
.dropdown-menu {
  display: none;
  background: #fff;
  box-shadow: none;
  padding: 10px 0;
  border: none !important;
  height: 100%;
  max-height: 412px;
  column-count: 2;
  column-count: 3;
  width: 950px;
}

ul.categoriesMenu.fixed .dropdown-menu{
  top: 6px;
}

/* Adjust dropdown styles */
.dropdown {
  position: static;
}

/* Ensure dropdown items are inline-block */
.dropdown > a {
    display: inline-block;
    width: 100%;
    position: relative; /* Needed for the caret positioning */
    text-align: left; /* Align text to the left */
    padding-right: 20px; /* Ensure space for the caret */
}
.dropdown-menu .dropdown-menu {
  position: relative;
  left: 0;
  top: 0;
  width: 100%; /* Submenus also take full width */
}

/* Optional styling for better appearance */
ul.dropdown-menu { 
  padding:10px;
  position: absolute;
  top: -2px;
  left: 95%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.dropdown-menu li {
    padding: 5px 15px;
    list-style: none;
}

.dropdown-menu a {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 5px 0;
}

.dropdown-menu a:hover {
    color: #000;
    background: #f8f8f8;
}
.cart, .storelanguage, .storecurrency {
    width: 100% !important;
}

.navbar-form.search{
  position: absolute;
  top: 0;
  left: calc(50% - 225px);
  width: 450px;
  max-width: 100%;
}
.navbar-form.search .form-group {
    display: flex;
    align-items: center;
    position: relative;
}

.navbar-form.search .form-control {
  height: 40px; /* Adjust the height as needed */
  padding-right: 45px; /* Space for the button */
  width: 100%;
  border: 2px solid #000;
}

.navbar-form.search .btn {
    height: 40px;
    display: flex;
    margin-left: -5px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 2px solid #000;
    border-radius: 0;
}

.navbar-form.search .btn i{
      font-size: 20px;
    color: #000;
}

.cartbg {
  z-index: 999999!important;
}
.categoriesMenu .caret, .backbutton{
  display: none;
}

@media (max-width: 1400px) {
  .products ul li { width: 23%;}
}
@media (min-width: 1400px) {
  .products ul li { width: 18%;}
}
@media (min-width: 992px) {
  .dropdown-menu {
    width: 640px;
  }
}
@media (min-width: 1200px) {
  .container {width: 1100px;}
}
@media (min-width: 1100px) {
  .dropdown-menu {
    width: 850px;
  }
}
@media (max-width: 1100px) {
  .navbar-form.search{
    left: auto;
    right: 100px;
  }
}
@media (max-width: 989px) {
 .categories{width: 155px;}
 .navbar-form.search{
  display: none;
 }
 .categoriesMenu {
    position: fixed;
    top: 0;
    left: -120%;
    z-index: 9999;
    background: #fff;
    width: 80%;
    height: 100vh;
    transition: all .2s ease;
    z-index: 999999;
  }
  .categoriesMenu.show{left: 0}
  .categoriesMenu .dropdown-menu{
    column-count: 1;
    left: 100px;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 20px;
    max-height: 100vh;
    border-radius: 0;
  }
  .backbutton{
    display: inline-block;
    float: left;
    text-align: left;
    padding: 10px 0;
    font-size: 32px;
    margin: 0 0 15px 0;
  }
}
@media (max-width: 768px) {
  body{font-size: 16px;}
  .oneproduct h2 {font-size: 18px;}
  #productQuantityInput{width:100%;}
  .addtocartbutton { width: 100%; }
 .search { display: inline-block; margin-top: 10px; width: 100%; }
 .search .form-group {margin-bottom: 5px;width: 85%;float: left;margin-right: 10px;}
 .search.navbar-form {padding:0;}
 .content {padding: 10px;}
 ul.blog li{width:100%;}
.navbar-header {float: right;}
 .search .btn-default{float: right;}
 .product-img-slider {width:100%; margin: 0 5px;}
 .product-details{width:100%; padding:0 10px;}
 .products ul li { width: 45%;}
 .cart-qty-change { width: 40px;margin-right: 10px;}
 .cart td img{width:80px;}
 .storename-input, .create-btn { font-size: 1.3em; margin: 5px auto; padding: 10px;}
 .storename-input {width:60%; text-align: center;}
 .create-btn { width:30%;}
 .createstore h3 { font-size: 16px; line-height: 25px; margin: 0 0 20px 0;}
 .cart-prodname{ font-size: 13px; line-height: 15px;}
 /*.banner {height: 100px;}*/
 .slick-prev, .slick-next{display:none!important;}
 /* h1#logo img{width: 100%;} */
 h1#logo img { max-width: 220px;}
 .logoshrink img {max-width: 200px !important; margin-top: 30px !important;}
 /*.menu{position: absolute; top: 0;}*/

 
  .navbar-form.search{
    left: 0;
    right: 0;
    width: 70%;
    max-width: 300px;
  }
  .navbar-form.search .form-group{
   left: 40px;
    /* right: 90px; */
    width: 260px;
  }
  
 }

 @media only screen and (max-width: 480px) {
   .products ul li { width: 45%;}
   #checkout{width:90%;margin: 20px;}
   .storename, .create2 { font-size: 1em;}
   .createstore-open, .createstore-close{ left: 90%;}
   h1#logo img { max-width: 100%;}
   .logoshrink img {max-width: 160px !important; margin-top: 30px !important;} 
    .bannerbox  { margin-top: 100px; }
}
 @media only screen and (max-width: 400px) {
   .storename-input, .create-btn {display:block;width:80%;margin:5px auto;}
   .products ul li .productsimage img {max-width:100%;}
}