:root
{
  --theme-color: #363535;
}
.theme-color{color:var(--theme-color) !important;}

::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #b9e5fb;
}
::-webkit-scrollbar-thumb {
  background: #434da2;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color);
}
.back-to-top{
  position:fixed;display:none;
}

#snackbar {
  visibility: hidden;
  width: 320px;height:64px;
  background-color: #43a159;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  position: fixed;
  z-index: 1090;
  right: 10px;
  top: 60px;
}

#snackbar .text{
  padding: 16px;
}
#snackbar.error {
	background-color: #f03f3f;
}
#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 102.5s;
  animation: fadein 0.5s, fadeout 0.5s 102.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

#snackbar .progress{height:8px;border-radius:0px;opacity:.5;}

#snackbar.show .progress{
  -webkit-animation: w02100 2.5s;
  animation: w02100 2.5s;
}
@keyframes w02100 {
  from {width: 1%; opacity:.5;}
  to {width: 100%; opacity:.6;}
}
@-webkit-keyframes w02100 {
  from {width: 1%; opacity:.5;}
  to {width: 100%; opacity:.6;}
}
a{
    /* color:#834995 !important; */
    transition:all .5s ease-in-out;
    text-decoration:none !important;
}

.logo img{
    transition:all .5s ease;
}
.logo:hover img{
    transform:scale(1.05,1.05);
}
input, select
{
    border:1px solid color-mix(in oklab, var(--theme-color) 50%, transparent) !important;
    transition:all .5s ease;
    box-shadow:none !important; outline:none !important;
}
input:hover, select:hover
{
    border:1px solid color-mix(in oklab, var(--theme-color) 60%, transparent) !important;
}
input:focus, select:focus
{
    border:1px solid color-mix(in oklab, var(--theme-color) 70%, transparent) !important;
}

.radius-25{
    border-radius:.25rem !important;
}
/* .product-block.col-md-3
{
  width:20%;
} */
.product-block
{
  border: 1px solid #eadfef;
  background: linear-gradient(180deg, #EFEFEF, #FFF);
  border-radius:.5rem;overflow: hidden;
  padding:.5rem;text-align: center;
  transition:all .5s ease-in-out;
}
.product-block:hover
{
  box-shadow:0px 0px 8px inset #CCC,0px 0px 8px inset #e4e4e4
}
.product-block a.focus
{
  box-shadow:none;outline:none;
}
.product-block .product-description
{
  position:absolute;
  height:280px;width:0;
  background:#ffffffef;border-radius:.5rem;
  color:#000; display:none;
}

.product-block img
{
  border-radius:.5rem;
  height:20vh;
  width:auto !important;
  margin:0px auto;display:block;
  transition:all .5s ease;
}

/* .product-block .fancybox
{
  display:none; background:#fffffff5;
  position:absolute; left:1px;top:1px;
  width:99.4%;    padding-top: 27%;
  border-radius:.5rem;
  height:99%;transition:all 1.5s ease-in-out;
}
.product-block:hover .fancybox
{
  display:block;
} */
.product-block .name
{
  text-align:center;
  height:36px;padding:.25rem 0px;
  overflow:hidden;margin-top:5px;
  background:#F9F9F9;border-radius:.5rem;
}
.product-block .name span
{
  font-size:1rem;
  text-align:center;
  color:#3a3232;transition:all .5s ease;
}
.product-block:hover .name span
{
  font-size:1.2rem;
  text-align:center;
  color:var(--theme-color);
}
.price
{
  text-align:center;
  height:36px;padding:.25rem 0px;
  overflow:hidden;margin:2px 0px;
  color:#598ef0;font-weight:700;
  background:#F9F9F9;border-radius:.5rem;
}
.product-block .price .sell-price
{
  font-size:1.2rem;
  text-align:center;font-weight:bold;
  color:#598ef0;margin-right:8px;
  font-weight:700;transition:all .5s ease;
}
.product-block:hover .price .sell-price
{
  color:var(--theme-color);
}

.product-block .price .regular-price
{
  font-size:1.25rem;
  text-align:center;
  color: #CCC;
  text-decoration: line-through;
  font-weight:normal;
}

.add-to-cart{
    border-radius: 50%;
    border: 1px solid #DDD;
    color: #598ef0 !important;
    display: block;
    width: 26px;
    height: 26px;
    padding-top:1px;
    text-align:center;
    float: right;
    font-size:.9rem;
    transition:.4s;
}

.add-to-cart:hover{
    background:#598ef0;
    color: #FFF !important;
}

.view_all_product
{
    color:#8f8c90;font-weight:600;
}
.view_all_product:hover
{
    color:var(--theme-color);
}


footer{
  background:#4e7c9e;
  color:#FFF;
  padding: 2rem 0px;
}
footer h2{
  font-size:1.5rem;
  text-transform:uppercase;
  margin-bottom:1rem;
}
footer ul{
  list-style-type:none;
  padding-left:0px;
}
footer li{
  margin:.5rem 0px;
}
footer li a{
  color:#FFF;font-size:.9rem;
}

footer li a:hover{
  color:var(--theme-color);
}
footer h3{
  font-size:1.2rem;
}

footer svg{height:24px;}

.copyright{border-top:1px solid #FFF;text-align:center;padding:1rem 0px;}

.tooltip-inner {
    max-width: 350px;
    width: 350px; 
}

@media screen and (max-width : 768px)
{
  .layout-center-block{padding-top:184px !important;}

  .product-block .price .sell-price
  {
    font-size:1rem;
  }
  .cart_qnty_block .add-to-cart
  {
    width:24px;height:24px;font-size:.80rem;
  }
  .delivery-information {
    padding-top: .75rem !important;
  }
  .delivery-information a {
    padding: .75rem !important;
  }
}

@media screen and (max-width : 400px)
{
  .product-block .price .sell-price
  {
    font-size:1rem;
  }
  .cart_qnty_block{padding-top:.25rem !important;}
  .cart_qnty_block .total-quantity{font-size:.9rem !important;}
  .cart_qnty_block .add-to-cart
  {
    width:20px;height:20px;font-size:.70rem;
  }
  .delivery-information {
    padding-top: .75rem !important;
    margin-bottom:2px;
  }
  .delivery-information a {
    padding: .75rem 0px !important;
  }
  span#spn_top_cart_count
  {
    margin-left: -14px !important;
  }
}