.loader-background{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgb(68, 68, 68);
    opacity: 0.5;
    z-index: 999999 !important;
  }
  .loader-content{
    position: fixed;
    top: 43%;
    left: 43%;
    z-index: 9999999 !important;
  }

  
.logo-img-nav{
	width: 250px;
	height: auto;
	padding: 5px;
}
.navbar-custom {
    background-color: white !important;
    border: none !important;
    border-width:0!important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.2) !important;
}
.text-right{
	text-align: right !important;
}
.button-transparent-border-0{
background: transparent !important;
    border: 0px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}
.br-0{
	border-radius: 0px !important;
}
.float-right{
	float: right !important;
}
.w-85{
	width: 85% !important;
}
@media only screen and (max-width: 600px) {
	.w-85{
		width: 100% !important;
	}
}
.text-custom{
	color: #0149AF !important;
}
.text-custom:disabled{
	color: #6294db !important;
}


.menu-itm-li-a{
	text-decoration: none !important;
	color: black !important;
}
.menu-itm-li-a>img{
	width: 25px !important;
}

@media only screen and (max-width: 600px) {
	.menu-button-text{
		display: none;
	}
	.logo-img-nav{
		width: 200px;
		height: auto;
		padding: 5px;
	}
  }


.cart-collapsed{

	.cart-body{
  
	  display: none;
  
	}
  
	.cart-icon{
  
	  position: fixed;
  
	  top: 30%;
  
	  right:0%;
  
	  z-index: 99999;
  
	  animation-name: cart-collapsed-animation;
  
	  animation-duration: 0.5s;
  
	  .cart-icon-pad{
  
		padding: 30px;
  
		background: #48D8D3 !important;
  
		color: white;
  
		border-radius: 50%;
  
		cursor: pointer;
  
	  }
  
	}
  
  }
  
  @keyframes cart-collapsed-animation {
  
	from {right:25%;}
  
	to {right:0%;}
  
  }
  
  .cart{

	.cart-backdrop{
  
	  background: rgb(133, 133, 133);
  
	  opacity: 0.5;
  
	  position: fixed;
  
	  top:0px;
  
	  left:0px;
  
	  width: 100%;
  
	  height: 100vh;
  
	  z-index: 99999;
  
	}
  
	.cart-body{
  
	  position: fixed;
  
	  top: 0px;
  
	  right: 0px;
  
	  width: 20%;
  
	  height: 100%;
  
	  background: white;
  
	  z-index: 9999999;
  
	}
  
	.cart-icon{
  
	  position: fixed;
  
	  top: 30%;
  
	  right:25%;
  
	  z-index: 99999999;
  
	  animation-name: cart-animation;
  
	  animation-duration: 0.5s;
  
	  .cart-icon-pad{
  
		padding: 30px;
  
		background: #48D8D3 !important;
  
		color: white;
  
		border-radius: 50%;
  
		cursor: pointer;
  
	  }
  
	}
  
  }
  
  @keyframes cart-animation {
  
	from {right:0%;}
  
	to {right:25%;}
  
  }  


  @media only screen and (max-width: 1200px) {
	.cart-body{
		position: fixed;
		top: 0px;
		right: 0px;
		width: 30% !important;
		height: 100%;
		background: white;
		z-index: 9999999;
	  }
  }
  @media only screen and (max-width: 800px) {
	.cart-body{
		position: fixed;
		top: 0px;
		right: 0px;
		width: 40% !important;
		height: 100%;
		background: white;
		z-index: 9999999;
	  }
  }
  @media only screen and (max-width: 600px) {
	.cart-body{
		position: fixed;
		top: 0px;
		right: 0px;
		width: 70% !important;
		height: 100%;
		background: white;
		z-index: 9999999;
	  }
  }

  


/**CUSTOM MODAL**/
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 999999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  /* Modal Content/Box */
  .modal-content {
	background-color: #fefefe;
	margin: 5% auto; /* 15% from the top and centered */
	border: 1px solid #888;
	width: 80% !important; /* Could be more or less, depending on screen size */
  }
  @media only screen and (max-width: 600px) {
	/* Modal Content/Box */
	.modal-content {
		background-color: #fefefe;
		margin: 15% auto; /* 15% from the top and centered */
		border: 1px solid #888;
		width: 95% !important; /* Could be more or less, depending on screen size */
	  }
  }




  
  @media only screen and (max-width: 600px) {
	/* Modal Content/Box */
	.order-sum-col{
 
	}
	
	
.order-sum-col .px-2{
        position: fixed;
        bottom: 0px;
        z-index: 99999;
        width: 100%;
        opacity: 12;
        left: 0px;
}	
	
.order-sum-col .px-2 .btn{
opacity:12!important;

}	
	
  }


  .order-sum-item{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: #888 1px solid;
    font-size: 15px;
  }
  .order-sum-item-last{
  }
  .order-sum-item i{
    color: #0149af;
    font-style: inherit;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 600;
  }
  .order-sum-item i.fa-active{
	color: #10890a;
  }

  .background-with-text{
	background: #d8b9fe;
  }
  .background-with-text .text-1{
	color: #0149AF;
  }
  .background-with-text .text-2{
	color: #02214b;
  }

  .btn-addr-typ{
border-radius: 0px !important;
    background: white !important;
    color: #000000 !important;
    border: #ababab 1px solid !important;
    padding: 5px;
    font-weight: 600;
  }
  .btn-addr-typ.active{
    border-radius: 0px !important;
    background: #0149af !important;
    color: #ffffff !important;
    border: #0149af 1px solid !important;
    font-weight: bold !important;
    padding: 5px;
  }

  .srv-img-ad{
	width: 100% !important;
	height: auto !important;
  }
  
  
  .background-with-text{    background: #fff;
    box-shadow: 6px 4px 11px rgb(14 55 54 / 8%);
    border: 1px solid #e2e2e2;
    padding: 20px !important;
  }
  .background-with-text p{    margin-bottom: 0px;
  
  
  }  
  .text-1{
  }
  
  .text-2{
  }
  
  .btn-primary{      background: #0149af !important;
    color: #fff !important;
    border: 1px solid #0149af !important;
    font-weight: 700 !important;
    padding: 5px 22px !important;
  
  }
  
  .order-sum-item{
  }
  
  .order-sum-item i{
  
  }
  
  .background-with-text{box-shadow: none;
    margin-top: 16px;
  
  }
  
  .services-icon .card-body {    background: #f9fbff;
    border: 1px solid #f9fbff;
  
  }
  
  .my-auto{       color: #000 !important;
    font-weight: 700;
  
  }
  
  .btn-outline-primary{    background: #0f8909 !important;
    color: #fff !important;
    border: 1px solid #0f8909 !important;
    font-weight: 700 !important;
    padding: 5px 0px !important;
  
  }
  
  .rounded-pill{    background-color: #148b0f !important;
    font-weight: 600;
  
  }
  
  .button-transparent-border-0{
  
  }
  
  .btn-outline-secondary{    background: #000;
    color: #fff;
  
  }
  
  .btn-outline-secondary:hover{
  color:#fff;
  
  }
  
  
 .navbar .btn-outline-secondary{ 
      background: #0148af !important;
    color: #fff!important;
	}
  
  .navbar .btn-outline-secondary:hover{
  color:#fff!important;
  } 
 .clear-order{
  text-align: right !important;
}
.clear-order .btn{
    font-size: 70% !important;
}