﻿body {
	font-family: Roboto,sans-serif !important;
}

a {
	text-decoration: none !important;
}

/*.letter-spacing-sm{
	letter-spacing: -0.033rem !important;
}*/

.font-size-1 {
	font-size: .81rem;
}

.text-dark {
	color: #1e2022 !important;
}

.bg-soft-primary {
	background-color: rgba(55,125,255,.1);
}

.transition-3d-hover {
	transition: all .2s ease-in-out;
}

	.transition-3d-hover:focus, .transition-3d-hover:hover {
		-webkit-transform: translateY(-3px);
		transform: translateY(-3px);
	}

.rounded-pill {
	border-radius: 50rem !important;
}

.coverImg {
	object-fit: cover;
	width: 123px;
	height: 72px;
}

.verifiedImg {
	object-fit: cover;
	width: 72px;
	height: 72px;
}

.photoGalleryImg {
	object-fit: cover;
	width: 100%;
	height: 150px !important;
}

.businessLogo {
	object-fit: cover;
	max-width: 240px;
	max-height: 160px;
}

.dropdown-menu {
	max-height: 300px !important;
	overflow: auto !important;
	font-size: .875rem !important;
}

	.dropdown-menu .active {
		background-color: rgba(55,125,255,.1);
		color: #377dff;
	}

		.dropdown-menu .active a {
			color: #377dff;
		}

.tt-hint, .tt-query, .typeahead {
	width: 90%;
	min-width: 396px;
	height: 30px;
	padding: 8px 12px;
	font-size: 24px;
	line-height: 30px;
	border: 1px solid rgba(55,125,255,.5);
	-webkit-border-radius: 0 0 9px 9px;
	-moz-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
	outline: 0;
}

.typeahead {
	background-color: #fff;
}

	.typeahead:focus {
		border: 2px solid #0097cf;
	}

.loadImage {
	transition: transform .5s;
	transform: scale(.8,.8);
	opacity: 0;
}

	.loadImage.loaded {
		transform: scale(1,1);
		opacity: 1;
	}

.btn-soft-primary {
	color: #377dff;
	background: rgba(55,125,255,.1);
	border-color: transparent;
}

	.btn-soft-primary[href].active, .btn-soft-primary[href]:active, .btn-soft-primary[href]:focus, .btn-soft-primary[href]:hover, .btn-soft-primary[type].active, .btn-soft-primary[type]:active, .btn-soft-primary[type]:focus, .btn-soft-primary[type]:hover {
		color: #fff;
		background: #377dff;
		box-shadow: 0 4px 11px rgba(55,125,255,.35);
	}

.btn-primary[href]:active, .btn-primary[href]:focus, .btn-primary[href]:hover, .btn-primary[type]:active, .btn-primary[type]:focus, .btn-primary[type]:hover {
	box-shadow: 0 4px 11px rgba(55,125,255,.35);
}

.btn-primary:hover {
	background-color: #377dff;
	border-color: #377dff;
}

a.text-primary:focus, a.text-primary:hover {
	color: #0052ea !important;
}

#go-top {
	display: none;
	position: fixed;
	bottom: 60px;
	right: 60px;
	border-radius: 5px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	cursor: pointer;
}

.list-group-item {
	padding: 6px 12px !important;
	border: none;
}

.loading {
	background-color: rgba(55,125,255,.1);
	background-image: linear-gradient(to right,#fff 25%,rgba(55,125,255,.1) 50%,#fff 75%);
	color: rgba(55,125,255,.1);
	height: 100%;
	width: 54%;
	-webkit-animation: .9s linear 0s infinite alternate move_eye;
	animation: .9s linear 0s infinite alternate move_eye;
}

@-webkit-keyframes move_eye {
	from {
		margin-left: -20%;
	}

	to {
		margin-left: 100%;
	}
}

@keyframes move_eye {
	from {
		margin-left: -20%;
	}

	to {
		margin-left: 100%;
	}
}

.polling_message {
	color: #fff;
	float: left;
	width: 100%;
	margin-right: 2%;
}

.view_port {
	height: 54px;
	width: 100%;
	overflow: hidden;
}

@media (max-width:576px) {
	#go-top {
		bottom: 66px;
		right: 9px;
	}

	::-webkit-scrollbar {
		width: 0;
		background: 0 0;
	}

	.photoGalleryImg {
		height: 90px !important;
	}

	.businessIcon {
		height: 180px !important;
		border-radius: 9px !important;
		object-fit: cover;
	}
}

