html,
body {
	margin: 0;
	font-size: 15px;
	font-family: 'open sans', sans-serif;
	background: #fff;
	color: #444;
}

body a {
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #20A7AF;
}

a,
a:hover,
a :focus,
button,
button:hover,
button:focus {
	outline: 0 !important;
}

a:hover {
	text-decoration: none;
	color: #2cb9c2;
}

input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a,
button,
input {
	outline: 0;
}

h1,
h2,
h3 {
	margin: 0 0 15px 0;
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}


label {
	margin: 0;
	font-weight: 600;
	margin-bottom: 3px;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'open sans', sans-serif;
}

.inputCustom {
	border: 1px solid #d5d5d5;
	border-radius: 0;
	height: 45px;
	box-shadow: none;
	font-size: 1em;
	width: 100%;
	padding: 10px;
	font-weight: 500;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.inputHalf {
	width: 50% !important;
	float: left;
}

.inputHalf1 {
	width: 48.5% !important;
	/*float:left;*/
}

.inputHalf2 {
	width: 41.5% !important;
	/*float:left;*/
}

.inputCustom:focus {
	border: 1px solid #2cb9c2;
	box-shadow: none;
}

.btnCustom {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	background: #2cb9c2;
	padding: 10px 20px;
	display: inline-block;
	border: none;
	font-family: montserrat, sans-serif;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.select2-container .select2-selection--multiple {
	line-height: 1.9;
	min-height: 43px;
}

.btnCustom:hover,
.btnCustom:focus {
	background: #20a7af;
	text-decoration: none;
	color: #fff;
}

.btnSuccess {
	background: #35b30f !important;
}

.btnSuccess:hover,
.btnSuccess:focus {
	background: #2b9e07 !important;
}

.btnDanger {
	background: #d21d1d !important;
}
.noteMsg{
	text-align: justify;text-align-last: right;font-size: 13px;margin-top: -45px;
}

.btnDanger:hover,
.btnDanger:focus {
	background: #b10820 !important;
}

.btnCustomSM {
	padding: 5px 10px;
	font-size: 1em;
}

.btnCustomXS {
	padding: 3px 5px;
	font-size: 0.85em;
	text-transform: capitalize;
}

.btnCancel {
	background: #999;
}

.btnCancel:hover,
.btnCancel:focus {
	background: #666;
}

.searchLI {
	position: relative;
	top: 3px;
}

.btnSearch {
	background: none;
	border: none;
	position: absolute;
	right: 0;
	top: 12px;
	color: #333;
}

.subBtn {
	padding: 10px !important;
}

.form-control::-moz-placeholder {
	color: #ccc;
}

.form-control:focus::-moz-placeholder {
	color: #2cb9c2;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.plainRow {
	width: 100%;
	clear: both;
	float: left;
}

.noPadding {
	padding: 0 !important;
}
.noPadding img{
	width:100% !important;
}

.noLeftPadding {
	padding-left: 0 !important;
}

.noRighttPadding {
	padding-right: 0 !important;
}

.noMargin {
	margin: 0 !important;
}

.noBorder {
	border: none !important;
}

.font18 {
	font-size: 1.2em;
}

/*-- header --*/
.errorMessage {
	background: #ffbcbc;
	border: 1px solid #e17e7e;
	padding: 5px;
	color: #595959 !important;
	text-align: left !important;
	margin: 0 0 10px 0 !important;
}

.successMessage {
	background: #b6fca6;
	border: 1px solid #6fcf58;
	padding: 5px;
	color: #595959 !important;
	text-align: left !important;
	margin: 0 0 10px 0 !important;
}

.bluecolor {
	color: #20a7af !important;
}

/*** checked state ***/
.checkBox {
	position: relative;
	display: inline-block;
	margin-left: 0;
	margin-right: 20px;
}

.checkBox:first-child {
	margin-left: 0;
	margin: 0;
}

.checkBox {
	padding-left: 30px;
	line-height: 28px;
	color: #404040;
	cursor: pointer;
}

.checkBox input[type="checkbox"] {
	position: absolute;
	left: -9999px;
}

.checkBox label {
	font-weight: 200;
}

.checkBox-btns label {
	font-size: 14px;
	color: #000;
	padding: 0px 0 0 10px;
	font-weight: 100;
}

.checkBox i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	outline: none;
	border: 3px solid #444444;
	background: #fff;
	cursor: pointer;
}

.checkBox i {
	border-radius: 5px;
}

.checkBox input+i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}

.checkBox input+i:after {
	content: '';
	top: 6px;
	left: 7px;
	width: 5px;
	height: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}

.checkBox input:checked+i:after {
	opacity: 1;
}

label.checkbox {
	width: 28%;
	floaT: left;
}

.checkBox input+i:after {
	content: '';
	background: url("http://assetstracker.in/a2zeref/assets/images/mark1.png") no-repeat center;
	top: 1px;
	left: 1px;
	width: 9px;
	height: 9px;
	text-align: center;
}

.checkBox input:checked+i {
	border: 3px solid #169595;
	background: #fff;
}

.radio {
	position: relative;
	display: inline-block;
	margin-left: 0;
}

.radio {
	padding-left: 22px;
	line-height: 28px;
	color: #404040;
	cursor: pointer;
}

.radio input[type="radio"] {
	position: absolute;
	left: -9999px;
}

.radio label {
	font-size: 1.3em;
	padding-left: 10px;
}

.radio-btns label {
	font-size: 20px;
	color: #000;
	padding: 0px 0 0 10px;
	font-weight: 200;
}

.radio i {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 18px;
	height: 18px;
	outline: none;
	border: 3px solid #FDA30E;
	background: #fff;
	cursor: pointer;
}

.radio i {
	border-radius: 50%;
}

.radio input+i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}

.radio input+i:after {
	content: '';
	top: 6px;
	left: 7px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}

.radio input:checked+i:after {
	opacity: 1;
}

label.checkbox {
	width: 28%;
	floaT: left;
}

/*** normal state ***/
.radio i {
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
}

/*** checked state ***/
.radio input+i:after {
	content: '';
	background: url("http://assetstracker.in/a2zeref/assets/images/tick-mark1.png") no-repeat center;
	top: 1px;
	left: 1px;
	width: 9px;
	height: 9px;
	text-align: center;
}

.radio input:checked+i {
	border: 3px solid #FDA30E;
	background: #fff;
}

.checkDate .checkBox label {
	color: #2CB9C2;
	font-weight: 500 !important;
	font-size: 1.2em;
}

.avaiTime {
	margin-left: 0px;
	position: relative;
	width: 52.5%;
}

