/******* shop info overlay style START **********/

.header-top-wrapper >ul:first-child{
	display:flex;
	width: 100%;
    text-align: center;
	margin: 0px;
	justify-content: right;
    gap: 87px;
	
}
@media(max-width:992px){
	.header-top-wrapper >ul:first-child{
		gap:0px;
	}
}
@media(max-width:767px){
	.header-top-wrapper >ul:first-child{
		justify-content: left;
	}
}
.stores-info li{
	color:#868686;
	font-size:1rem;
}
.stores-info li a{
	color:#868686;
}
.stores-info li span{
	padding-left:5px;
	cursor:pointer;
}
.stores-info li span:hover{
	color:#24b9d7;
}
.stores-info li a:hover span {
	color:#24b9d7;
}
@media (min-width: 992px){
	.header-top-wrapper {
		align-items: center;
	}
}
body.blackOverlay:before{
	content:'';
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .3;
	position: fixed;
    z-index: 15;
}

.shopInfoOverlay{
	padding: 0;
    background: #2582c2;
    color: #fff;
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
	opacity: 0;
	z-index: -1;
	transition: opacity .15s linear;
	visibility:hidden;
	top:2rem;
}

.shopInfoOverlay.show{
	opacity: 1;
	z-index: 18;
	visibility:visible;
}

.shopInfoOverlay .shop-info-container{
	padding: 30px 8px;
    position: relative;
} 

.shopInfoOverlay .shop-info-container .close{
	position: absolute;
    right: 0px;
    top: -19px;
    font-size: 20px;
    background: #2582c2;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    opacity: 1;
    text-shadow: none;
}

.shopInfoOverlay table{
	width: 100%;
}

.shopInfoOverlay table tr td,
.shopInfoOverlay table tr th{
	padding: 5px 10px;
}

.shopInfoOverlay table tr td:first-child,
.shopInfoOverlay table tr th:first-child{
	max-width: 120px;
	line-height:18px;
}

.shopInfoOverlay table tr td,
.shopInfoOverlay table tr td a,
.shopInfoOverlay table tr td span,
.shopInfoOverlay table tr th{
	color: #fff !important;
	font-size: 14px;
	background: #2582c2;
    border: none;
    text-align: left !important;
	
}

.shopInfoOverlay table tr td a.shop-info-btn{
	display: inline-block;
    padding: 3px 10px;
    border: 1px solid #fff;
	transition: .3s all;
	scroll-behavior:smooth;
}

.shopInfoOverlay table tr td a.shop-info-btn:hover,
.shopInfoOverlay table tr td a.shop-info-btn:active{
	color: #2582c2 !important;
	background: #fff;
}

.shopInfoOverlay table tr td a.to-map{
	display: inline-block;
    padding-bottom: 1px;
    border-bottom: 1px solid #fff;
}

@media(max-width: 1199px){
.shopInfoOverlay{
	width: calc(100% - 50px);
}	
	
}

@media(max-width: 767px){

.shopInfoOverlay{
	opacity: 0.6;
    transform: translatex(-100%);
    visibility: hidden;
	bottom: 0;
    left: 0;
    max-width: 340px;
    overflow: auto;
    position: fixed;
    top: 0;
    z-index: 10000;
	
    transition: all 0.35s ease 0s;

}

.shopInfoOverlay.show{
	opacity: 1;
    transform: translatex(0px);
    visibility: visible;
}

.shopInfoMobile{
	padding: 15px 0;
}

.shopInfoMobile .shopInfoLine .head{
	font-size: 17px;
	padding: 10px;
	color: #fff;
}

.shopInfoMobile .shopInfoLine .inner{
	background: #1d9aff;
    padding: 20px 10px;
	color: #fff;
}

.shopInfoMobile .shopInfoLine ul li{
	color: #fff;
}

.shopInfoMobile .shopInfoLine .inner h4{
	font-size: 14px;
    margin-bottom: 8px;
}

.shopInfoMobile .shopInfoLine .inner span{
	display:inline-block;
	font-size: 12px;
	line-height: 15px;
}

.shopInfoMobile .shopInfoLine .inner span.day{
	width: 50px;
}

.shopInfoMobile .shopInfoLine .connect-us li{
	display: inline-block;
}

.shopInfoMobile .shopInfoLine .connect-us{
	margin-top: 15px;
}

.shopInfoMobile .shopInfoLine .connect-us li a{
	color: #fff !important;
    font-size: 22px;
	padding-right: 12px;
}

.shopInfoMobile .shopInfoLine .head:after{
	content: '\f0d7';
	font-family:fontAwesome;
	margin-left: 15px;
    font-size: 14px;
}

.shopInfoMobile .shopInfoLine.active .head:after{
	content: '\f0d8';
}

.shopInfoOverlay{
	max-width: 340px;
	
}

.shopInfoOverlay .shop-info-container{
	padding: 0;
}

.shopInfoOverlay .shop-info-container .close{
	right: 4px;
    top: 4px;
}

}

/******* shop info overlay style END **********/