.gradient-half-primary-body-v1 {
	background-image: linear-gradient(150deg,#2d1582 0,#19a0ff 100%);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

.gradient-half-primary-v1 {
	background-image: linear-gradient(150deg,#2d1582 0,#19a0ff 100%);
	background-repeat: repeat-x;
}

.gradient-half-primary-v3 {
	background-image: linear-gradient(0deg,rgba(55,125,255,.1) 0,transparent 100%);
	background-repeat: repeat-x;
}

.gradient-half-primary-v5 {
	background-image: linear-gradient(150deg,#377dff 0,#2d1582 100%);
	background-repeat: repeat-x;
}

.gradient-half-info-v1 {
	background-image: linear-gradient(0deg,#377dff 0,#00dffc 100%);
	background-repeat: repeat-x;
}

.gradient-half-warning-v2 {
	background-image: linear-gradient(150deg,#ffc107 0,#efa02e 100%);
	background-repeat: repeat-x;
}

.gradient-half-warning-v3 {
	background-image: linear-gradient(150deg,#ffc107 0,#de4437 100%);
	background-repeat: repeat-x;
}

#BusinessList h2 a:hover, #BusinessList h6 a:hover {
	color: #377dff !important;
}

.toporheader {
	width: 320px;
	height: 50px;
}

.maxHeight90 {
	width: 100%;
	height: 90px !important;
}

@media(min-width:480px) {
	.toporheader {
		width: 468px;
		height: 60px;
	}

	.maxHeight90 {
		width: 100%;
		height: 90px !important;
	}

	.bLogo {
		height: 45px;
	}
}

@media(min-width:768px) {
	.toporheader {
		width: 728px;
		height: 90px;
	}
	.maxHeight90 {
		width: 100%;
		height: 90px !important;
	}
	.bLogo {
		height: 60px;
	}
}

@media(min-width:1200px) {
	.toporheader {
		width: 970px;
		height: 90px;
		background-color: #fff !important;
	}

	.maxHeight90 {
		width: 100%;
		height: 90px !important;
	}

	.bLogo {
		height: 123px;
	}
}

.Spritecall, .Spritecategory, .Spritehome, .Spritelogin, .Spritemore {
	max-width: 100%;
	background-size: 100%;
	background-image: url(../Img/Sprite_Mobile_Menu.png);
}

.Spritecall {
	background-position: 0 0;
	background-size: 100%;
}

.Spritecategory {
	background-position: 0 25%;
	background-size: 100%;
}

.Spritehome {
	background-position: 0 50%;
	background-size: 100%;
}

.Spritelogin {
	background-position: 0 75%;
	background-size: 100%;
}

.Spritemore {
	background-position: 0 100%;
	background-size: 100%;
}

.Sprite-favorite, .Sprite-phone-call, .Sprite-right-arrow, .Sprite-send, .Sprite-share {
	max-width: 100%;
	background-size: 100%;
	background-image: url(../Img/MobIconForBusinessCall.png);
}

.Sprite-favorite {
	background-position: 0 0;
	background-size: 100%;
}

.Sprite-phone-call {
	background-position: 0 25%;
	background-size: 100%;
}

.Sprite-right-arrow {
	background-position: 0 50%;
	background-size: 100%;
}

.Sprite-send {
	background-position: 0 75%;
	background-size: 100%;
}

.Sprite-share {
	background-position: 0 100%;
	background-size: 100%;
}

.width24 {
	height: 24px;
	width: 24px;
}

.width33 {
	height: 33px;
	width: 33px;
}

.rounded-left {
	border-radius: 100px;
}

.rounded-right {
	border-radius: 100px;
}

.list-scrollable {
	padding-bottom: 0;
	position: relative;
	overflow: scroll;
}

	.list-scrollable ul {
		margin: 0;
		padding: 10px 0 15px;
		white-space: nowrap;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

		.list-scrollable ul li {
			list-style-type: none;
			margin: 0 8px;
			display: inline-block;
			border-radius: 6px;
			vertical-align: top;
		}

			.list-scrollable ul li.list-gallery .list-gallery-link {
				height: 180px;
			}

			.list-scrollable ul li .list-gallery-link {
				display: block;
				border-radius: 6px;
				position: relative;
				box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);
				text-decoration: none;
				width: 100%;
				background-color: #eaeaea;
			}

				.list-scrollable ul li .list-gallery-link img {
					height: 100%;
					width: 120px;
					border-radius: 6px;
					background-size: cover;
					object-fit: cover;
				}

	.list-gallery-overlay, .list-scrollable :after {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
	}

.list-gallery-overlay {
	height: 100%;
	background-image: linear-gradient(180deg,transparent,#111);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	border-radius: 0 0 6px 6px;
}

.list-gallery-info-block {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 12px 9px;
	box-sizing: border-box;
	white-space: normal;
}

.list-gallery-card-title {
	display: inline-block;
	box-sizing: border-box;
	white-space: normal;
	word-wrap: break-word;
}

	.list-gallery-card-title span {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

.list-gallery-card-title, .list-gallery-sub-title {
	display: block;
	margin: 0 0 2px;
}

.list-gallery-sub-title {
	font-weight: 400;
	font-size: 12px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-gallery {
	width: 120px;
}

.list-category, .list-category .list-gallery-link img {
	width: 213px !important;
}

	.list-category .list-gallery-overlay {
		background-image: linear-gradient(180deg,transparent,transparent,#111) !important;
	}

	.list-category .h6 {
		text-shadow: 1px 1px 2px black, 0 0 1em #666, 0 0 0.2em #666;
	}

.list-scrollable ul li.list-gallery.vwmoreli .list-gallery-link, .list-scrollable ul li.list-gallery.vwmoreli .list-gallery-link .list-gallery-overlay {
	background: 0 0;
	box-shadow: none;
}

.list-scrollable ul li.list-gallery.vwmoreli .list-gallery-link {
	text-align: center;
}

.list-scrollable ul li.list-gallery.vwmoreli .infoblock {
	bottom: 28px;
	color: #666;
}

.list-scrollable ul li.list-gallery.vwmoreli .list-gallery-link img {
	height: 50px;
	width: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	margin-left: -25px;
	left: 50%;
	z-index: 1;
}

.infoblock {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 12px 16px;
	box-sizing: border-box;
	white-space: normal;
}

.cardtitle {
	white-space: normal;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cardtitle, .offblock {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mobAddress li {
	display: table;
	border-bottom: 1px solid #bbb !important;
}

.mobAddress .list-group-item:last-child {
	border-bottom: 0 !important;
}

.mobAddress li img, .mobAddress li span {
	display: table-cell;
}

.mobAddress .fas {
	width: 27px !important;
	color: #000 !important;
}

.mobAddress .fac-Icon {
	color: #377dff !important;
}

#sendEnquiry .input-group-text, #sendReview .input-group-text {
	width: 45px !important;
	text-align: center !important;
}

/*For image box like jd*/

.height270 {
	height: 270px;
}

.height204 {
	height: 204px;
}

.height180 {
	height: 180px;
}

.height132 {
	height: 132px;
}

.height105 {
	height: 105px;
}

	.height105 .imgGallery-card-title {
		text-shadow: 1px 1px 2px black, 0 0 1em #666, 0 0 0.2em #666;
		font-weight: 500;
	}

.imgBox .divul {
	margin: 0;
	padding: 0px;
}


	.imgBox .divul .divli .imgGallery-link {
		display: block;
		border-radius: 6px;
		position: relative;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);
		background-color: #eaeaea;
		overflow: hidden;
	}

		.imgBox .divul .divli .imgGallery-link img {
			height: 100%;
			width: 100%;
			border-radius: 6px;
			background-size: cover;
			object-fit: cover;
			transition: 0.3s;
		}

.imgGallery-overlay, .imgBox :after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.imgGallery-overlay {
	height: 100%;
	background-image: linear-gradient(180deg,transparent,#111);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	border-radius: 0 0 6px 6px;
}

.imgGallery-info-block {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 12px 16px;
	box-sizing: border-box;
	white-space: normal;
}

.imgGallery-card-title {
	display: inline-block;
	box-sizing: border-box;
	white-space: normal;
	word-wrap: break-word;
}

	.imgGallery-card-title span {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

.imgGallery-card-title, .imgGallery-sub-title {
	display: block;
	margin: 0 0 1px;
}


.imgGallery-sub-title {
	font-weight: 400;
	font-size: 12px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.imgGallery {
	width: 100%;
}


.verify-icon {
	width: 21px;
	height: 21px;
	font-size: 21px;
	background-size: contain;
	display: inline-block;
	position: absolute;
	right: 8px;
	top: 8px;
	background-color: green;
	border-radius: 100px;
}
/*End image box*/

/*#region img box*/

.imgBoxWithMultiColor .divul {
	margin: 0;
	padding: 0px;
}


	.imgBoxWithMultiColor .divul .divli .imgGallery-link {
		display: block;
		position: relative;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		overflow: hidden;
	}

		.imgBoxWithMultiColor .divul .divli .imgGallery-link img {
			height: 100%;
			width: 100%;
			border-radius: 6px;
			background-size: cover;
			object-fit: cover;
			transition: 0.3s;
		}

.imgGallery:hover img {
	transform: scale(1.1);
}

.imgGallery-overlay, .imgBox :after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.imgGallery-overlay {
	height: 100%;
	background-image: linear-gradient(180deg,transparent,#111);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
	border-radius: 0 0 6px 6px;
}

.imgGallery-info-block {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	padding: 12px 16px;
	box-sizing: border-box;
	white-space: normal;
}

.imgGallery-card-title {
	display: inline-block;
	box-sizing: border-box;
	white-space: normal;
	word-wrap: break-word;
}

	.imgGallery-card-title span {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

.imgGallery-card-title, .imgGallery-sub-title {
	display: block;
	margin: 0 0 1px;
}


.imgGallery-sub-title {
	font-weight: 400;
	font-size: 12px;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
}

imgGallery {
	width: 100%;
}

.top-Right-Menu {
	background-size: contain;
	display: inline-block;
	position: absolute;
	right: 8px;
	top: 8px;
}

.bottom-Left-Menu {
	background-size: contain;
	display: inline-block;
	position: absolute;
	left: 8px;
	bottom: 8px;
}
/*#endregion img box*/


.bLogo {
	display: block;
	border-radius: 6px;
	position: relative;
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);*/
	background-color: #eaeaea;
	width: 100%;
}

	.bLogo img {
		height: 100%;
		width: 100%;
		border-radius: 6px;
		background-size: cover;
		object-fit: cover;
	}

.mainCategoryLink {
	display:block;
}

.mainCategoryLink:hover {
	background-color:rgba(55,125,255,.1);
}