.avaiTime::before {
	position: absolute;
	left: -22px;
	height: 100%;
	width: 2px;
	background: #63C6DB;
	content: "";
	z-index: 999;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top{
    position: relative !important;
	top: 0;
	left: 0;
    z-index: 9999 !important;
}

.dateWiseBlock {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 100%;
	font-size: 15px;
	line-height: 1.8;
}

.dateWiseBlock .checkDate .checkBox label {
	color: #014570;
	font-weight: 600 !important;
}

/*-- //header --*/
/* CSS used here will be applied after bootstrap.css */
.navbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.9) !important;
	padding: 10px 0;
	border-bottom: none;
}

.navbarInner {
	position: relative !important;
	top: 0;
	left: 0;
	padding-top: 20px;
	right: 0;
	background: rgba(255, 255, 255, 0.9) !important;
	padding: 10px 0;
	border-bottom: none;
	box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
	-o-box-shadow: 0 1px 3px #ccc;
	-moz-box-shadow: 0 1px 3px #ccc;
	-ms-box-shadow: 0 1px 3px #ccc;
}

.navInner .navbar-nav>li>a {
	color: #333 !important;
}

/* CSS used here will be applied after bootstrap.css */
.navbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.navbar-default.transparent {
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
	color: #333;
	font-weight: 600;
	margin-top: 10px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #2cb9c2 !important;
}

.dropdown-custom>.dropdown-menu {
	min-width: 220px;
	padding: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	background: none;
	color: #2cb9c2 !important;
}

.dropdown-custom>.dropdown-menu ul li {
	border-bottom: 1px solid #eee;
}

.dropdown-custom>.dropdown-menu ul li a {
	padding: 15px 10px;
	display: block;
}

.dropdown-custom>.dropdown-menu ul li a:hover {
	background: #2cb9c2 !important;
	color: #fff;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 10px;
}

.dropdown-custom>.dropdown-menu ul li:last-child {
	border-bottom: none;
}

#myAccountSmallView {
	display: none;
}

.slide {
	min-height: 1000px;
	background-size: cover;
	background-position: center center;
}

.slide {
	min-height: 710px;
	background-size: cover;
	background-position: center center;
}

.starFill {
	color: #DBBA00;
	margin-top: -7px;
	font-size: 0.8em;
	vertical-align: middle;
}

.inputBlock {
	background: #fff;
	border: 1px solid #e2e2e2;
	padding: 15px;
	float: left;
	width: 100%;
	clear: both;
	min-height: 205px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.serviceType p {
	margin-bottom: 8px;
}

.findBestProvider label.labelText {
	font-weight: 600;
	margin-bottom: 10px;
}

.findBestProvider .select2-container--default .select2-selection--multiple .select2-selection__choice {
	line-height: 1.4;
	font-size: 0.8em;
}

/*
.slide1 {
	background-image: url("../images/banner-1.jpg");
}
.slide2 {
	background-image: url("../images/banner-2.jpg");
}
.slide3 {
	background-image: url("../images/banner-3.jpg");
}
*
/* Carousel Fade Effect */
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	opacity: .5;
}

.carousel.carousel-fade .active.item {
	opacity: 1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel-overlay {
	position: absolute;
	top: 21%;
	color: #484848;
	left: 0;
	right: 0;
}

.headerCarousel {
	margin-bottom: 50px;
}

.logo {
	width: 90px;
}

.logoimg {
	width: 65px;
}

.findBestProvider {
	background: rgba(255, 255, 255, 0.8);
	width: 78%;
	padding: 23px 18px 19px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border: #e1d4d408;
    border-style: solid;
    border-bottom-color: #2cb9c2;
    border-width: thin;
    border-right-color: #2cb9c2;
	float: right;
}

.photoCredit{
	float: right;
    margin-top: 13px;
    width: 100%;
}
.photoCredit span{
	float: right;
	 color:white;
}
.photoCredit a{
	
	 color:white !important;
}

.bannerTitle {
	font-weight: 600;
	font-size: 2.5em;
	text-align: center;
	margin-bottom: 20px;
	text-transform: uppercase;
	padding-bottom: 20px;
	color: #014570;
	border-bottom: 1px solid #014570;
}

.findBestProvider .form-group {
	margin-bottom: 19px;
}

label.labelText {
	font-size: 0.9em;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: block;
}

.heading {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	color: #2cb9c2;
}

.homeHeading {
	font-size: 2em;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 30px 0;
	color: #014570;
	text-align: center;
}

.navbar-brand img {
	width: 200px;
	margin-top: -10px;
}

.topCategoriesSec {
	margin: 0 0 50px 0;
	float: left;
	width: 100%;
}

.topCategories {
	border: 1px solid #eee;
	width: 24.2%;
	float: left;
	margin: 0 1% 20px 0;
	border-radius: 11px;
	overflow: hidden;
	box-shadow: 0 0 10px #e2e2e2;
	position: relative;

}



.topCategories .overlay {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9;
	padding-top: 30%;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.topCategories .overlay:hover {
	background: rgba(0, 0, 0, 0.2);
}

.topCategories h3 {
	font-size: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.4;
	color: #fff;
	text-shadow: 0 0 10px #333;
}

.serviceCount {
	border-radius: 15px;
	margin: 0 auto;
	background: #2CB9C2;
	color: #fff;
	text-align: center;
	padding: 5px;
	width: 100px;
}

.providerInfo {
	background: #f5f5f5;
	padding: 10px 20px;
	line-height: 2;
}

.dateTimeSlot {
	border: 1px dotted #d5d5d5;
	padding: 5px 15px 10px;
}

.dateTimeSlot .dateWiseBlock {
	width: 100%;
	clear: both;
	padding: 5px 15px;
	background: #e8f6ff;
	clear: both;
	margin-bottom: 5px;
}

.dateTimeSlot h4 {
	color: #2CB9C2;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 1.1em;
	font-weight: 400;
}

.lightSection {
	background: #f5f5f5;
	padding: 50px 0 0;
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 50px;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.servicesCol {
	border: 1px solid #eee;
	width: 96%;
	float: left;
	margin: 0 2% 2% 0;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	border-radius: 5px;
}

.servicesCol:hover {
	box-shadow: 0 0 10px #c5c5c5;
}

.servicesFixCol {
	width: 23.5%;
	margin: 0 2% 0 0;
	float: left;
}

.catservice {
	width: 22.5%;
	margin: 0 2% 2% 0;
	float: left;
}

.servicesFixCol:last-child {
	margin: 0 0 0 0;
}

.servicesFixCol .serviceInfo {
	bottom: 0;
}

.serviceInfo {
	position: relative;
	bottom: 0;
	min-height: 110px;
	background: #fff;
	width: 100%;
	color: #333;
	padding: 10px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	line-height: 1.6;
}

.ratingStar {
	color: #DBBA00;
}

.mt-20 {
	margin-top: 20px;
}

.serProvName {
	margin-bottom: 10px !important;
	font-size: 1.2em;
	font-weight: 600;
	color: #2CB9C2;
}

.serviceName {
	margin-bottom: 5px !important;
	font-weight: 600;
}

.servicePrice {
	background: #fff;
	padding: 3px !important;
	color: #444;
	margin: 10px 0 5px !important;
}

.topSerCol .serviceInfo {
	bottom: 0;
}

.footer {
	background: #014570;
	padding: 20px 0 0 0;
	color: #fff;
	float: left;
	clear: both;
	width: 100%;
}

.footerTitle {
	font-size: 1.3em;
	font-weight: 400;
	color: #fff;
	margin-bottom: 15px;
	font-family: montserrat, sans-serif;
	text-align: center;
	position: relative;
}

.footerTitle::after {
	background: #0d649b;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
	z-index: 1;
}

.footerTitle span {
	background: #014570;
	padding: 0 10px;
	position: relative;
	z-index: 11;
}

.footerLinks ul {
	margin: 0 0 25px;
	text-align: center;
}

.footerLinks li {
	list-style: none;
	padding: 5px 10px 5px 0;
	display: inline-block;
	position: relative;
}

.footerLinks li::after {
	content: "|";
	padding: 0 0 0 10px;
	color: #999;
}

.footerLinks li:last-child::after {
	content: "";
}

.footerLinks li a {
	color: #fff;
	font-size: 0.9em;
}

.connectRow {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 8px 0 10px 0;
}

.connectRow a {
	width: 25px;
	height: 20px;
	color: #fff;
	font-size: 1.3em;
	display: inline-block;
	text-align: center;
}

.connectRow a:hover,
.connectRow a:focus {
	color: #FDA30E;
}

.storeInfo {
	margin-bottom: 20px;
}

.storeInfo li {
	list-style: none;
	padding: 10px 0;
}

.storeInfo li a {
	text-decoration: underline;
	color: #fff;
}

.storeInfo li i {
	margin-right: 5px;
}

.footerBtm {
	background: #00314f;
	color: #fff;
	padding: 15px 0;
	margin-top: 0;
}

.copyright {
	text-align: center;
	font-size: 0.9em;
	margin: 0;
}

.productNameDetails {
	font-size: 3em;
	font-weight: 200;
	color: #2cb9c2;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.subheading {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0 0 20px 0;
	color: #333;
}

.catNameDetails {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 40px;
}

.detailRightCol {
	padding-left: 60px;
	padding-right: 0;
}

.detailRightColCat {
	padding: 29px;
	background: #edfcff;
	min-height: 442px;
}

.serviceProviSec {
	background: #f5f5f5;
	padding: 40px 0 20px;
	margin-bottom: 0 !important
}

.mapProvider {
	border: 2px solid #fff;
	margin-top: 15px;
}

.detailRow {
	border-bottom: 1px dashed #ccc;
	padding: 0;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	clear: both;
}

.aboutHostRow {
	padding-bottom: 10px;
	min-height: 250px;
}

.infoListRow {
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 30px 0;
}

.infoList {
	padding: 10px 0;
	float: left;
	width: 100%;
}

.infoList .infoI {
	width: 30px;
	font-size: 1.2em;
	margin-right: 10px;
	color: #999;
	padding-right: 10px;
	border-right: 1px solid #dfdfdf;
	vertical-align: middle;
}

.detailInfoCategori {
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
}

.detailInfoCategori .infoI {
	position: absolute;
	left: 0;
	top: 15px;
}

.detailInfo {
	position: relative;
	padding-left: 60px;
	margin-bottom: 20px;
}

.detailInfo .infoI {
	position: absolute;
	left: 0;
}

.detailsDescContact {
	line-height: 1.6;
	padding-left: 130px;
	position: relative;
}

.contactBox {
	position: absolute;
	left: 0;
	top: 10px;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
	margin-right: 30px;
}

.contactHost {
	width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	margin: 0 auto;
}

.detailsDesc {
	line-height: 1.6;
}

.portFolioRow {
	background: #f9f9f9 url(../images/gallery-bg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0;
	margin: 30px 0;
}

.photoHading {
	display: block;
	text-align: center;
	margin-top: 25%;
}

.headingLarge::after {
	width: 50px;
	content: " ";
	height: 2px;
	background: #333;
	position: absolute;
	bottom: -20px;
	margin-top: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.headingLarge {
	font-size: 2.2em;
	font-weight: bold;
	position: relative;
	margin-bottom: 40px;
	text-transform: uppercase;
	color: #2CB9C2;
	text-align: center;
}

.photosImg {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border: 5px solid #fff;
	width: 300px;
	height: 300px;
}

.photosImgRight {
	float: right;
}

.reviewSection {
	margin-bottom: 50px;
}

.reviewList {
	border: 1px solid #e5e5e5;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	margin: 20px 0 0 0;
	padding-left: 120px;
	position: relative;
	min-height: 140px;
	text-align: left;
}

.reviewUser {
	position: absolute !important;
	left: 20px;
	top: 20px;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #ccc;
	margin-right: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.reviewText {
	font-style: italic;
	font-size: 1em;
}

.viewMoreLink {
	display: inline-block;
	text-align: center;
	border: 1px solid #2CB9C2;
	padding: 8px 10px;
	font-size: 0.85em;
	margin: 20px auto 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.viewMoreLink:hover,
.viewMoreLink:focus {
	background: #2CB9C2;
	color: #fff;
}

.detailSlider .nbs-flexisel-nav-right {
	right: 0;
}

.shareIconSp,
.likeIconSp {
	border: 1px solid #eee;
	padding: 10px 15px;
	text-align: center;
	color: #2cb9c2;
	margin: 10px 0 0 0;
	font-size: 1.1em;
	display: inline-block;
}

.shareIconSp:hover,
.likeIconSp:hover {
	border: 1px solid #2cb9c2;
}

.avaiUpcoming {
	border: 1px solid #e5e5e5;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	margin: 20px 0 0 0;
	position: relative;
	min-height: 150px;
}

.avaiButtn {
	border-top: 1px solid #eee;
	padding-top: 20px;
}

.looksRow {
	margin: 20px 0 50px;
}

.boxBtm {
	min-height: 100px;
	padding: 30px;
}

.box-1,
.box-2 {
	border-bottom: 1px solid #e5e5e5;
}

.box-1,
.box-3 {
	border-right: 1px solid #e5e5e5;
}

.box-1::after {
	content: "\25C9";
	position: absolute;
	right: -6px;
	top: -6px;
	color: #2CB9C2;
}

.box-2::after {
	content: "\25C9";
	position: absolute;
	right: -6px;
	bottom: -10px;
	color: #2CB9C2;
}

.box-3::before {
	content: "\25C9";
	position: absolute;
	left: -6px;
	top: -12px;
	color: #2CB9C2;
}

.box-3::after {
	content: "\25C9";
	position: absolute;
	right: -6px;
	top: -12px;
	color: #2CB9C2;
}

.box-4::after {
	content: "\25C9";
	position: absolute;
	left: -6px;
	bottom: -6px;
	color: #2CB9C2;
}

.aboutServices {
	margin-bottom: 20px;
}

.aboutServices ul li {
	list-style: none;
	padding: 5px 0;
}

.aboutServices ul li::before {
	content: "\25C8";
	padding-right: 5px;
}

.aboutServices ul {
	margin-top: 10px;
}

.aboutServices .subheading {
	margin-bottom: 10px;
}

.dateAvaiBlock {
	padding-left: 40px;
	padding-right: 0;
}

.paddingRightNone {
	padding-right: 0;
}

.availableDates {
	height: 500px;
	width: 100% !important;
	overflow: overlay;
	border: 1px solid #eee;
	padding: 20px;
	margin: 20px 0;
}

.upcomingDates {
	border: 1px solid #d5d5d5;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 50px;
}

.upcomingDates h2 {
	font-size: 1.3em;
	color: #014570;
}

.upcomingDates .fc-widget-content .fc-day-grid-container {
	height: auto !important;
}

.upcomingDates .simplebar-wrapper {
	height: fit-content;
	max-height: fit-content;
	max-width: fit-content !important;

}

body .upcomingDates .fc {
	font-size: 0.85em;
}

.upcomingDates .fc h2 {
	font-size: 1.3em;
	background: #f5f5f5;
	padding: 10px;
	font-weight: 600;
	color: #2CB9C2;
	margin-top: 15px;
}

.upcomingDates .headingRow {
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 30px;
	padding-bottom: 0;
}

.upcomingDates .fc-icon,
.upcomingDates .fc button {
	font-size: 0.85em;
}

.name_initial {
	border-radius: 100%;
	color: #fff;
	background-color: #2CB9C2;
	padding: 15px;
	font-size: 25px;
	font-weight: bold;
}

.name_initial1 {
	color: #fff;
	background-color: #2CB9C2;
	padding: 15px;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}

.name_initial_modal {
	position: absolute;
	color: #fff;
	background-color: #2CB9C2;
	padding: 14px;
	font-weight: bold;
	text-align: center;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}

.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	list-style-type: none;
	text-align: center;
	overflow: auto;
}

.nbs-flexisel-inner {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
}

.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: auto;
}

.nbs-flexisel-item img {
	max-width: 100%;
	cursor: pointer;
	position: relative;
}

/*** Navigation ***/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	padding: 5px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	position: absolute;
	cursor: pointer;
	z-index: 4;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.nbs-flexisel-nav-left {
	left: 0;
	background: url(../images/prev.png);
	width: 35px;
	height: 53px;
}

.nbs-flexisel-nav-left.disabled {
	opacity: 0.4;
}

.nbs-flexisel-nav-right {
	right: 10px;
	background: url(../images/next.png);
	width: 35px;
	height: 53px;
}

.nbs-flexisel-nav-right.disabled {
	opacity: 0.4;
}

.navbar-toggle {
	background: #fff;
}

.innerSection {
	margin-bottom: 30px;
}

.titleRow {
	background: #2CB9C2;
	padding: 30px 0;
	margin-bottom: 30px;
	position: relative;
	margin-bottom: 50px;
	border-top: 3px solid #0b848c;
}

.titleRow::after {
	position: absolute;
	content: "";
	bottom: -20px;
	top: auto;
	width: 0;
	height: 0;
	text-align: center;
	border-style: solid;
	border-width: 25px 25px 0 25px;
	border-color: #2CB9C2 transparent transparent;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.pageHeading {
	font-size: 3em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	z-index: 999;
}

.breadcrumb {
	position: relative;
	z-index: 999;
	background: none;
	text-align: center;
	padding: 0;
}

.breadcrumb a {
	color: #fff;
}

.breadcrumb li.active {
	color: #444;
}

.lead {
	font-size: 1.4em;
}

.aboutUsmain {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border: 10px solid #eee;
}

.whyJoinUs {
	background: url("../images/why-join-banner.jpg") no-repeat 0 0 /cover;
	padding: 50px;
	margin-bottom: 50px;
	color: #fff;
}

.bigHeading {
	font-size: 2.5em;
	font-weight: 600;
	color: #2CB9C2;
	text-align: center;
	margin-bottom: 40px;
}

.step1 {
	background: #3f961d;
}

.step2 {
	background: #54af30;
}

.step3 {
	background: #6bc547;
}

.step1,
.step2,
.step3 {
	padding: 20px;
	color: #fff;
	position: relative;
	border-radius: 0 0 50px 0;
	-webkit-border-radius: 0 0 50px 0;
	-o-border-radius: 0 0 50px 0;
	-moz-border-radius: 0 0 50px 0;
	-ms-border-radius: 0 0 50px 0;
	min-height: 250px;
}

.step1::before,
.step2::before,
.step3::before {
	width: 120px;
	height: 5px;
	content: "";
	background: #222;
	position: absolute;
	top: 0;
	left: 0;
}

.stepsRow {
	margin-bottom: 40px;
}

.stepsRow h3 {
	font-weight: 600;
	text-transform: uppercase;
}

.stepsRow p {
	font-size: 1.2em;
}

.cmsPages {
	line-height: 1.6;
	text-align: justify;
}

.cmsPages h2 {
	font-size: 1.5em;
	font-weight: bold;
	text-transform: capitalize;
	margin: 20px 0;
	color: #333;
}

.cmsPages h3 {
	font-size: 1.3em;
	font-weight: bold;
	text-transform: capitalize;
	margin: 20px 0;
	color: #333;
}

.cmsPages ul {
	margin: 0;
	padding: 0;
}

.cmsPages ul li {
	list-style: none;
	padding: 0;
	margin-bottom: 10px;
	color: #444;
}

.cmsPages ul li::before {
	content: "\25C8";
	padding-right: 5px;
	float: left;
}

.cmsPages ul li a {
	color: #FDA30E;
	text-decoration: none;
}

.faqPanel .panel-default>.panel-heading {
	background: #fff;
}

.faqPanel .panel-default>.panel-heading .panel-title {
	font-size: 1.6em;
	padding: 10px 20px;
	font-weight: 500;
	color: #2CB9C2;
}

.faqPanel .panel-default>.panel-heading .panel-title a:focus {
	text-decoration: none;
}

.faqPanel .panel-default .panel-body {
	padding: 30px;
}

.contactForm {
	border: 1px solid #eee;
	padding: 30px;
	position: relative;
	width: 70%;
}

.contactAddress {
	border: 1px solid #eee;
	background: #f5f5f5;
	height: 90%;
	top: 5%;
	position: absolute;
	right: -340px;
	width: 400px;
}

.required {
	color: #c81313;
	font-size: 1em;
}

.contactAddress {
	text-align: center;
	padding: 30px 15px;
	color: #444;
}

/* .contactAddress .subheading {} */

address {
	line-height: 1.8;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 30px;
}

address strong {
	font-size: 1.6em;
	color: #2CB9C2;
}

.map {
	border: 1px solid #ccc;
	margin-top: 50px;
}

.map iframe {
	width: 100%;
	height: 350px;
}

/*Services*/
.servicesStepRow {
	margin: 0 0 20px 0;
	width: 100%;
	margin-left: 0;
	margin-bottom: 50px;
	float: left;
}

.servicesStep {
	padding: 20px;
	border-bottom: 2px solid #ccc;
	float: left;
	width: 23%;
	margin: 0 2% 0 0;
	text-align: center;
	font-size: 1.3em;
	font-weight: 600;
	text-transform: uppercase;
	color: #222;
}

.activeSer,
.servicesStep:hover {
	border-bottom: 2px solid #2CB9C2;
	position: relative;
	color: #2CB9C2;
	text-decoration: none;
}

.activeSer::after,
.servicesStep:hover::after {
	content: "\25BC";
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: #2CB9C2;
}

.galleryPhotoUpload {
	background: #eee;
	border: 1px dashed #999;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	font-size: 1.3em;
	margin-bottom: 10px;
}

.serviceContent {
	margin-bottom: 30px;
}

.serviceMap iframe {
	height: 300px;
	width: 100%;
	margin-bottom: 20px;
}

.subtitle {
	font-size: 1.5em;
	color: #2CB9C2;
	font-weight: bold;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.prdtitle {
	font-size: 1.2em;
	color: #2CB9C2;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: capitalize;
	min-height: 35px;
}

.imageHolder {
	position: relative;
	margin-bottom: 15px;
}

.imageHolder a {
	position: absolute;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	color: #fff;
	text-align: center;
	display: block;
	padding: 5px;
}

.coverPhotoHolder {
	margin-bottom: 20px;
}

.coverPhoto {
	position: relative;
}

.coverPhoto label {
	margin: 0;
}

.coverPhoto a {
	position: absolute;
	right: 0;
	bottom: 5px;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	color: #fff;
	text-align: center;
	display: block;
	padding: 5px;
}

.galleryPhoto {
	margin-bottom: 30px;
}

.dot {
	float: right;
}

.detailsBox {
	padding: 10px;
	border: 1px solid #eee;
	float: left;
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

.serviceDetailsSection {
	margin-top: 20px;

}

.serviceDetailCoverPhoto {
	border: 1px solid #eee;
	margin-bottom: 20px;
	padding: 15px;
}

.serviceDetails input {
	margin-top: 20px;
}

/*
.serviceDetailCoverPhoto img{
	max-width:170px;
	border-radius:15px;
}*/


.serDetailsTitleRow {
	position: relative;
}

.serDetailsTitleRow .editBtn {
	position: absolute;
	right: 0;
	top: 0;
}

.detailsBoxService {
	box-shadow: 0 0 10px #e5e5e5;
	margin-bottom: 40px;
	padding: 20px !important;
}



.myServices {
	background: #f5f5f5;
	padding: 15px 0 0 0;
	margin-bottom: 30px;
	border: 1px solid #f5f5f5;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}

.myServices:hover {
	border: 1px solid #666666;
}

.serviceNumber {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	font-size: 4em;
	text-align: center;
	color: #2CB9C2;
	font-weight: bold;
	background: #fff;
	width: 120px;
	height: 120px;
	padding: 17px;
	margin: 0 auto;
	border: 1px solid #e5e5e5;
}

.verified {
	padding: 20px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	float: left;
	background: #666;
}

.verifiedNot {
	padding: 20px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	float: left;
	background: #444;
}

.dashBox {
	background: #e2f6ff;
	text-align: center;
	padding: 50px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border: 1px solid #95c0d2;
	margin-bottom: 20px;
	display: block;
	text-decoration: none;
}

.dashBox:hover {
	text-decoration: none;
	background: #222;
	border: 1px solid #222;
	color: #fff;
}

.dashBox h4 {
	font-size: 1.1em;
}

.countNumber {
	font-size: 3em;
	font-weight: bold;
}

.verified,
.verifiedNot {
	width: 50%;
	float: left;
}

.myAccountRight {
	padding-left: 50px;
	padding-right: 0;
}

.myAccountLeftPanel {
	float: left;
	width: 100%;
}

.myAccountList {
	border: 1px solid #eee;
}

.myAccountList li {
	display: block;
	border-bottom: 1px solid #eee;
	position: relative;
}

.myAccountList li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.myAccountList li a {
	padding: 15px;
	display: block;
	color: #222;
	text-decoration: none;
	font-weight: 600;
}

.myAccountList li.active a,
.myAccountList li a:hover {
	background: #2CB9C2;
	color: #fff;
}

.myAccountList li.active a::after,
.myAccountList li a:hover::after {
	font-family: 'Glyphicons Halflings';
	content: "\25B6" !important;
	color: #2CB9C2;
	right: -10px;
	top: 12px;
	bottom: 0;
	position: absolute;
}

.myServicesBoxFull {
	border: 1px solid #eee;
	width: 100%;
	margin: 0 0 2% 0;
	padding: 15px;
	float: left;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;

}

.myAccountRight .favouriteBox {
	min-height: 240px;
}

.myServicesBoxFull:hover {
	border: 1px solid #2CB9C2;
}

.myServicesBox {
	border: 1px solid #eee;
	width: 49%;
	margin: 0 2% 2% 0;
	padding: 15px;
	float: left;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	position: relative;
	min-height: 315px;
}

.myServicesBox:hover {
	border: 1px solid #2CB9C2;
}

.myServicesBox:nth-child(even) {
	width: 49%;
	margin: 0 0 2% 0;
}

.myServicesBox .subtitle {
	padding-right: 50px;
}

.blackText {
	color: #444;
}

.favIcon {
	position: absolute;
	right: 10px;
	top: 10px;
}

.myServiceContent {
	position: relative;
	padding-left: 120px;
}

.verified a,
.verifiedNot a {
	color: #fff;
}

.gallery {
	position: absolute;
	left: 0;
	width: 100px;
	background: #eee;
}

.gallery .imgHolder {
	position: relative;
}

.galleryCount {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	padding-top: 22%;
	font-weight: bold;
}

.serBoxBtm {
	border-top: 1px solid #eee;
	padding-top: 15px;
}

.serBoxComplete {
	border-top: none !important;
	padding-top: 0 !important;
}

.verService {
	color: #18a102;
	font-weight: bold;
}

.notVerService {
	color: #c80000;
	font-weight: bold;
}

.addGallery {
	padding: 2px;
	text-align: center;
	font-size: 0.8em;
	display: block;
}

.addGallery:hover {
	color: #444;
}

.userMenuImg {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}

.profilePhoto {
	position: relative;
	margin-bottom: 50px;
}

.profilePhoto img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	margin-bottom: 10px;
}

.changePic {
	/*position:absolute;*/
	bottom: 30px;
	left: 0;
	right: 0;
	text-align: center;
	margin-bottom: 10px;
	color: #000;
}

.chatBtn {
	display: inline-block;
	float: right;
	vertical-align: middle;
}

.chatSec .panel-primary>.panel-heading {
	color: #fff;
	background-color: #2CB9C2;
	border-color: #2CB9C2;
}

.chatSec .panel-primary {
	border-color: #2CB9C2;
}

.close {
	background: #014570 !important;
	position: absolute;
	right: 0;
	top: -30px;
	color: #fff;
	text-shadow: none;
	width: 38px;
	opacity: 1;
	height: 40px;
	font-size: 2em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

.close:hover,
.close:focus {
	opacity: 1;
	color: #0B848C;
}

.userImg {
	height: 45px;
	width: 45px;
}

.coverImage {
	margin: 0;
	position: relative;
}

.coverImageHeading {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.3);
	text-align: center;
}

.likeBtnCol {
	position: absolute;
	top: 0;
	left: auto;
	right: 10px;

}

.requestBtn {
	float: right;
	margin-top: -10px;
}

.likeBtnCol .likeIconSp {
	background: #fff;
}

.coverImageHeading .catNameDetails {
	color: #fff;
	margin: 10px;
}

.coverImageHeading .productNameDetails {
	text-transform: uppercase;
	font-size: 2.5em;
	color: #fff;
	font-weight: 600;
}


@media only screen and (min-width: 1025px) and (max-width: 2000px) {

	.topCategories:nth-child(4),
.topCategories:nth-child(8) {
	margin: 0 0 0 0;
}
	.carousel-overlay {
		left: 0px;
	}
	.headerMsg{
		float: right; 
		   margin-top: -30px; 		     
			  font-size: 29px;
			     color: #2497ac;
	}
	.mytownInfo {
		background: rgba(255, 255, 255, 0.8);
		width: 20%;
		padding: 16px 5px 20px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border: #e1d4d408;
		border-style: solid;
		border-bottom-color: #2cb9c2;
		border-width: thin;
		border-right-color: #2cb9c2;
		float: left;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
	.topCategories:nth-child(4),
.topCategories:nth-child(8) {
	margin: 0 0 0 0;
}
	/* .carousel-overlay {
		left: 100px;
	} */

	.contactAddress {
		right: -280px;
		width: 340px;
	}
	.mytownInfo {
		background: rgba(255, 255, 255, 0.8);
		width: 20%;
		padding: 12px 5px 12px;
    font-size: 14px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border: #e1d4d408;
		border-style: solid;
		border-bottom-color: #2cb9c2;
		border-width: thin;
		border-right-color: #2cb9c2;
		float: left;
	}
	.headerMsg{
		float: right; 
		   margin-top: -30px; 
		      font-size: 27px; 
			     color: #2497ac;
	}
}
/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

	
	.carousel-overlay {
		position: absolute;
		top: 17%;
		color: #484848;
		left: 25px;
		right: 0;
		/* height: 297px; */
	}
	.carousel-overlay ::-webkit-scrollbar {
		width: 5px !important;
		background-color: #F5F5F5;
	}
	.findBestProvider form .col-md-12 {
		float: left;
	}
	.mytownInfo {
		background: rgba(255, 255, 255, 0.8);
		width: 32%;
		height: 570px;
		padding: 16px 5px 20px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border: #e1d4d408;
		border-style: solid;
		border-bottom-color: #2cb9c2;
		border-width: thin;
		border-right-color: #2cb9c2;
		float: left;
		margin-left: -30px;
	}
	.findBestProvider {
		background: rgba(255, 255, 255, 0.8);
		width: 70%;
		padding: 23px 18px 19px;
		height: 570px;
		overflow-y: scroll;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border: #e1d4d408;
		border-style: solid;
		border-bottom-color: #2cb9c2;
		border-width: thin;
		border-right-color: #2cb9c2;
		float: right;
	}
	.headerMsg{
		float: right; 
		margin: -5% 0 0 15%;
		line-height: 25px; 
			  font-size: 26px;
			     color: #2497ac;
				 text-align: center;
	}
	.photoCredit{
		float: right;
		margin-top: 0px;
		width: 100%;
	}
	.favouriteBox,
	.myServicesBox:nth-child(even) {
		width: 100%;
	}
	.myServicesBox {
		
		width: 100% !important;
		
	}

	.servicesFixCol,
	.topCategories {
		width: 48%;
		margin: 0 2% 10px 0;
	}

	.contactAddress {
		right: -220px;
		width: 290px;
	}

	.map {
		margin-top: 40px;
	}

	.servicesStepRow {
		width: 100%;
		clear: both;
		float: left;
		margin: 0;
	}

	.servicesStepRow .servicesStep {
		padding: 10px 5px;
		font-size: 1.3em;
		text-align: center;
		margin-bottom: 30px;
	}

	.activeSer::after,
	.servicesStep:hover::after {
		bottom: -20px;
	}

	.dateAvaiBlock {
		padding-left: 50px;
	}
}
/*Mobile View*/
@media only screen and (min-width: 568px) and (max-width: 767px) {
	.headerMsg{
		float: right; 
		margin-top: -32px;
		margin-left: 97px; 
		font-size: 16px;
			     color: #2497ac;
	}
	.mytownInfo {
		background: rgba(255, 255, 255, 0.8);
		width: 91%;
		margin: -434px 6% 6% 6% !important;
		padding: 16px 5px 20px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border: #e1d4d408;
		border-style: solid;
		border-bottom-color: #2cb9c2;
		border-width: thin;
		border-right-color: #2cb9c2;
		float: left;
	}
	.servicesFixCol,
	.topCategories {
		width: 48%;
		margin: 0 2% 10px 0;
	}

	.servicesStepRow .servicesStep {
		padding: 10px 5px;
		font-size: 1.1em;
		text-align: center;
		margin-bottom: 30px;
	}

	.activeSer::after,
	.servicesStep:hover::after {
		bottom: -18px;
	}

	.dashBox {
		padding: 30px 15px;
		margin-bottom: 15px;
	}

	.dashBoxCol {
		width: 50%;
		float: left;
	}

	.verified,
	.verifiedNot {
		width: 50%;
		float: left;
		padding: 10px;
	}
}

@media only screen and (min-width: 300px) and (max-width: 567px) {
	.noteMsg {
		text-align: justify;
		text-align-last: right;
		font-size: 13px;
		margin-top: -16px;
	}
	.logo {
		width: 50px;
		margin-left: 10px;
	}
	.logoimg {
		width: 50px;
		margin-left: 10px;
	}
	.photoCredit{
		float: right;
    margin-top: -390%;
    width: 100%;
	}
	.headerMsg{
		float: right; 
		margin-top: -32px;		 
		font-size: 13px;
			     color: #2497ac;
	}
	.mytownInfo {
		background: rgba(255, 255, 255, 0.8);
		width: 91%;
		margin: -434px 6% 6% 6% !important;
		padding: 16px 5px 20px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border: #e1d4d408;
		border-style: solid;
		border-bottom-color: #2cb9c2;
		border-width: thin;
		border-right-color: #2cb9c2;
		float: left;
	}
	.reviewRow {
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 20px;
		margin-bottom: 20px;
		position: relative;
		padding-left: 100px !important;
		min-height: auto !important;
	}

	.reviewPostImage {
		position: absolute;
		width: 80px !important;
		left: 0;
	}
	/* .plainRow{
		display: flex;
		overflow-x: scroll;
	} */
	.topCategories{
		min-width: 300px;
	}

	.servicesFixCol,
	.topCategories {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.servicesCol {
		width: 100%;
	}

	.navbar-brand img {
		width: 180px;
		margin-top: 0;
	}

	.servicesStepRow .servicesStep {
		padding: 10px 10px;
		font-size: 1.1em;
		text-align: center;
		margin-bottom: 30px;
	}

	.activeSer::after,
	.servicesStep:hover::after {
		bottom: -18px;
	}

	.serviceDetails input {
		font-size: 1em;
		padding: 10px;
		margin-top: 10px;
	}

	.verified,
	.verifiedNot {
		width: 100%;
		float: none;
		padding: 10px;
	}

	.dashBox {
		padding: 30px 15px;
		margin-bottom: 15px;
	}
}
/*TODO*/
@media only screen and (max-width: 767px) {
	
	.photoCredit{
		float: right;
    margin-top: -1233px;
    width: 100%;
	}
	.headerMsg{
		float: right; 
		margin-top: -23px;
		 
		font-size: 16px;
			     color: #2497ac;
				 text-align: center;
	}
	.findBestProvider form .col-md-12 {
		float: left;
	}
	/* .mytownInfo {
		background: rgba(255, 255, 255, 0.8);
		width: 91%;
		margin: -135% 6% 6% 6%;
		padding: 16px 5px 20px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		border: #e1d4d408;
		border-style: solid;
		border-bottom-color: #2cb9c2;
		border-width: thin;
		border-right-color: #2cb9c2;
		float: left;
	} */
	.dateAvaiBlock {
		padding: 0;
		margin: 20px 0 0 0;
	}

	.dot {
		display: none;
	}

	.servicesStepRow {
		width: 100%;
		clear: both;
		float: left;
		margin: 0;
	}

	.titleRow {
		margin-bottom: 30px;
		padding: 20px 0;
	}

	.searchLI {
		width: 90%;
		left: 5%;
	}

	.breadcrumb {
		margin-bottom: 0;
	}

	.pageHeading {
		font-size: 2em;
	}

	.whyJoinUs {
		padding: 20px 0;
	}

	.navbar {
		position: absolute;
	}

	.carousel-overlay {
		position: relative !important;
		top: 21%;
		color: #484848;
		left: 0;
		right: 0;
		background: #b1bfcda1;
		
	}

	.findBestProvider {
		width: 91%;
		margin: 3% 3% 3% 3%;
		padding: 20px 20px 0;
	}

	.slide1,
	.slide2,
	.slide3 {
		min-height: 600px;
	}

	.slide {
		min-height: 600px;
	}

	.contactForm {
		width: 100%;
		padding: 0;
		border: none;
	}

	address {
		padding-bottom: 20px;
	}

	.contactAddress {
		right: 0;
		width: 100%;
		position: relative;
		padding: 15px;
	}

	.map {
		margin-top: 40px;
	}

	#myAccountSmallView {
		display: block;
		cursor: pointer;
		background: #FFCC00;
		padding: 10px;
	}

	#myAccountSmallView i {
		float: right;
		padding-top: 7px;
	}

	.myAccountMenu {
		margin-bottom: 20px;
	}

	.myAccountList {
		background: #fff;
		position: absolute;
		left: -380px;
		width: 340px;
		top: 55px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		z-index: 99;
	}

	.showMenu {
		left: -15px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		width: 300px;
	}

	.myAccountRight,
	.myAccountContent {
		padding: 0;
	}

	.toggleIcon {
		float: right;
	}

	.myServicesBox,
	.myServicesBox:nth-child(even) {
		width: 100%;
		margin: 0 0 15px 0;
	}

	.myServiceContent {
		padding-left: 75px;
	}

	.gallery {
		width: 65px;
	}

	.photosImg,
	.photosImgRight {
		margin: 0 auto;
		float: none;
	}

	.imgSecBlock {
		clear: both;
	}

	.detailRightCol {
		padding-left: 0;
	}

	.portFolioRow {
		padding-top: 0;
	}

	.photoHading {
		margin-top: 30px;
	}

	.modal-dialog {
		margin-top: 30px !important;
	}

	.panel-body {
		overflow-y: overlay;
		height: 250px !important;
	}
}

/*
	Fractal by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/* Chat CSS */
.chat {
	list-style: none;
	margin: 0;
	padding: 0;
}

.chat li {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.chat li.right {
	background: #e0fdff;
	padding: 10px;
	width: 90%;
	margin-left: 10%;
	float: right;
}

.chat li.left {
	background: #f1f1f1;
	padding: 10px;
	width: 90%;
	margin-right: 10%;
	float: left;
}

.chat li.left .chat-body {
	margin-left: 60px;
}

.chat li.right .chat-body {
	margin-right: 60px;
}

.chat li .chat-body p.small {
	font-size: 0.8em;
}

.chatInput {
	height: 30px;
	padding: 3px 10px;
	font-size: 0.85em;
}

.chat li .chat-body p {
	margin: 0;
	color: #777777;
	font-size: 0.9em;
	margin-top: 8px;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
	margin-right: 5px;
}

.modal-dialog {
	margin-top: 100px;
}

.panel-body {
	overflow-y: overlay;
	height: 350px;
}

.btn-warning {
	background: #2cb9c2;
	border-color: #2cb9c2;
}

.btn-warning:hover,
.btn-warning:focus {
	background: #20A7AF;
	border-color: #20A7AF;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

/*SCroll bar CSS*/
[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit
}

.simplebar-wrapper {
	overflow: overlay;
	width: inherit;
	height: 360px;
	max-width: inherit;
	max-height: inherit
}

.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: overlay !important;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto !important;
	height: auto !important;
	z-index: 0
}

.simplebar-offset {
	direction: inherit !important;
	box-sizing: inherit !important;
	resize: none !important;
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch
}

.simplebar-content {
	direction: inherit;
	box-sizing: border-box !important;
	position: relative;
	display: block;
	min-height: 350px !important;
	width: auto;
	visibility: visible;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	max-width: 100%;
	max-height: fit-content;
}

.simplebar-placeholder {
	max-height: 350px !important;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit !important;
	height: fit-content;
	width: inherit;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: overlay;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0
}

.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: overlay;
	pointer-events: none;
	z-index: -1
}

.simplebar-track {
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all
}

.simplebar-scrollbar {
	position: absolute;
	right: 2px;
	width: 7px;
	min-height: 10px
}

.simplebar-scrollbar:before {
	position: absolute;
	content: "";
	background: #000;
	border-radius: 7px;
	left: 0;
	right: 0;
	opacity: 0;
	transition: opacity .2s linear
}

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
	opacity: .5;
	transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
	top: 0;
	width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 2px;
	bottom: 2px
}

.simplebar-track.simplebar-horizontal {
	left: 0;
	height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
	height: 100%;
	left: 2px;
	right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	right: auto;
	left: 0;
	top: 2px;
	height: 7px;
	min-height: 0;
	min-width: 10px;
	width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0
}

.hs-dummy-scrollbar-size {
	direction: rtl;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	height: 500px;
	width: 500px;
	overflow-y: hidden;
	overflow-x: scroll
}

/*FOR LOADER*/
.Loader {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.8;
	background: url('../../assets/loader/loader.gif') center no-repeat #fff;
}

.dataTables_filter {
	float: right;
}

.inputrange {
	display: inline-block !important;
	vertical-align: middle;
	margin-top: -4px;
}

.ageLimit {
	position: absolute;
	right: 0;
	top: 0;
	background: #2cb9c2 !important;
	color: #fff;
	text-align: center;
	z-index: 99;
	display: block;
	width: 56px;
	height: 30px;
	/*padding: 13px 5px;*/
	padding: 6px 5px;
	margin: 0;
	border-radius: 0 0 0 10px;
}

.deleteIconServ {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	font-size: 0.8em;
}

.rating-block {
	background-color: #FAFAFA;
	border: 1px solid #EFEFEF;
	padding: 7px 15px 20px 15px;
}

.bold {
	font-weight: 700;
}

.padding-bottom-7 {
	padding-bottom: 7px;
}

.reviewRow {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 170px;
	min-height: 170px;
}

.reviewPostImage {
	position: absolute;
	width: 150px;
	left: 0;
}

.reviewPostContent {
	line-height: 2;
}

.timeSlotsRow {
	margin-bottom: 5px;
}

.timeSlots {
	padding: 5px;
	background: #f5f5f5;
	float: left;
	width: 100%;
	clear: both;
}

.review-block {
	background-color: #FAFAFA;
	border: 1px solid #EFEFEF;
	padding: 15px;
	border-radius: 3px;
	margin-bottom: 15px;
}

.review-block-name {
	font-size: 12px;
	margin: 10px 0;
}

.review-block-date {
	font-size: 12px;
	color: #999;
}

.review-block-rate {
	font-size: 13px;
	margin-bottom: 15px;
}

.review-block-title {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 3px;
}

.reviewPost {
	position: relative;
	padding-left: 50px;
	margin-bottom: 10px;
}

.reviewPost img {
	position: absolute;
	left: 0;
	width: 40px;
	top: 0;
}

.review-block-description {
	font-size: 0.95em;
}

.ratingRightPanel {
	color: #fff;
	background: #014570;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 15px;
	display: block;
}

.serviceReview {
	margin-bottom: 10px;
	height: 25px;
}

.btnStar {
	background: #f0cb1d;
	font-weight: 600;
	color: #333;
	padding: 3px 10px;
	display: inline-block;
	border-radius: 3px;
}

.starBlock {
	border: 1px solid #ccf2f4;
	background: #e6feff;
	float: left;
	width: 100%;
	clear: both;
	padding: 10px 15px;
}

.starRow {
	margin-bottom: 10px;
}

.starCol {
	min-height: 25px;
	display: inline-block;
}

.proviBottomLine {
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 15px;
}

.availableDates .dateWiseBlock .checkBox {
	padding-left: 5px !important;
}

.availableDates .dateWiseBlock .checkBox input:checked+i {
	display: none;
}

.availableDates .avaiTime span {
	font-size: 1em !important
}

.avaiTime .inputCustom {
	height: auto !important;
	padding: 2px;
}

.bookingID {
	color: #49A9BB;
}

.bookingID span {
	color: #666;
}

.ratingTypeBox {
	background: #f5f5f5;
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 15px 0;
}

.ratingRow {
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

.dateWiseBlock .checkBox {
	padding-left: 0;
}

.modal-header {
	background: #014570 !important;
	color: #fff;
}

.paymentSummary {
	background: #f7f7f7;
	padding: 15px;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
}