/* ==================
 *
 *google fonts 
 *
 *===================*/


/* ==================
 *
 *var section 
 *
 *===================*/


/*****  font size  ******/


/*****  Colors  ******/


/* ==================
 *
 *	Reset Class Css
 *
 *===================*/

body {
	line-height: 24px;
	font-size: 14px;
	color: #80d6a3;
	font-weight: 400;
	color: #444;
	/* font-family: 'Calibri'; */
	overflow: hidden;
	font-family: 'Maven Pro', sans-serif;
	
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

p {
	margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
button {
	margin: 0px;
}

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

a,
a:active,
a:focus,
a:active {
	text-decoration: none !important;
}

.clear {
	clear: both;
}


/* ==================
 *
 *  Global Class 
 *
 *===================*/

.btn {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 300;
	padding: 12px 25px;
	border-radius: 0;
}

.nav>li>a:hover,
.nav>li>a:focus {
	background: transparent;
}

.title {
	text-align: center;
	padding-bottom: 70px;
}

.title h2 {
	color: #333;
	font-size: 25px;
	padding-bottom: 25px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
}

.title h2:before {
	content: '';
	width: 40px;
	height: 2px;
	background: #127d27;
	position: absolute;
	top: 12px;
	left: -60px;
}

.title-h2 span:before {
	content: '';
	width: 40px;
	height: 2px;
	background: #b3b3b3;
	position: absolute;
	top: 13px;
	left: 430px;
}

.title h2:after {
	content: '';
	width: 40px;
	height: 2px;
	background: #b3b3b3;
	position: absolute;
	top: 12px;
	right: -60px;
}

.title-h2 span:after {
	content: '';
	width: 40px;
	height: 2px;
	background: #b3b3b3;
	position: absolute;
	top: 12px;
	right: 430px;
}

.title p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
	color: #817C7C;
}

#mixed-items .mix {
	display: none;
}


/* animation keyfrem */

@-webkit-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}

@-moz-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}

@-o-keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}

@keyframes wiggle {
	from {
		top: 10px;
	}
	to {
		top: 20px;
	}
}


/* ==================
 *
 *  section Class 
 *
 *===================*/


/* header style */

header {
	padding: 20px 0;
	background: #1b3c88;
	height: 100px;
}

#top {
	position: fixed;
	z-index: 9999;
	margin: 0 auto;
	top: 0;
	left: 0;
	right: 0;
}

header .navbar {
	height: auto;
	margin-bottom: 0;
}

.is-sticky #navigation {
	background: #fff;
	z-index: 1000;
	transition: 0.3s;
	width: 100%;
	padding: 0;
}

.navbar-brand {
	padding: 0;
	height: auto;
}


/*.navbar-nav>li>a {
	font-size: 20px;
}*/

.navbar-brand img {
	margin-top: -9px !important;
	margin-left: 75px !important;
}

.navbar-toggle {
	border-color: #333;
	transition: 0.3s;
}

.navbar-toggle .icon-bar {
	background: #333;
	transition: 0.3s;
}

.navbar-toggle:hover {
	border-color: #80d6a3;
}

.navbar-toggle:hover .icon-bar {
	background: #80d6a3;
}

.menu a {
	color: #fff;
	transition: 0.3s;
	position: relative;
	font-size: 20px;
	margin-top: 15px;
}

.menu a:before {
	content: "";
	position: absolute;
	left: 16px;
	bottom: 0;
	width: 0;
	height: 1px;
	background: #ffffff;
	transition: 0.3s;
}

.menu a:hover {
	background: transparent;
	color: #fff;
}

.menu .active a {
	color: #80d6a3;
}

.menu .active a:before {
	width: 25px;
}

.menu a:hover:before {
	width: 50px;
	color: #fff;
}

nav ul#listMenu.listOpen {
	width: 350px;
	background-color: #f5f5f5;
}

nav section.navOpen {
	left: 300px;
}


/* =================
   Home page style
   ================= */
#main_heading{
    font-size: 36px;
    line-height: 44px;
    
}   

.home-hero-page-left-text {
    top:251px;
	margin: 0;
	/*margin-top: -75px;*/
	z-index: 99;
	padding: 25px 0px;
	float: right;
	width: 310px;
	background: #1b3c88;
	height: auto;
	text-align: center;
	position: relative;
	/*right: 50px;*/
}
.home-hero-page-left-text span h3{
	padding: 15px 0px;
}

.home-hero-page-left-text span {
	margin: 0;
	padding: 0px;
	float: left;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 35px;
}

.home-hero-page-left-text span p {
	margin: 0px;
	line-height: 26px;
	font-size: 18px;
	vertical-align: middle;
	display: none;
	padding: 15px 25px;
	text-align: justify;
}

.home-hero-page-left-text span H5 {
	font-size: 18px;
}

.home-hero-page-left-text span a {
	border: 1px solid #fff;
	color: #FFFFFF;
	text-align: center;
	display: block;
	font-size: 15px;
	margin: 0 auto;
	width: 150px;
	margin-top: 10px !important;
	padding: 12px 15px 12px 15px;
	transition: all 0.5s;
	cursor: pointer;
	text-transform: uppercase;
	float: none;
	line-height: normal;
}

.home-hero-page-left-text span a:hover {
	border-color: #000000;
}

.home-hero-page-left-text span a em {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	font-style: normal;
}

.home-hero-page-left-text span a em:before {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: -26px;
	transition: 0.5s;
	font-size: 25px;
	line-height: 22px;
}

.home-hero-page-left-text span a em:before {
	opacity: 1;
	right: -26px;
}

.home-hero-page-left-text span a:hover em {
	padding-right: 0;
}

.home-hero-page-left-text span a:hover em {
	color: #000000;
}

.home-hero-page-left-text span a em:after {
	position: absolute;
	opacity: 0;
	top: 0;
	right: -26px;
	transition: 0.5s;
	font-size: 25px;
	color: #000000;
	line-height: 29px;
}

.home-hero-page-left-text span a:hover em:after {
	opacity: 1;
	color: #000000;
}

.home-hero-page-right-text {
    border-bottom: 1px solid #f2f2f2;
	z-index: 99;
	margin: 0;
	padding: 0px;
	/* float: right; */
	width: 315px;
	width: 48%;
	background-color: #1b3c88; 
	min-height: 155px;
	position: absolute;
	top: 400px;
	/*left: 12%;*/
}

.home-hero-page-right-text span {
	padding: 30px 0;
    float: left;
    color: #FFFFFF;
    font-size: 23px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 35px;
	text-align: center;
}

.home-hero-page-right-text span p {
	margin: 0 0 20px;
	padding: 0px;
	float: left;
	font-size: 22px;
	width: 100%;
	line-height: 30px;
}

.home-hero-page-right-text span a {
	border: 1px solid #fff;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	margin: 15px 15px;
	padding: 12px 35px 12px 15px;
	transition: all 0.5s;
	cursor: pointer;
	text-transform: uppercase;
	line-height: normal;
}

.home-hero-page-right-text span a:hover {
	border-color: #000000;
}

.home-hero-page-right-text span a em {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	font-style: normal;
}

.home-hero-page-right-text span a:hover {
	border-color: #fff;
	background-color: #fff;
}

.home-hero-page-right-text span a em {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	font-style: normal;
}

.home-hero-page-right-text span a em:before {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: -26px;
	transition: 0.5s;
	font-size: 25px;
	line-height: 22px;
}

.home-hero-page-right-text span a em:before {
	opacity: 1;
	right: -26px;
}

.home-hero-page-right-text span a:hover em {
	padding-right: 0;
}

.home-hero-page-right-text span a:hover em {
	color: #000000;
}

.home-hero-page-right-text span a em:after {
	position: absolute;
	opacity: 0;
	top: 0;
	right: -26px;
	transition: 0.5s;
	font-size: 25px;
	color: #000000;
	line-height: 29px;
}

.home-hero-page-right-text span a:hover em:after {
	opacity: 1;
	color: #000000;
}

#banner {
	background:url(../img/banner/Canada-loc.jpg);
	/*linear-gradient(0deg, rgb(56 52 54 / 82%), rgb(181 174 178 / 96%)), */
	padding: 150px 0;
	position: relative;
	height: 650px;
	background-size: cover;
}

#banner:before {
	position: absolute;
	z-index: 99;
	/*background: rgba(0, 0, 0, 0.52);*/
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
}

#banner .block {
	position: absolute;
	z-index: 99;
	color: black;
	text-align: left;
	margin-top: 0;
	width: 90%;
}

#banner .block h1 {
	padding-bottom: 25px;
	font-size: 50px;
	font-weight: 100;
	color: #2E7D32;
}

#banner .block h2{
	font-size: 18px;
	line-height: 25px;
	font-weight: 300;
	width: 74%;
	/*text-align: justify;*/
}

#banner .block .btn-learn {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 25px;
	margin: 0 7px;
	padding: 10px 22px;
	font-size: 14px;
	transition: 0.3s;
}

#banner .block .btn-learn:hover {
	border-color: rgb(52, 169, 75);
	color: rgb(52, 169, 75);
}

#banner .block .buttons {
	margin-top: 40px;
}

#banner .block .buttons a:first-child {
	margin-left: 0;
}

#banner .scrolldown {
	position: absolute;
	left: 50%;
	bottom: 12%;
}

#banner .scrolldown .scroll {
	border-radius: 100px;
	width: 25px;
	height: 45px;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -15px;
	display: inline-block;
	border: 1px solid #fff;
	z-index: 99;
}

#banner .scrolldown .scroll:after {
	background: #fff;
	border-radius: 300px;
	width: 4px;
	height: 9px;
	position: absolute;
	top: 10px;
	left: 50%;
	margin: 0 0 0 -2px;
	display: block;
	content: " ";
	-webkit-animation: wiggle 0.5s linear 0s infinite alternate;
	-moz-animation: wiggle 0.5s linear 0s infinite alternate;
	-o-animation: wiggle 0.5s linear 0s infinite alternate;
	animation: wiggle 0.5s linear 0s infinite alternate;
}

#features {
	padding: 35px 0 0;
}

#features .feature-block {
	padding-bottom: 35px;
	margin-bottom: 40px;
}

#features .feature-block .icon-box i {
	display: inline-block;
	line-height: 1;
	font-size: 60px;
	transition: 0.3s;
	color: #1b3c88;
}

#features .feature-block .icon-box i:hover {
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #FFF;
}

#features .feature-block:hover {
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.17);
}

#features .feature-block h4 {
	font-size: 20px;
	color: #333;
	position: relative;
	text-transform: none;
	margin-bottom: 10px;
	font-weight: 400;
}

#features .feature-block p {
	font-size: 16px;
	color: #888;
	line-height: 24px;
	font-weight: 300;
	margin-top: 20px;
}

#features .showcase-img {
	margin-top: 40px;
}

#counter {
	background: url(../img/counter-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
	text-align: center;
	padding: 65px 0;
}

#counter:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.72);
}

#counter .title {
	position: relative;
}

#counter .title h2,
#counter .title p {
	color: #fff;
}

#counter .block {
	margin-bottom: 20px;
}

#counter .block i {
	display: block;
	font-size: 40px;
	line-height: 1;
	padding-bottom: 20px;
	color: #2E7D32;
}

#counter .block span {
	line-height: 1;
	display: inline-block;
	color: #fff;
}

#counter .block .count-text {
	font-size: 36px;
}

#counter .block p {
	font-size: 18px;
	font-weight: 300;
	color: #fff;
	padding-top: 20px;
}

#portfolio {
	padding: 30px 0;
}

#portfolio .block .recent-work-mixMenu {
	padding-bottom: 40px;
	text-align: center;
}

#portfolio .block .recent-work-mixMenu ul li {
	display: inline-block;
	padding: 0;
}

#portfolio .block .recent-work-mixMenu ul li button {
	background: none;
	border: 0;
	font-size: 15px;
	color: #474747;
	margin: 0 20px;
	transition: 0.2s;
	text-transform: uppercase;
}

#portfolio .block .recent-work-mixMenu ul li button:hover {
	color: #80d6a3;
}

#portfolio .block .recent-work-mixMenu ul li button:focus {
	outline: 0;
}

#portfolio .block .recent-work-mixMenu ul li .active {
	color: #80d6a3;
}

#portfolio .block .recent-work-pic ul li {
	margin-bottom: 30px;
	position: relative;
}

#portfolio .block .recent-work-pic ul li:hover .overlay {
	opacity: 1;
}

#portfolio .block .recent-work-pic ul li:hover .overlay i {
	top: 40%;
	opacity: 1;
}

#portfolio .block .recent-work-pic ul li:hover .overlay h3 {
	bottom: 50%;
	opacity: 1;
}

#portfolio .block .recent-work-pic ul li .overlay {
	position: absolute;
	top: 23px;
	left: 38px;
	bottom: 23px;
	right: 38px;
	background: rgba(49, 52, 137, 0.85);
	transition: 0.3s;
	text-align: center;
	opacity: 0;
}

#portfolio .block .recent-work-pic ul li .overlay h3,
#portfolio .block .recent-work-pic ul li .overlay i {
	color: #fff;
}

#portfolio .block .recent-work-pic ul li .overlay h3 {
	bottom: 30%;
	left: 50%;
	opacity: 0;
	text-transform: uppercase;
	font-weight: 400;
	width: 100%;
	transition: 0.3s;
	position: absolute;
	transition-delay: 0.1s;
	transform: translateX(-50%);
}

#portfolio .block .recent-work-pic ul li .overlay i {
	top: 30%;
	opacity: 0;
	left: 50%;
	font-size: 50px;
	transition: 0.3s;
	transition-delay: 0s;
	position: absolute;
	transform: translate(-50%, 50%);
}

#portfolio .block .recent-work-pic ul li .overlay .overlay-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#play-video {
	padding: 40px 0 40px 0;
	/*background: url("../img/process/process-bg3.jpg") no-repeat;*/
	background: #f1f1f1;
	background-size: cover;
	background-position: center;
	position: relative;
}

#play-video:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(32, 35, 34, 0.4);*/
}


/******** process-flow ******/

.title-h2 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 25px;
	text-transform: uppercase;
}

.title-h2 span {
	color: #333;
	font-weight: 500;
}

.process-wrappers {
	margin-top: 10px;
	margin-bottom: 25px;
}

.process-flow .col-sm-3:nth-child(1) .process-icon img {
	width: 100px;
	filter: none;
	padding: 15px;
	-webkit-filter: grayscale(0%);
	/*border-radius: 50%;
	border: 1px solid rgb(51, 51, 51);
	margin-left: 40px;
	*/
	margin-bottom: 20px;
}

.process-flow .col-sm-3:nth-child(2) .process-icon img {
	width: 100px;
	margin-bottom: 20px;
	/*margin-left: 46px;
		border-radius: 50%;
	border: 1px solid rgb(51, 51, 51);*/
	padding: 15px;
}

.process-flow .col-sm-3:nth-child(3) .process-icon img {
	width: 100px;
	padding: 15px;
	/*margin-left: 44px;
		border-radius: 50%;
	margin-bottom: 20px;
	border: 1px solid rgb(51, 51, 51);*/
}

.process-flow .col-sm-3:nth-child(4) .process-icon img {
	width: 100px;
	padding: 15px;
	margin-bottom: 20px;
	/*margin-left: 43px;
border-radius: 50%;
	border: 1px solid rgb(51, 51, 51);*/
}

.process-content img {
	margin-left: -215px;
	margin-top: -300px;
	width: 35px;
}

.process-flow .col-sm-3:nth-child(2) .process-content img {
	margin-left: -250px;
	margin-top: -390px;
}

.process-flow .col-sm-3:nth-child(3) .process-content img {
	margin-left: -205px;
	margin-top: -440px;
}

.process-flow .col-sm-3:nth-child(4) .process-content img {
	margin-left: -200px;
    margin-top: -340px;
}

.process-flow .col-sm-3:nth-child(1) .process-icon img:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
}




.process-header {
	color: #777;
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.title-h5 {
	color: #444;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}

.process-content {
	color: #777;
	font-size: 15px;
}

.process-content:hover {
	color: #000;
}



#html5-watermark {
	display: none !important;
}

#testimonial {
	padding: 85px 0;
}

#testimonial .col {
	position: relative;
	padding: 47px 60px;
	overflow: hidden;
}

#testimonial .col-md-6 {
	border: solid #cacaca;
	border-width: 0 1px 1px 0;
	padding-bottom: 42px;
}

#testimonial .col-md-6:nth-child(3n) {
	border-right: 0;
}

#testimonial .col-md-6:nth-child(5n) {
	border-right: 0;
	border-bottom: 0;
}

#testimonial .col-md-6:nth-child(4n) {
	border-bottom: 0;
}

#testimonial .media .media-left {
	padding-right: 20px;
}

#testimonial .media .media-left a {
	position: relative;
	display: block;
	padding-top: 0;
}

#testimonial .media .media-left a:before {
	content: "\f347";
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	font-family: "Ionicons";
	background: #1b3c88;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding-top: 2px;
}

.driver-profile-img span {
	border: 2px solid #1b3c88 !important;
}

#testimonial .media .media-body {
	padding-top: 5px;
}

#testimonial .media .media-body h4 {
	color: #444;
	text-transform: uppercase;
	margin-bottom: 12px;
}

#testimonial .media .media-body p {
	font-size: 14px;
	font-family: 'Lora', serif;
	font-style: italic;
	color: #787878;
}

#team {
}

#team .block {
	position: relative;
	overflow: hidden;
	border: 3px solid transparent;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

#team .block img {
	width: 100%;
	position: relative;
}

#team .block:hover {
	border: 2px solid #3d599a;
}

#team .block:hover .team-overlay {
	bottom: 0;
	opacity: 1;
}

#team .team-overlay {
	background: rgba(255, 255, 255, 0.95);
	color: #fff;
	text-align: center;
	padding: 48px 62px;
	position: absolute;
	bottom: -150px;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}

#team .team-overlay h3,
#team .team-overlay span {
	color: #333;
}

#team .team-overlay span {
	display: block;
	font-size: 13px;
	padding-top: 10px;
}

#team .team-overlay .icon {
	width: 38px;
	height: 38px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1;
	margin-top: 36px;
	margin-bottom: 25px;
	border-radius: 100%;
	display: inline-block;
	background: #3d599a;
}

#team .team-overlay .icon i {
	font-size: 18px;
	color: #fff;
}

#team .team-overlay p {
	font-size: 14px;
	line-height: 23px;
	color: #707a8a;
}

#team .team-overlay .media {
	margin-top: 10px;
}

#team .team-overlay .media a {
	font-size: 12px;
	color: #fff;
	transition: 0.3s;
	margin: 0 10px;
}

#team .team-overlay .media a:hover {
	color: #80d6a3;
}

#pricing-table {
	padding: 100px 0 127px;
	background: #80d6a3;
}

#pricing-table .title h2,
#pricing-table .title p {
	color: #fff;
}

#pricing-table .title h2:before,
#pricing-table .title h2:after {
	background: #fff;
}

#pricing-table .block {
	color: #fff;
}

#pricing-table .block ul {
	border: 1px solid #fff;
	padding: 35px 0;
}

#pricing-table .block ul li {
	padding: 10px 0;
}

#pricing-table .block ul li p {
	text-transform: uppercase;
}

#pricing-table .block ul li:first-child {
	margin-bottom: 26px;
}

#pricing-table .block ul li:first-child h4 {
	padding-bottom: 29px;
	font-size: 20px;
}

#pricing-table .block ul li:first-child p {
	font-size: 40px;
	line-height: 1;
	font-weight: 600;
}

#pricing-table .block ul li:first-child p span {
	font-size: 16px;
	font-weight: 300;
}

#pricing-table .block ul li:last-child {
	color: #fff;
	margin-top: 25px;
}

#pricing-table .block .btn-buy {
	border-color: #fff;
	border-radius: 25px;
	color: #fff;
	font-size: 16px;
	display: inline-block;
	font-weight: 600;
	transition: 0.3s;
	background: #fff;
	color: #80d6a3;
}

#pricing-table .block .btn-buy {
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

#pricing-table .block:hover {
	background: rgba(255, 255, 255, 0.17);
}

#pricing-table .block:hover .btn-buy {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}

#contact-form {
	padding: 50px 0;
	background: #f9f9f9;
}

#contact-form form input,
#contact-form form textarea {
	padding: 24px 20px 0;
	border-color: #1b3c88;
	border-radius: 5px;
	font-size: 14px;
	color: #97a0af;
	box-shadow: none;
}

#contact-form .col-md-6:nth-child(2) {
	margin-top: 0px;
}

.cForm form input {
	padding: 24px 27px !important;
}

.cForm form button {
	padding: 15px 45px !important;
	border-radius: 30px !important;
	margin-right: 0 !important;
}

#contact-form .col-md-6 {
	margin-top: 60px;
}

#contact-form form input {
	margin-bottom: 15px;
	padding: 14px 27px;
}

#contact-form form textarea {
	margin-bottom: 28px;
	min-height: 172px;
	resize: none;
}

#contact-form form button {
	float: right;
	color: #fff;
	font-size: 16px;
	padding: 15px 20px;
	background: #1b3c88;
	border-radius: 0px;
	font-weight: 600;
	border-color: transparent;
	transition: 0.3s;
	margin-right: 58px;
}

#contact-form form button:hover {
	background: #127d27;
	color: #fff;
	border-color: #127d27;
}

#footer-top iframe {
	width: 100%;
	height: 385px;
	transform: translateZ(0px);
	background-color: #ffffff;
	border: 0;
}




.map #googleMap {
	min-height: 345px;
	-webkit-filter: gray;
	filter: gray;
	filter: grayscale(100%);
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
}


/* ================ Home end ========================= */


/* =====================
   contact page style
   ===================== */

#global-header {
	background: url(../img/contact-slider-img.jpg);
	background-size: cover;
	background-position: center;
	padding: 150px 0 90px;
	text-align: center;
	position: relative;
}

#global-header:before {
	position: absolute;
	z-index: 99;
	background: rgba(60, 59, 72, 0.69);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	z-index: 1;
}

#global-header .block {
	position: relative;
	z-index: 10;
	color: #fff;
}

#global-header .block h1 {
	font-size: 50px;
	margin-top: 20px;
}

#global-header .block p {
	font-size: 15px;
	padding-top: 10px;
	font-family: 'Lora', serif;
}


/* ================ Contact end ========================= */


/* =====================
   Service page style
   ===================== */

#client-logo {
	padding: 25px 0;
	text-align: center;
	background-color: #f7f7f7;
}

#client-logo a {
	padding: 14px 24px;
	display: block;
	padding-top: 20px !important;
}

#client-logo a img {
	transition: 0.3s;
	margin: 0 auto;
}

#client-logo a:hover img {
	transform: scale(1.2);
}

footer {
	background: #202322;
	padding: 15px 0 25px 0;
	text-align: center;
	right: 0;
	bottom: 0;
	left: 0;
}

footer p {
	font-size: 14px;
	color: #fff;
	line-height: 1;
	padding-top: 26px;
}


/* =====================
   Blog Post
   ===================== */

#blog {
	padding: 35px 0;
	background: #f1f1f1;
}

#blog-post .block {
	background: #fff;
	margin: 0 5px;
}

#blog-post .content {
	padding: 30px 25px;
	text-align: center;
}

#blog-post .content h4 {
	text-transform: capitalize;
	position: relative;
	margin: 20px 0 10px;
	padding: 10px 0;
}

#blog-post .content h4 a {
	color: #333;
font-weight:600;
}

#blog-post .content h4 a:hover {
	color: #80d6a3;
}

#blog-post .content h4::before {
	content: '';
	position: absolute;
	left: 45%;
	top: -6px;
	width: 30px;
	height: 2px;
	background-color: #1b3c88;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

#blog-post .content small {
	color: #999;
}

#blog-post .content p {
	margin-top: 10px;
	color: #777;
}

#blog-post .content .btn-read {
	background: #1b3c88;
	color: #fff;
	padding: 10px 20px;
	font-size: 13px;
	margin-top: 15px;
	border-radius: 25px;
	width: 50%;
}

#blog-post .content .btn-read:hover {
	background: #1b3c88;
}


/* =====================
   Blog Page
   ===================== */

#blog-left {
	padding: 130px 0;
}

#blog-left .blog-img .col-md-12 {
	margin-bottom: 4%;
}

#blog-left .block {
	margin: 5.5% 0;
}

#blog-left .block span {
	display: block;
	margin: 3% 0;
	color: #333;
	font-size: 15px;
	line-height: 22px;
}

#blog-left .block .first-child {
	margin: 5.5% 0;
}

#blog-left .block p {
	font-size: 13px;
	color: #888;
	line-height: 23px;
	letter-spacing: 0.02em;
	margin-bottom: 10px;
}

#blog-left .block blockquote {
	border-left: 0 none;
	margin-bottom: 30px;
	padding: 46px;
	background-color: #f6f6f6;
}

#blog-left .block blockquote p {
	margin: 0 0 5.5%;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #626262;
}

#blog-left .block blockquote p:before {
	color: #333;
	content: "\f10d";
	font-family: "FontAwesome";
	font-size: 50px;
	margin-right: 10px;
}

#blog-left .block blockquote .footer {
	color: #000;
}

#blog-left .block blockquote .footer:before {
	content: '\2014 \00A0';
}

#blog-left .block .tags {
	margin: 0 0 6.5%;
}

#blog-left .block .tags h5 {
	font-size: 18px;
	line-height: 27px;
	color: #333;
}

#blog-left .block .tags a {
	font-size: 11px;
	line-height: 20px;
	display: inline-block;
	color: #272727;
	text-decoration: none;
}

#blog-left .block .blog-comment {
	padding: 5.5%;
	background-color: #f6f6f6;
}

#blog-left .block .blog-comment .comment-img {
	float: left;
	margin-right: 35px;
	max-width: 100px;
}

#blog-left .block .blog-comment .comment-text a {
	color: #333;
	margin: 0 0 10px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 22px;
	font-weight: 500;
}

#blog-left .block .blog-comment .comment-text span {
	font-size: 11px;
	line-height: 20px;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	color: #626262;
	margin: 0 0 10px;
}

#blog-left .block .media-link {
	text-align: center;
	padding: 5.5% 0;
	border-bottom: 4px solid #80d6a3;
}

#blog-left .block .media-link a i {
	font-size: 24px;
	line-height: 28px;
	color: #373737;
	margin: 0 0 0 5.5%;
}

#blog-left .blog-comment-main {
	padding-bottom: 7%;
	margin-bottom: 7%;
	border-bottom: 4px solid #80d6a3;
}

#blog-left .blog-comment-main .blog-comment .comment-img {
	float: left;
	margin-right: 35px;
	margin-top: 10px;
	max-width: 100px;
}

#blog-left .blog-comment-main .comment-text {
	overflow: hidden;
}

#blog-left .blog-comment-main .comment-text .title,
#blog-left .blog-comment-main .comment-text span {
	color: #333;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0;
}

#blog-left .blog-comment-main .comment-text .title:after {
	content: "/";
	padding: 0 10px;
	font-weight: 500;
}

#blog-left .blog-comment-main .comment-text p {
	margin: 2% 0;
	font-size: 13px;
	color: #626262;
	line-height: 23px;
}

#blog-left .blog-comment-main .comment-text .btn {
	font-size: 9px;
	padding: 4px 12px 3px;
	border: 2px solid #80d6a3;
	color: #fff;
	display: inline-block;
	background-color: #80d6a3;
	width: auto;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600;
	letter-spacing: 1px;
}

#blog-left .blog-comment-main .comment-text .btn:hover {
	border: 2px solid #373737;
	color: #373737;
	background-color: transparent;
}

#blog-left .blog-comment-main .sub-blog-comment {
	margin: 30px 0 30px 40px;
	padding: 4% 0;
}

#blog-left .blog-comment-main .sub-blog-comment .comment-img {
	float: left;
	margin-right: 35px;
	margin-top: 10px;
	max-width: 100px;
}

#blog-left .addcomment span {
	margin: 0 0 5.5%;
	display: block;
	font-size: 18px;
	line-height: 27px;
	color: #333;
}

#blog-left .addcomment .blog-comment-form form input,
textarea {
	padding: 18px 25px;
	border: 2px solid rgba(0, 0, 0, .1);
	font-size: 14px;
	height: auto;
	margin: 0 0 20px 0;
	border-radius: 0;
	transition: 0.8s;
}

#blog-left .addcomment .blog-comment-form form input:focus {
	border: 2px solid #80d6a3;
	box-shadow: none;
}

#blog-left .addcomment .blog-comment-form form textarea {
	border-radius: 0;
	padding: 18px 25px;
	min-height: 100px;
	border: 2px solid rgba(0, 0, 0, .1);
}

#blog-left .addcomment .blog-comment-form form textarea:focus {
	box-shadow: none;
	border: 2px solid #80d6a3;
}

#blog-left .addcomment .blog-comment-form form button {
	font-size: 14px;
	padding: 10px 22px;
	letter-spacing: 1px;
	border: 2px solid #80d6a3;
	color: #fff;
	background-color: #80d6a3;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
}

#blog-left .addcomment .blog-comment-form form button:hover {
	background-color: transparent;
	border: 2px solid #80d6a3;
	color: #80d6a3;
}

#blog-left .widget {
	margin: 0 0 10.5%;
}

#blog-left .widget form i {
	cursor: pointer;
	position: absolute;
	right: 19px;
	top: 12px;
	z-index: 998;
}

#blog-left .widget form input {
	color: #949494;
	border: none;
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
	letter-spacing: 1px;
	font-size: 11px;
	padding: 8px 15px;
	padding-left: 0;
	width: 100%;
	margin: 0 0 20px 0;
	max-width: 100%;
	resize: none;
	transition: 0.8s;
	font-family: 'Montserrat', sans-serif !important;
	letter-spacing: 1px;
	font-size: 11px;
}

#blog-left .widget form input:focus {
	outline: none;
	border: none;
	border-bottom: 1px solid #000;
}

#blog-left .widget span {
	font-size: 15px;
	line-height: 22px;
	color: #333;
	display: block;
	margin-bottom: 7%;
	padding-bottom: 7%;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

#blog-left .widget span:before {
	content: "";
	position: absolute;
	bottom: 0;
	background: #80d6a3;
	width: 30px;
	height: 4px;
}

#blog-left .widget .widget-body ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 12px;
	margin-bottom: 10px;
	color: #ababab;
}

#blog-left .widget .widget-body ul li a {
	letter-spacing: 1px;
	display: block;
	font-size: 11px;
	line-height: 20px;
	text-transform: uppercase;
	color: #333;
	letter-spacing: 1px;
	font-weight: 500;
}

#blog-left .widget .widget-body ul li .items {
	text-transform: none;
	font-weight: 600;
	font-size: 12px;
}

#blog-left .widget .widget-body ul li:last-child {
	border: 0;
}

#blog-left .widget .widget-body .title {
	margin: 0;
	margin-top: 11.5%;
	padding: 0;
	text-align: left;
}

#blog-left .widget .widget-body .title:before {
	display: none;
}

#blog-left .widget .widget-body p {
	font-size: 13px;
	color: #626262;
	line-height: 23px;
	letter-spacing: 0.02em;
	color: #626262;
}

#blog-left .sidebar-tags a {
	padding: 2px 10px;
	display: inline-block;
	color: #373737;
	margin: 0 8px 10px 0;
	background-color: #f6f6f6;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 0.02em;
}

#blog-left .sidebar-tags a:hover {
	background-color: #000;
	color: #fff;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease-in-out;
}

.rightbtn .btn-default {
	z-index: 500;
	position: relative;
	right: 0;
	background-color: transparent;
	border: 1px solid #127d27;
	color: #fff;
	margin-top: -100px;
	border-radius: 4px;
}

.rightbtn .btn-default:focus,
.rightbtn .btn-default:hover {
	background-color: transparent;
	border: 1px solid #80d6a3;
	color: #80d6a3;
}


/********** menu  *********/

.w3-teal {
	color: #000!important;
	background-color: transparent !important;
	margin-bottom: -95px;
	margin-left: 20px;
	padding-top: 15px;
}

.logocontent,
.logocontent1,
.logocontent2,
.logocontent3 {
	font-size: 15px;
	position: absolute;
	margin-left: -38px !important;
	margin-top: -15px !important;
	display: inline;
	font-weight: 500;
	font-family: inherit;
}

.signup .btn-default {
	z-index: 999;
	position: relative;
	right: 0;
	background-color: transparent;
	border: 1px solid rgba(128, 128, 128, 0.28);
	color: #1b3c88;
	margin-top: 45px;
	width: 100%;
	text-align: center;
}

.signup .btn-default:focus,
.signup .btn-default:hover {
	background-color: transparent;
	border: 1px solid #1b3c88;
	color: #1b3c88;
}

.signup .btn-default:nth-child(2) {
	margin-top: 25px;
}


/********** signin-page *********/

.signin {
	margin: 100px 0px 0 !important;
}

.forgot_p .header-page,
.forgot_r .header-page {
	font-size: 40px;
}

.page-contant {
	margin: 80px 0px 0;
	padding: 0 0 60px;
	float: left;
	width: 100%;
}



.page-contant-inner {
	margin: 30px auto 0;
	padding: 0px;
	width: 1024px;
}

.forgot_p .bottomline:after,
.forgot_r .bottomline:after {
	/*top: 24%;*/
	top: 185px !important;
	left: 165px !important;
}

.header-page {
	margin: 0px;
	padding: 0px;
	float: left;
	font-weight: 200;
	width: 100%;
	font-size: 45px;
	color: #1b3c88;
	text-transform: capitalize;
	font-weight: 400;
}

.sign-in {
	margin: 50px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.sign-in-provider {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
}

.sign-in-provider h3 {
	margin: 0 0 20px;
	padding: 20px 0 0;
	float: left;
	width: 100%;
	font-size: 30px;
	color: #000000;
	position: relative;
	font-weight: 400;
}

.sign-in-provider h3:after {
	background: #1b3c88;
	top: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 40px;
	float: left;
}

.sign-in-provider p {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 70%;
	font-size: 16px;
	line-height: 25px;
	font-weight: 200;
}

.sign-in-provider span.login-btn {
	margin: 12px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.sign-in-provider span.login-btn a {
	margin: 35px 0 0;
	padding: 9px 18px 9px 12px;
	float: left;
	background: #127d27;
	color: #FFFFFF;
	font-size: 18px;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.sign-in-provider span.login-btn a:hover {
	background: #127d27;
}

.login-btn .glyphicon-arrow-right {
	padding-left: 10px;
}

.sign-in-requester {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 46%;
}

.sign-in-requester h3 {
	margin: 0 0 20px;
	padding: 20px 0 0;
	float: left;
	width: 100%;
	font-size: 30px;
	color: #000000;
	position: relative;
	font-weight: 400;
}

.sign-in-requester h3:after {
	background: #1b3c88;
	top: 0;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 40px;
	float: left;
}

.sign-in-requester p {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 75%;
	font-size: 16px;
	line-height: 25px;
	font-weight: 200;
}

.sign-in-requester span.login-btn {
	margin: 12px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.sign-in-requester span.login-btn a {
	margin: 35px 0 0;
	padding: 9px 18px 9px 12px;
	float: left;
	background: #1b3c88;
	color: #FFFFFF;
	font-size: 18px;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.sign-in-requester span.login-btn a:hover {
	background: #1b3c88;
}

.header-page p {
	margin: 12px 0 0;
	padding: 0 0 23px;
	float: left;
	width: 100%;
	font-size: 16px;
	color: #000000;
	text-transform: none;
	position: relative;
	font-weight: 200;
}

.header-page p:before {
	background: #1b3c88;
	top: 100%;
	content: "";
	height: 2px;
	position: absolute;
	width: 40px;
}

.header-page span {
	margin: 8px 50px 0 0;
	padding: 0px;
	float: right;
}

.header-page span a {
	margin: 0 0 0 10px;
	padding: 10px 15px;
	float: left;
	color: #5fa659;
	border: 1px solid #5fa659;
	border-radius: 3px;
	font-size: 15px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.header-page span a:hover {
	border-color: #ca0000;
	color: #ca0000;
}

.header-page span .active {
	border-color: #ca0000;
	color: #ca0000;
}

.requester-signup-page {
	margin: 15px 0 0;
	padding: 0px;
	float: left;
	width: 94%;
}

.requester-signup-page .line-dro {
	margin: 20px 0 0;
}

.line-dro .astrick {
	float: none;
	color: red;
}

.requester-signup-page *,
*::before,
*::after {
	box-sizing: unset;
}

.create-account {
	margin: 20px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.requester-signup-page .line-dro h3 {
	background: none;
	padding: 0px;
	position: relative;
}

.create-account h3 {
	margin: 0 0 30px;
	padding: 20px 0 0;
	float: left;
	width: 100%;
	font-size: 30px;
	position: relative;
	font-weight: 400;
}

.requester-signup-page h3 {
	margin: 0 0 20px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 30px;
}

.requester-signup-page *,
*::before,
*::after {
	box-sizing: unset;
}

.requester-signup-page .line-dro h3:before {
	background: none!important;
	top: 10px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 40px;
	float: left;
}

.create-account span {
	margin: 0 0 15px;
	padding: 0px;
	float: left;
	width: 100%;
}

.create-account span strong {
	/* margin-bottom: 15px; */
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 5px;
}

.create-account span strong label {
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	color: #777;
	font-weight: 500;
}

.create-account span .create-account-input {
	margin: 0px;
	padding: 0 0 0 10px;
	float: left;
	width: 97%;
	height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	font-weight: 300;
}

.create-account p {
	margin: 0 0 17px;
	padding: 0px;
	float: left;
	width: 100%;
	color: #000000;
	font-size: 15px;
	color: #000000;
	line-height: 25px;
}

.create-account p .submit {
	margin-right: 35px;
	padding: 0px;
	background: #1b3c88;
	color: #FFFFFF;
	font-size: 19px;
	width: 172px;
	height: 49px;
	line-height: 48px;
	text-align: center;
	border: none;
	border-radius: 3px;
	float: right;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.create-account p .submit a {
	color: #fff;
}

.create-account p .submit:hover {
	box-shadow: inset 0 100px 0 0 rgba(27, 60, 136, 0.89);
}

.login-form {
	margin: 28px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.login-err {
	padding: 10px;
}

.login-form-left {
	margin: 0px;
	padding: 0 50px 0 0;
	float: left;
	width: 46%;
	border-right: 1px solid #c5c5c5;
}

.login-form-left b {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.login-form-left b label {
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
	width: 100%;
	color: #666;
	font-size: 14px;
	font-weight: 200;
}

.login-form-left b .login-input {
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	float: left;
	width: 97%;
	height: 44px;
	border: 1px solid #d4d4d4;
	color: #333333;
	font-size: 14px;
	border-radius: 3px;
	font-weight: 200;
}

.provider-login-form-right {
	margin: 45px 0 0;
	padding: 0px;
	float: left;
	width: 300px;
	text-align: center;
}

.provider-login-form-right h3 {
	margin: 0 0 15px;
	padding: 0px;
	float: left;
	width: 100%;
	color: #000000;
	font-size: 22px;
	font-weight: 200;
}

.provider-login-form-right span {
	margin: 3px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
	text-align: center;
}

.provider-login-form-right span a {
	margin: 0px;
	padding: 0px;
	display: inline-table;
	font-size: 18px;
	border: 1px solid #127d27;
	width: 172px;
	height: 47px;
	text-align: center;
	color: #127d27;
	border-radius: 3px;
	line-height: 45px;
	font-weight: 600;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.provider-login-form-right span a:hover {
	border: 1px solid #1b3c88;
	color: #1b3c88;
}

.requester-signup-page h5 {
	font-size: 15px;
	font-weight: 200;
	float: left;
	margin-top: 5px;
	width: 20%;
}

.socialmedia {
	margin-left: 30px;
}

.socialmedia i {
	font-size: 24px;
	color: #000;
	margin-right: 30px;
}

.socialmedia .fa-facebook-square {
	color: #3b5998;
}

.socialmedia .fa-google-plus-square {
	color: #d34836;
}

.socialmedia .fa-twitter {
	color: #0084b4;
}

.login-form-left b .submit-but {
	margin: 10px 0 0;
	padding: 0px;
	background: #127d27;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	width: 172px;
	height: 49px;
	line-height: 35px;
	text-align: center;
	border: none;
	border-radius: 3px;
	float: left;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.login-form-left b .submit-but:hover {
	box-shadow: inset 0 100px 0 0 #1b3c88;
}

.login-form-left b a {
	margin: 20px 12px 0;
	padding: 0px;
	float: right;
	color: #127d27;
	font-size: 18px;
}

.text-center {
	margin: 25px 0 0;
	padding: 10px;
	float: left;
	width: 100%;
	background: #f2f2f2;
	border: 1px solid #ebebeb;
}

.text-center h4 {
	margin: 0 0 10px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 25px;
}

.login-form-right {
	margin: 0px 0 0;
	padding: 0px;
	float: left;
	width: 300px;
	text-align: center;
}

.login-form-right h3 {
	margin: 0 0 15px;
	padding: 0px;
	float: left;
	width: 100%;
	color: #000000;
	font-size: 18px;
	font-weight: 200;
}

.login-form-right span {
	margin: 3px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
	text-align: center;
}

.login-form-right span a {
	margin: 0px;
	padding: 0px;
	display: inline-table;
	font-size: 18px;
	border: 1px solid #127d27;
	width: 172px;
	height: 47px;
	text-align: center;
	color: #127d27;
	border-radius: 3px;
	line-height: 45px;
	font-weight: 600;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.requester-forgot-page h5 {
	font-size: 15px;
	font-weight: 200;
	float: left;
	margin-top: 25px;
	width: 35%;
}

.requester-forgot-page {
	float: right;
    width: 54%;
    padding-left: 7%;
    margin-top: 20px;
}

.login-form-right span a:hover {
	border: 1px solid #1b3c88;
	color: #1b3c88;
}

.social-icon .socialmedia {
	margin-left: 0;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.social-icon .socialmedia i {
	font-size: 24px;
	color: #000;
	margin-right: 30px;
}

.social-icon .socialmedia .fa-facebook-square {
	color: #3b5998;
}

.social-icon .socialmedia .fa-google-plus-square {
	color: #d34836;
}

.social-icon .socialmedia .fa-twitter {
	color: #0084b4;
}

.login-err .btn {
	line-height: 1;
	text-transform: capitalize;
}


/*********************for signup and sign in*******************************/

.header-page {
	margin: 15px 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 40px;
	color: #1b3c88;
	text-transform: inherit;
}

.header-page1 {
	margin: 25px 0 0 0;
	padding: 0px;
	font-weight: 200;
	float: left;
	width: 100%;
	font-size: 45px;
	color: #369147;
	text-transform: capitalize;
}

.sign-in {
	margin: 30px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}




.request-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 50%;
	border-right: 1px solid #ccc;
	padding-right: 45px;
}

.request-left h3 {
	margin: 0 0 20px;
	padding: 20px 0 0;
	float: left;
	width: 100%;
	font-size: 30px;
	color: #000000;
	position: relative;
	font-weight: 400;
}

/* .request-left h3:after {
	background: #1b3c88;
	top: -20px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 61px;
	float: left;
} */

.sign-in-driver p {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 70%;
	font-size: 16px;
	color: #000000;
	line-height: 25px;
	font-weight: 200;
}

.sign-in-driver span {
	margin: 12px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.sign-in-driver span a {
	margin: 35px 0 0;
	padding: 9px 18px 9px 12px;
	float: left;
	background: #ff7e00;
	color: #FFFFFF;
	font-size: 15px;
	text-transform: uppercase;
	font-family: 'maven_promedium';
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.header-page p {
	margin: 12px 0 0;
	padding: 0 0 23px;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #000000;
	text-transform: none;
	position: relative;
	text-align: justify;
}

.header-page span {
	margin: 8px 50px 0 0;
	padding: 0px;
	float: right;
}

.header-page span a {
	margin: 0 0 0 10px;
	padding: 10px 15px;
	float: left;
	color: #5fa659;
	border: 1px solid #5fa659;
	border-radius: 3px;
	font-size: 15px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.header-page span a:hover {
	border-color: #ca0000;
	color: #ca0000;
}

.header-page span .active {
	border-color: #ca0000;
	color: #ca0000;
}

.signin-wrapper .form-control {
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	float: left;
	width: 97%;
	height: 44px;
	border: 1px solid #d4d4d4;
	color: #333333;
	font-size: 14px;
	border-radius: 3px;
}

.signin-wrapper label {
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
	width: 100%;
	color: #666;
	font-size: 16px;
	font-weight: 500;
}

.signin-wrapper .astrick,
.login-form-left .astrick {
	color: red;
}


/*........login page...............*/

.request-left {
	margin: 0px;
	padding: 0 50px 0 0;
	float: left;
	width: 46%;
	border-right: 1px solid #c7c7c7;
}

.request-right {
	margin: 18px 0 0;
	padding: 0px;
	float: left;
	width: 425px;
	text-align: center;
}

.provider-right {
	margin-top: 18px;
	margin: 0 auto;
	padding: 0px;
	width: 300px;
	text-align: center;
}

.bottomline {
	line-height: 40px;
}

.bottomline:after {
	background: #54a263;
	top: 19%;
	content: "";
	height: 2px;
	position: absolute;
	width: 40px;
	left: 225px;
}
.signin_r .bottomline:after {
    background: #0c2f81;
    top: 19%;
    content: "";
    height: 2px;
    position: absolute;
    width: 40px;
    left: 165px;
}

.sign_p .bottomline:after,
.signin_r .bottomline:after {
	/*top: 28%;*/
	top: 185px;
}




.request-left .btn {
	padding: 10px 25px;
	color: #fff;
	font-size: 18px;
	background-color: #1b3c88;
	margin-top: 20px;
	border-radius: 3px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-size: 18px;
}

.request-left .btn:hover {
	background-color: #1b3c88;
}

.forgot-link {
	color: #1b3c88;
	margin-top: 32px;
	font-size: 16px;
}

.request-right h3 {
	margin: 0 0 15px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 20px;
	font-weight: 200;
	text-transform: none;
}

.request-right span a {
	margin: 0px;
	padding: 0px;
	display: inline-table;
	font-size: 18px;
	border: 1px solid #1b3c88;
	width: 132px;
	height: 47px;
	text-align: center;
	color: #1b3c88;
	border-radius: 3px;
	line-height: 45px;
	font-weight: 600;
	margin-bottom: 30px;
}

.request-right span a:hover,
.request-right span a:focus {
	border-color: #127d27;
	color: #127d27;
}

.provider-right input[type="submit"],
.provider-right #uploadSubmit,
.provider-right #upload-next,
.provider-right #uploadNext1 {
	margin: 0px;
	padding: 0px;
	display: inline-table;
	font-size: 18px;
	border: 1px solid #4ea652;
	width: 172px;
	height: 47px;
	text-align: center;
	color: #4ea652;
	border-radius: 3px;
	line-height: 45px;
	font-weight: 600;
	margin-bottom: 30px;
	background-color: #fff;
}

.request-right input[type="submit"]:hover,
.provider-right input[type="submit"]:hover,
.provider-right #uploadSubmit:hover {
	color: #127d27;
	border: 1px solid #127d27;
	box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
}

.text-center {
	margin: 25px 0 0;
	padding: 10px;
	float: left;
	width: 100%;
	background: #f2f2f2;
	font-weight: 200;
	border: 1px solid #ebebeb;
}

.text-center h4 {
	margin: 0 0 10px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 14px;
	line-height: 25px;
	font-weight: 200;
}

.request-right h3:nth-child(2) {
	margin-top: 30px;
}

.socialmedia {
	margin-left: 30px;
}

.socialmedia i {
	font-size: 24px;
	color: #000;
	margin-right: 30px;
}

.socialmedia .fa-facebook-square {
	color: #3b5998;
}

.socialmedia .fa-google-plus-square {
	color: #d34836;
}

.socialmedia .fa-twitter {
	color: #0084b4;
}

.signup a {
	margin-right: 20px;
	margin-left: 0 !important;
}
.providrUpdatr h5{
	font-size: 25px;
}
.providerUpdate .firstDiv{
	margin-top: 15px;
}
.uploadDoc .upload-photo {
    font-size: 14px;
    position: absolute;
    margin-top: 15px !important;
    padding-left: 0;
}



/*signup-provider*/

.modal-content span .fileupload-exists {
	padding-left: 5px;
	font-size: 15px;
	color: #fff;
}

.modal-content .verified {
	padding-left: 45px;
}

.signup-provider .popup-box3 span {
	padding-left: 10px;
}

.bootstrap-timepicker .form-group {
	width: 100% !important;
}

.avail_table {
	margin-top: 20px;
}

.signup-provider .avail_table .table {
	width: 70%;
	border: 1px solid #ccc;
}

.avail_table .fa-clock-o {
	padding-left: 10px;
	color: #ccc;
	font-size: 18px;
}

.avail_table .work-day {
	color: #127d27;
	font-size: 16px;
}

.availability .modal-content {
	width: 100% !important;
	margin: 30px auto !important;
}

.availability .modal-header {
	background-color: #1b3c88;
	color: #fff;
}

.update_col1 {
	margin-top: 30px;
}

.bootstrap-timepicker {
	width: 31%;
	float: left;
	margin-left: 8px;
}

.bootstrap-timepicker:nth-child(1) {
	margin-left: 0;
}

.availability .modal-body {
	min-height: 190px;
	border: 1px solid #ccc;
}

.modal-footer .btn-default {
	margin-right: 145px;
	width: 50%;
	padding: 9px 25px;
	background-color: #127d27;
	color: #fff;
}

.availability .button-checkbox {
	padding-left: 2px;
}

.availability .button-checkbox .btn-default {
	padding: 0;
	font-size: 12px;
	width: 92%;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 1px;
	margin-left: 10px;
}

.availability .button-checkbox .btn-primary.active {
	width: 92%;
	padding: 0;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
}

.signup-provider .upload_cer .driver-profile-img span {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 115px;
	height: 115px;
	overflow: hidden;
	border-radius: 2%;
	border: 3px solid #127d27;
}

.signup-provider #subDiv1 .update_col1 {
	clear: both;
}

.signup-provider #subDiv1 .driver-profile-img b a i {
	top: -26px;
	left: -11px;
}

.signup-provider .availability .fa-pencil {
	padding-left: 20px;
	color: #fff;
	font-size: 18px;
}

.signup-provider .availability .btn-info {
	background-color: #54a263;
	color: #fff;
	width: auto;
	padding: 9px 32px;
	font-size: 16px;
	letter-spacing: 2px;
	border-radius: 5px;
	border: none;
	text-transform: capitalize;
}

.signup-provider #subDiv1 .upload_cer .upload-photo {
	font-size: 14px;
	position: absolute;
	margin-top: 132px;
	padding-left: 0;
}

.signup-provider .driver-profile-img b {
	margin: 15px 0 0 15px;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 0;
}

.signup-provider .upload_cer {
	float: left;
	width: 30%;
	margin-right: 20px;
}

.signup-provider .update-detail {
	margin-top: 60px;
}

.signup-provider .expiry {
	margin-top: 25px;
}

.signup-provider .update-detail label,
.signup-provider .update-detail1 label,
.signup-provider .provider-lang label,
.signup-provider .exp-detail label,
.signup-provider .cost-detail h4,
.signup-provider .cost-per-hour label {
	color: #444;
	font-weight: 400;
}

.signup-provider #Carpentry label,
.signup-provider #plumbing label,
.signup-provider #home-services label {
	font-size: 11px;
}

#subDiv1 .provider-right {
	margin-top: -60px;
}

.border {
	border-right: 1px solid rgba(204, 204, 204, 0.41);
	width: 100px;
	height: 64%;
	position: absolute;
	left: 265px;
}

.signup-provider .provider-lang {
	margin-top: 55px;
	overflow-y: scroll;
	height: 250px;
}

.signup-provider .cost-per-hour {
	clear: both;
	margin-top: 86px;
}

.form-control:focus {
	border: 1px solid #1b3c88 !important;
}

.signup-provider .cost-hr1 {
	float: left;
	width: 30%;
	padding-top: 10px;
}

.signup-provider .cost-hr1 p {
	padding-bottom: 5px;
}

.signup-provider .cost-hr1 input[type="text"] {
	border: 1px solid #bbb;
	width: 80%;
	padding: 3px;
	border-radius: 2px;
}

.signup-provider #Carpentry,
.signup-provider #plumbing,
.signup-provider #home-services {
	overflow-y: scroll;
	width: 86%;
	height: 155px;
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 20px;
}

.signup-provider .update-detail textarea.form-control,
.signup-provider .update-detail2 textarea.form-control,
.signup-provider .update-detail1 textarea.form-control,
.signup-provider .exp-detail textarea.form-control,
.signup-provider .cost-per-hour textarea.form-control {
	background-color: #f5f5f5;
}

.signup-provider .update-detail .form-group,
.signup-provider .update-detail1 .form-group,
.signup-provider .provider-lang {
	width: 375px !important;
}

.signup-provider .exp-detail,
.signup-provider .cost-detail,
.signup-provider .cost-per-hour {
	width: 340px !important;
}

.signup-provider .driver-profile-img span {
	margin-bottom: 20px;
	margin-left: 20px;
}

.signup-provider h2 {
	font-weight: 300;
}

.provider-signup-page {
	margin: 15px 0 0;
	padding: 0px;
	float: left;
	width: 94%;
}

.provider-signup-page h3 {
	margin: 0 0 20px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 30px;
	font-weight: 300;
}

.provider-signup-page p {
	margin: 0 0 17px;
	padding: 0px;
	float: left;
	width: 100%;
	color: #000000;
	font-size: 15px;
	color: #000000;
	font-weight: 200;
}

.individual-provider h4 {
	margin: 0 0 15px;
	padding: 0px;
	float: left;
	width: 100%;
	font-family: inherit;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
}

.individual-provider span {
	margin: 9px 0 16px;
	padding: 0px;
	float: left;
	width: 100%;
}

.individual-provider span em {
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 15px;
	width: 130px;
	font-style: normal;
	font-weight: 200;
}

.radio-but {
	margin: 0;
	padding: 0;
	float: left;
}

.radio-but b {
	margin: 0 25px 0 0;
	padding: 0px;
	float: left;
	color: #000000;
}

.radio-but b label {
	font-weight: 500;
	font-style: normal;
}

.provider-create-account h3 {
	padding: 20px 0 0;
	float: left;
	width: 100%;
	font-size: 30px;
	font-weight: 300;
	position: relative;
}

.provider-create-account .astrick {
	color: red;
}

.provider-create-account span {
	margin: 0 0 15px;
	padding: 0px;
}

.provider-create-account span strong {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 49%;
}

.provider-create-account span strong label {
	margin: 0 0 7px 0;
	padding: 0;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: #777;
}

.create-account-input {
	margin: 0px;
	padding: 0 0 0 10px;
	float: left;
	width: 97%;
	height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	margin-bottom: 20px;
}

.provider-create-account span .create-account-input {
	margin: 0px;
	padding: 0 0 0 10px;
	float: left;
	width: 97%;
	height: 44px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	margin-bottom: 20px;
}

.provider-create-account .form-group {
	width: 300px;
	margin-bottom: 0;
}

.provider-info-right .btn {
	color: #fff;
	border-radius: 2px;
	height: 40px;
	float: left;
	background-color: #4ea652;
	padding: 9px 25px;
	border-color: #4ea652;
}

.provider-info-right .btn:focus {
	background-color: #1b3c88;
	border-color: #1b3c88;
}

.provider-info-right .btn:hover {
	background-color: #127d27;
	border-color: #127d27;
}

.signup-provider .provider-info-right .resend-btn {
	margin-top: 20px;
	padding: 9px 15px;
	float: left;
	float: left;
	clear: both;
	border: none;
	color: #4ea652 !important;
	text-transform: capitalize;
	background-color: transparent;
}

.number-verify {
	clear: both;
}

.provider-info-right .change-btn {
	margin-top: 8px;
	color: #fff;
	border-radius: 0px;
	height: 40px;
	margin-right: 125px;
	padding: 9px 25px;
}

.provider-info-right .material-icons {
	position: absolute;
	color: #777;
	padding-left: 5px;
}

.provider-info-right input[type="button"] {
	margin-right: 45px;
	background-color: #2e6331;
	color: #fff;
	padding: 6px 12px;
	border-color: #2e6331;
}

.provider-info-right .sms {
	font-weight: 200;
	margin-bottom: 20px;
	margin-top: -22px;
	font-size: 12px;
	width: 100%;
}

.provider-create-account label {
	font-weight: 400;
	font-size: 16px;
}

.request-right .signin-right {
	margin: 30px 0;
}

.otp-btngroup input[type="button"] {
	background-color: #4ea652;
	color: #fff;
	border-color: #4ea652;
	border-color: #1b3c88;
	padding: 5px 15px 5px 15px;
}

.number-verify p {
	padding-top: 20px;
	float: left;
	width: 22%;
	color: #127d27;
}

.number-verify p:first-child {
	color: #1b3c88;
}

.modal-content .modal-btn {
	margin-top: 15px;
	text-align: center;
	margin-right: 58px !important;
	width: 50%;
}

.bootstrap-timepicker-widget table td span {
	padding-left: 0;
	font-size: 20px;
}

.form-signin .provider-info-left,
.provider-create-account #fullDiv {
	margin-top: 20px;
}


/****** select-profession *******/

.Category {
	/* border: 1px solid #ccc;
	border-radius: 5px;
	width: 100%;
	height: 40px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 5px; */
	
	margin: 0px;
    padding: 0 0 0 10px;
    float: left;
    width: 97%;
    height: 40px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    margin-bottom: 20px;
}

.signup-provider h5 {
	padding: 0px 3px 15px 5%;
	font-size: 16px;
}




.checkboxFive label:hover::after {
	opacity: 0.5;
}


/**
 * Create the checkbox state for the tick
 */

.checkboxFive input[type=checkbox]:checked+label:after {
	opacity: 1;
}


/**************/

#login {
	margin: 50px auto;
	width: 400px;
}

#login h2 {
	background-color: #f95252;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
	color: #fff;
	font-size: 28px;
	padding: 20px 26px;
}

#login h2 span[class*="fontawesome-"] {
	margin-right: 14px;
}

#login fieldset {
	background-color: #fff;
	-webkit-border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	border-radius: 0 0 20px 20px;
	padding: 20px 26px;
}

#login fieldset p {
	color: #777;
	margin-bottom: 14px;
}

#login fieldset p:last-child {
	margin-bottom: 0;
}

#login fieldset input {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#login fieldset input[type="email"],
#login fieldset input[type="password"] {
	background-color: #eee;
	color: #777;
	padding: 4px 10px;
	width: 328px;
}

#login fieldset input[type="submit"] {
	background-color: #33cc77;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 100px;
}

#login fieldset input[type="submit"]:hover {
	background-color: #28ad63;
}


/********** aboutus ***********/

.static-page {
	margin: 10px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 25px;
}

.static-page p {
	text-align: justify;
	padding: 20px;
}


/********* help-center ******/

.static-para {
	margin: 0 0 15px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 25px;
}


/*........contact page...............*/

.contact-form {
	margin: 25px 0 0;
	padding: 0px;
	float: left;
	width: 93.3%;
}

.contact-form b {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 49%;
}

.contact-form b strong {
	margin: 0 0 15px;
	padding: 0px;
	float: left;
	width: 100%;
}

.contact-form b:nth-child(even) {
	float: right;
}

.contact-form b:last-child {
	width: 100%;
}

.contact-form b .contact-input {
	margin: 0px;
	padding: 0 0 0 10px;
	float: left;
	width: 97%;
	height: 46px;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #333;
}

.contact-form b .contact-textarea {
	margin: 0px;
	padding: 10px 0 0 10px;
	float: left;
	width: 97%;
	color: #333;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	border-radius: 3px;
	height: 108px;
}

.contact-form b .submit-but {
	margin: 15px 0 0;
	padding: 0px;
	float: right;
	border: none;
	background: #1b3c88;
	color: #FFFFFF;
	width: 172px;
	height: 49px;
	text-align: center;
	line-height: 33px;
	border-radius: 3px;
	font-size: 18px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.contact-form b .submit-but:hover {
	cursor: pointer;
	box-shadow: inset 0 100px 0 0 #127d27;
}

.buttonClassB,
.buttonClassB1 {
	box-shadow: 0 0 15px 2px rgba(243, 25, 25, .2) inset;
}


/******** alert ********/

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	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 */

.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 0px 20px 20px 20px;
	border: 1px solid #888;
	/*width: 20%;
	height: 100%;*/
}

#myModal2 .modal-content {
	width: 55%;
}

#myModal2 .modal-content p {
	font-size: 16px;
	color: #000;
	font-weight: 100;
	padding-top: 30px;
	width: 93%;
	padding-left: 18px;
	line-height: 28px;
	padding-bottom: 20px;
}

#myModal2 .btn {
	margin-top: 0;
	width: 40%;
	margin-left: 88px;
}

.signup-provider .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	height: 40%;
}

#myModal2 .signup-provider .popup-box3 {
	width: 28%;
}

.popup-box3 .thumbnail>img {
	width: 120px;
    height: 120px;
}

.modal-content p {
	
	text-align: center;
	font-size: 15px;
	line-height: 40px;
	padding-left: 0px;
}
.delete_option{
	text-align: center;
}
.modal-content span {
	
	font-size: 25px;
	padding-left: 42px;
	color: #127d27;
}


/* The Close Button */

.close {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


/********* signup requester ******/

.signup_r .header-page p {
	width: 75%;
}

.driver-profile-page {
	margin: 35px 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.driver-profile-top-part {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.driver-profile-img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 163px;
	height: 163px;
	position: relative;
}

.driver-profile-img span {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 156px;
	height: 156px;
	overflow: hidden;
	border-radius: 50%;
	border: 3px solid #127d27;
}

.driver-profile-img span img {
	width: 100%;
}

.driver-profile-img b {
	margin: 13px 0 0 0;
	padding: 0px;
	position: absolute;
	top: 0;
	left: 0;
}

.driver-profile-img b a {
	margin: 0px;
	padding: 0px;
	top: 0;
	left: 0;
}

.driver-profile-img b a i {
	margin: 0px;
	padding: 9px 0 0 9px;
	position: absolute;
	top: 0;
	left: 0;
	background: #1b3c88;
	cursor: pointer;
	height: 35px;
	width: 35px;
	border-radius: 30px;
	color: #fff;
	font-size: 18px;
}

.driver-profile-img b a i:hover {
	background: #127d27;
}

.image-upload-1 {
	width: 353px;
	margin: 52px auto;
	padding: 0px;
}

.upload-content {
	margin: 0 auto;
	padding: 20px 0 0;
	width: 90%;
}

.upload-content h4 {
	margin: 0 0 35px;
	padding: 0px;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 21px;
	color: #127d27;
	position: relative;
}

.upload-content h4:after {
	background: #;
	top: 35px;
	content: "";
	height: 2px;
	left: 40%;
	position: absolute;
	width: 40px;
}

.upload-content .thumbnail {
	width: 65%;
	height: 150px;
	margin: 0;
}

.signup_r .upload-content .thumbnail,
.signup_r .upload-content .btn-file {
	margin-left: 55px;
}

.signup_r .modal-content span {
	padding-left: 10px;
}

.upload-content .btn-file {
	margin: 0px;
	text-align: center;
	padding: 5px 0px;
	float: left;
	width: 65%;
	border-radius: 0 0 3px 3px;
	background: #127d27;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 15px;
	border: none!important;
}

.upload-content .btn-file>input {
	margin: 0px;
	padding: 5px 0;
	background: #127d27;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
	transform: none;
}

.popup-box3 .btn-danger {
	border-radius: 50%;
	font-weight: 600;
	margin: 0;
	padding: 0 7px 2px;
	position: absolute;
	right: 6px;
	top: 50px;
	width: auto !important;
	display: none;
}

.popup-box3 .save {
	margin: 15px 0;
	padding: 12px 0;
	background: #1b3c88;
	color: #FFFFFF;
	font-size: 18px;
	float: left;
	width: 48%;
	border: none;
	border-radius: 3px;
}

.popup-box3 .cancel {
	margin: 15px 0;
	padding: 12px 0;
	background: #838383;
	color: #FFFFFF;
	font-size: 18px;
	float: right;
	width: 48%;
	border: none;
	border-radius: 3px;
}

.uploading .modal {
	z-index: 9999;
	padding-top: 0;
}

.popup-box3 {
	height: auto !important;
}

.fileupload-new {
	color: #fff !important;
	font-size: 15px !important;
}

.driver-profile-top-part h5 {
	font-size: 22px;
	position: absolute;
	margin-top: 165px;
	padding-left: 6px;
}

.requester-signup-page .create-account span .create-account-input {
	width: 90%;
	margin-bottom: 10px;
}

.profile-div {
	width: 85%;
}


/*********** requester search ********/

.search-bg #Carpentry label,
.search-bg #plumbing label,
.search-bg #home-services label {
	font-size: 12px;
}




.requester-search-top .top-link-login {
	margin: 0 0 0 70px;
}

.requester-search .search-bg {
	background-color: #fff;
	padding: 20px 0;
	width: 100%;
}

.search-bg .astrick {
	color: red;
}

.search2Div {
	border-left: 1px solid #ccc;
}

.search1 h5,
.search3 h5,
.search4 h5,
.search5 h5 {
	background-color: #ffffff;
	width: fit-content;
	padding: 5px;
	margin-top: -30px;
	color: #1b3c88;
	margin-bottom: 20px;
}

.search3 {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 15px;
}

.search4,
.search5 {
	padding-left: 0;
}

.search1Div #Category {
	width: 55%;
	margin-left: 60px;
}

.search1Div #home-services,
.search1Div #Carpentry,
.search1Div #plumbing {
	width: 55%;
	margin-left: 136px;
	max-height: 150px;
	overflow-y: scroll;
}




.search-bg label {
	font-weight: 500;
}

.req {
	color: #FF0000;
}

.userwhole input[type=text] {
	height: 42px;
	width: 100%;
	border: 1px solid #ccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	border-radius: 3px;
	padding-left: 26px;
	float: left;
	clear: both;
	margin-bottom: 20px;
	position: relative;
}

.working_padding input {
	width: 100% !important;
}

.userwhole select {
	height: 42px;
	width: 100%;
	border-radius: 0;
	color: #9a9a9a;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin-bottom: 15px;
}

.userwhole select option {
	height: 25px;
}

.userwhole input[type=checkbox] {
	float: left;
	margin-left: -49px;
	margin-top: 6px;
}

.post-verify {
	float: left;
	width: 20%;
}

.search2Div .label_padd_left {
	padding-top: 20px;
	padding-bottom: 10px;
}

.working_padding {
	padding-left: 0;
}

.address_input {
	height: auto;
	width: 100%;
	float: left;
	margin-top: 20px;
}

#Cars3 label {
	padding-top: 11px;
}

.working_padding .fa-calendar {
	color: #ccc;
	position: absolute;
	left: 24px;
	top: 44px;
	Z-INDEX: 99;
}

.post-date .fa-calendar {
	/* top: 44px; */
	top: 49%;
	left: 10px;
}

.add-input1,
.add-input2,
.add-input3 {
	position: absolute;
	top: 15px;
	color: #ccc;
	left: 28px;
}

.search-btnrgt {
	margin-top: 20px;
	clear: both;
	margin: 0 auto;
	text-align: right !important;
}

.search-btnrgt .btn-default {
	padding: 8px 30px;
	background-color: #1b3c88;
	color: #fff;
	font-size: 16px;
	border-radius: 3px;
}

.search-btnrgt .btn-default:hover {
	background-color: rgba(25, 57, 134, 0.76) !important;
	box-shadow: inset 0 100px 0 0 rgba(25, 57, 134, 0.76);
}

.search-bg .btn-info {
	float: right;
	margin-top: -45px;
	background-color: #063579;
	border-color: #063579;
	font-size: 12px;
	padding: 6px 20px;
}

.search-bg .btn-info:focus,
.search-bg .btn-info:hover {
	background-color: rgba(25, 57, 134, 0.76) !important;
}

.contact1 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
}

.contact1 img{
	float: left;
}
.contact_detail1 {
	float: none;
}

.contact_detail1 address {
	padding-left: 35px;
	margin-bottom: 0;
	cursor: pointer;
}

.search-bg .modal-body {
	padding: 0;
	max-height:250px;
	overflow-y:scroll;
}
.search-bg1 .modal-body {
	padding: 0;
	max-height:250px;
	overflow-y:scroll;
}

.search-bg .modal-footer {
	border-top: none;
}

.search-bg .modal-footer .btn-default {
	padding: 6px 20px;
	width: 30%;
	margin: 0 auto;
	margin-top: 20px;
	background-color: #063579;
}
.tab-content .model_btn:hover, .tab-content .model_btn:focus
{
	color:#fff !important;
}
.search-bg .modal-dialog {
	/* width: 500px; */
}
.contact_del {
    float: right;
    padding: 6px 20px;
    margin-top: 20px;
    background-color: transparent;
    font-size: 25px;
    color: #F44336 !important;
}
.search-bg .contact_del {
	float: right;
	padding: 6px 20px;
	margin-top: 20px;
	background-color: transparent;
    font-size: 25px;
	color: #F44336;
}

.prof_list .nav-tabs {
	border-bottom: none;
	float: right;
	margin-right: 110px;
	margin-top: -35px;
	margin-bottom: 30px;
}

.prof_list .nav-tabs>li.active>a {
	background-color: #1b3c88;
	color: #fff;
}

.prof_list .nav-tabs>li.active>a:hover {
	color: #f7f7f7;
}

.prof_list .nav-tabs>li>a {
	background-color: rgba(128, 128, 128, 0.55);
	color: #fff;
	margin-right: 0;
	border-radius: 0;
}

.prof_list .nav-tabs>li>a:hover {
	border: 1px solid #1b3c88;
	color: #1b3c88;
}





/***** post a request *****/

.post-date #datepicker {
	z-index: 0;
}

.requirement {
	margin-top: 20px;
}

.search5 .upload_cer .driver-profile-img span {
	width: 100px;
	height: 100px;
}

.search5 .upload_cer {
	margin-top: 20px;
}

.requester-search .search2Div {
	border-left: 0;
}




.save-btn {
	float: left;
}

.save-btn label {
	padding-left: 10px !important;
	padding-top: 2px;
}


/************** map ************/

.get-fare-estimation {
	margin: 0px;
	padding: 0px 0 36px;
	float: left;
	width: 100%;
}

.get-fare-estimation-inner {
	margin: 0 auto;
	padding: 0px;
}

.get-fare-estimation-left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 95%;
}

.get-fare-estimation-left h3 {
	margin: 0 0 25px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 32px;
}

.get-fare-estimation-left span {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.get-fare-estimation-left span input {
	margin: 0 0 20px;
	padding: 9px 9px 9px 35px;
	float: left;
	width: 89%;
	border: 1px solid #dddddd;
	font-size: 17px;
	color: #000;
}

.get-fare-estimation-left span b {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	position: relative;
}

.get-fare-estimation-left span b button {
	margin: 0px;
	padding: 13px 15px;
	background: #f58901;
	position: absolute;
	top: 0;
	right: 0;
}

.get-fare-estimation-left span b button i {
	color: #FFFFFF;
}

.get-fare-estimation-left span .trip-start {
	background: url(../img/get-fare-icon1.png) no-repeat scroll left 10px top 15px;
}

.get-fare-estimation-left span .trip-end {
	background: url(../img/get-fare-icon2.png) no-repeat scroll left 10px top 15px;
}

.get-fare-estimation-left span a {
	border: 1px solid #019b92;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	margin: 0px;
	padding: 12px 50px 12px 30px;
	transition: all 0.5s;
	cursor: pointer;
	text-transform: uppercase;
	float: left;
	line-height: normal;
	background: #007d76;
	font-family: 'maven_promedium';
}

.get-fare-estimation-left span a:hover {
	border-color: #019b92;
	background: #019b92;
}

.get-fare-estimation-left span a em {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	font-style: normal;
}

.get-fare-estimation-left span a em:before {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: -10px;
	transition: 0.5s;
	font-size: 25px;
	line-height: 22px;
}

.get-fare-estimation-left span a em:before {
	opacity: 1;
	right: -26px;
}

.get-fare-estimation-left span a:hover em {
	padding-right: 10px;
}

.get-fare-estimation-left span a:hover em {
	color: #fff;
	border-color: #019b92;
}

.get-fare-estimation-left span a em:after {
	position: absolute;
	opacity: 0;
	top: 0;
	right: -10px;
	transition: 0.5s;
	font-size: 25px;
	color: #000000;
	line-height: 29px;
}

.get-fare-estimation-left span a:hover em:after {
	opacity: 1;
	right: 0;
	color: #fff;
}

.get-fare-estimation-left ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.get-fare-estimation-left ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.get-fare-estimation-left ul li label {
	margin: 0 0 10px;
	padding: 10px;
	float: left;
	width: 97%;
	font-size: 16px;
	border-bottom: 1px solid #e5e5e4;
}

.get-fare-estimation-left ul li label img {
	float: right;
}

.get-fare-estimation-left ul li label:hover {
	background: #ededed;
	cursor: pointer;
}

.get-fare-estimation-left ul li label b {
	margin: 0 10px 0 0;
	padding: 0px;
	float: right;
}

.get-fare-estimation-left ul li p {
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	line-height: 25px;
	font-size: 15px;
	color: #362f2d;
}

.get-fare-estimation-left ul li strong {
	margin: 10px 0 0 10px;
	padding: 0px;
	float: left;
	width: 100%;
}

.home-page-map {
	padding: 0px;
	float: left;
	width: 85%;
	height: 400px;
}

.get-fare-estimation-left ul li strong a {
	border: 1px solid #ff9f27;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	margin: 0px;
	padding: 12px 50px 12px 30px;
	transition: all 0.5s;
	cursor: pointer;
	text-transform: uppercase;
	float: left;
	line-height: normal;
	background: #f58901;
	font-family: 'maven_promedium';
}

.get-fare-estimation-left ul li strong a:hover {
	border-color: #f58901;
	background: #ff9f27;
}

.get-fare-estimation-left ul li strong a em {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	font-style: normal;
}

.get-fare-estimation-left ul li strong a em:before {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	bottom: 0;
	right: -26px;
	transition: 0.5s;
	font-size: 25px;
	line-height: 22px;
}

.get-fare-estimation-left ul li strong a em:before {
	opacity: 1;
	right: -26px;
}

.get-fare-estimation-left ul li strong a:hover em {
	padding-right: 0;
}

.get-fare-estimation-left ul li strong a:hover em {
	color: #fff;
	border-color: #019b92;
}

.get-fare-estimation-left ul li strong a em:after {
	position: absolute;
	opacity: 0;
	top: 0;
	right: -26px;
	transition: 0.5s;
	font-size: 25px;
	color: #000000;
	line-height: 29px;
}

.get-fare-estimation-left ul li strong a:hover em:after {
	opacity: 1;
	color: #fff;
}


/********* footer *********/



.footer {
	margin: 0;
	padding: 0px;
	float: left;
	width: 100%;
	background: rgba(0, 0, 0, 0.87);
}

.footer-inner {
	margin: 0 auto;
	padding: 0px;
	width: 1285px;
}

.footer-top-part {
	margin: 15px 0;
	padding: 0px;
	float: left;
	width: 100%;
}

.footer-box1 {
	margin: 10px 0 0;
	padding: 15px;
	float: left;
	width: 240px;
	position: relative;
	z-index: 0;
}

.footer-box1 .lang {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	display: none;
}

.footer-box1 .lang b {
	margin: 0px;
	padding: 10px;
	float: left;
	width: 91%;
	background: url(../img/drop-down-arrow.png) no-repeat scroll right 0px top 14px;
	border: 1px solid #fff;
	font-size: 15px;
	color: #FFFFFF;
	position: relative;
	z-index: 999;
}

.footer-box1 .lang b a {
	color: #FFFFFF;
}

.footer-box1 .lang b a:hover {
	color: #127d27;
}

.footer-box1 .lang-all {
	margin: 0px;
	padding: 5px 5px 0 5px;
	float: left;
	width: 770px;
	background: #000000;
	border: 1px solid #343434;
	position: absolute;
	top: 41px;
	left: 0;
	z-index: 0;
}

.footer-box1 .lang-all ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.footer-box1 .lang-all ul li {
	margin: 0 4px 4px 0;
	padding: 0px;
	float: left;
	width: 10.5%;
}

.footer-box1 .lang-all ul li:nth-child(9) {
	margin: 0 0 4px 0;
}

.footer-box1 .lang-all ul li:nth-child(18) {
	margin: 0 0 4px 0;
}

.footer-box1 .lang-all ul li:last-child {
	width: 87%;
	margin: 0 0 4px;
}

.footer-box1 .lang-all ul li a {
	margin: 0;
	padding: 5px 0;
	float: left;
	width: 100%;
	text-align: center;
	color: #fff;
	border: 1px solid #343434;
}

.footer-box1 .lang-all ul li a:hover {
	background: #127d27;
	color: #FFFFFF;
}

.footer-box1 .lang-all ul li .active {
	background: #127d27;
	color: #FFFFFF;
}

.footer-box1 .lang-all ul li:nth-last-child(-n+5) a {
	background: #127d27;
	color: #FFFFFF;
}

.footer-box1 .lang-all ul li:nth-last-child(-n+5) a:hover {
	background: #127d27;
	color: #FFFFFF;
}

.footer-box1 .lang-all ul li:nth-last-child(1) a {
	color: #fff;
	background: none;
}

.footer-box1 span {
	margin: 45px 0 0;
	padding: 0px;
	float: left;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
}

.footer-box1 span a .fa {
	margin: 0 25px 0 0;
	padding: 0px;
	cursor: pointer;
	color: #FFFFFF;
}

.footer-box1 span a .fa:hover {
	color: #46c1c1;
}

.footer-box1 .lang .select-wrapper {
	float: left;
	display: inline-block;
	border: none;
	background: url("../img/lang-icon.png") no-repeat scroll right 5px top 11px;
	cursor: pointer;
	position: relative;
}

.footer-box1 .lang .select-wrapper em {
	width: 93%;
	font-style: normal;
}

.footer-box1 .lang .select-wrapper,
.select-wrapper select {
	border: none;
	padding: 3px 0;
	margin: 0px;
	width: 99%;
	font-size: 15px;
	border-radius: 3px;
}

.footer-box1 .lang .select-wrapper:hover {
	background: url("../img/lang-icon.png") no-repeat scroll right 5px top 11px;
}

.footer-box1 .lang .select-wrapper .holder {
	display: block;
	margin: 1px 0 0 0;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	z-index: 0;
	color: #fff;
	font-size: 15px;
}

.footer-box1 .lang .select-wrapper select {
	margin: 0;
	padding: 0px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	outline: none;
	opacity: 0;
	_noFocusLine: expression(this.hideFocus=true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	left: 0;
	width: 100%;
	color: #666;
	float: left;
	height: auto;
}

.footer-box1 .lang .select-wrapper select option {
	margin: 0;
	color: #0e2d2d;
}

.footer-box2 {
	margin: 0 0 0 80px;
	padding: 0px;
	float: left;
	width: 550px;
}

.footer-box2 ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 60%;
}

.footer-box2 ul:last-child {
	width: 30%;
}

.footer-box2 ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	line-height: 30px;
}

.footer-box2 ul li a {
	margin: 0px;
	padding: 0 0 0 18px;
	float: left;
	color: #FFFFFF;
	font-size: 15px;
	background: url(../img/org-point.png) no-repeat scroll left 14px;
}

.footer-box2 ul li:before {
	background-color: #127d27;
}

.footer-box2 ul li a:hover {
	color: #d4d4d4;
}

.footer-box3 {
	margin: 40px 0 0;
	padding: 15px;
    float: right;
    width: 340px;
}

.footer-box3 span {
	margin: 0 10px 0 0;
	padding: 0px;
	float: right;
	width: auto;
}

.footer-bottom-part {
	margin: 0px;
	padding: 15px 0;
	float: left;
	width: 100%;
	background: #000000;
}

.footer-bottom-part span {
	margin: 0px;
	padding: 0px;
	float: left;
	color: #808080;
}

.footer-bottom-part span a {
	margin: 0px;
	padding: 0px;
	color: #3ba4a4;
}

.footer-bottom-part span a:hover {
	color: #FFFFFF;
}

.footer-bottom-part p {
	margin: 0px;
	padding: 0px;
	float: right;
	color: #FFFFFF;
}

.footer-bottom-part p a {
	margin: 0px;
	padding: 0px;
	color: #ff7e00;
}

.footer-bottom-part p a:hover {
	color: #fff;
}


/***************
*********header-21/03*********
*******************/

.main-page {
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	max-width: 1560px;
	background: #FFFFFF;
}

#top-part {
	margin: 0 auto;
	padding: 0px;
	float: left;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #283593;
	height: 90px;
	z-index: 998;
	opacity: 0.94;
	max-width: 1560px;
}

.top-inner-color {
}

.top-part-inner {
	margin: 0 auto;
	padding: 0px;
	width: 95%;
}

.logo {
	margin: 10px 0 0 -30px;
	padding: 0px;
	float: left;
}

.logo img {
	float: left;
}

.logo b {
	font-size: 31px;
	color: #000000;
	float: left;
	margin: 6px 25px 0 9px;
}

.top-link {
	margin: 0px;
	padding: 0px;
	float: right;
}



.top-link span {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 74px;
}

.top-link span a {
	margin: 0 10px;
	padding: 0px;
	float: left;
	color: #fff;
	font-size: 18px;
	height: 74px;
	line-height: 86px;
	margin-bottom: 0;
}

.top-link span a:hover {
	color: #127d27;
	border-bottom: 1px solid #80d6a3;
}

.top-link span .active {
	color: #127d27;
	border-bottom: 1px solid #80d6a3;
}

a:hover,
a:focus {
	text-decoration: none;
	color: #007d76;
}

a:focus {
	outline: none;
}




nav ul#listMenu {
	position: fixed;
}

nav ul#listMenu.listOpen {
	position: fixed;
}

.mobile {
	display: none;
}


/********* effects ********/

.Icon--social.Icon--facebook {
	background-position: 0 0;
}

.Icon--social {
	width: 36px;
	height: 36px;
	background: url(../img/social-icons.svg);
	-webkit-transition: background .3s;
	transition: background .3s;
}


/*********** chat *************/

.popup-box {
	background-color: #ffffff;
	border: 1px solid #b0b0b0;
	border-radius: 5px !important;
	bottom: 0;
	z-index: 99;
	display: none;
	height: 415px;
	position: fixed;
	right: 70px;
	width: 300px;
}

.round.hollow {
	margin: 40px 0 0;
}

.round.hollow a {
	border: 2px solid #ff6701;
	border-radius: 35px;
	color: red;
	color: #ff6701;
	font-size: 23px;
	padding: 10px 21px;
	text-decoration: none;
}

.round.hollow a:hover {
	border: 2px solid #000;
	border-radius: 35px;
	color: red;
	color: #000;
	font-size: 23px;
	padding: 10px 21px;
	text-decoration: none;
}

.popup-box-on {
	display: block !important;
}

.popup-box .popup-head {
	background-color: #fff;
	clear: both;
	color: #7b7b7b;
	display: inline-table;
	font-size: 21px;
	padding: 7px 10px;
	width: 100%;
}
.popup-box .popup-head h3
{
	padding-top: 12px;
    padding-left: 50px;
}

.bg_none i {
	border: 1px solid #1b3c88;
	border-radius: 25px;
	color: #1a3b88;
	font-size: 17px;
	height: 33px;
	line-height: 30px;
	width: 33px;
}

.bg_none:hover i {
	border: 1px solid #000;
	border-radius: 25px;
	color: #000;
	font-size: 17px;
	height: 33px;
	line-height: 30px;
	width: 33px;
}

.bg_none {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
}

.popup-box .popup-head .popup-head-right {
    margin: -25px 0px 0;
}

.popup-box .popup-messages {}

.popup-head-left img {
	border: 1px solid #7b7b7b;
	border-radius: 50%;
	width: 40px !important;
	height: 40px;
	margin-top: 0 !important;
}

.popup-messages-footer>textarea {
	/* border-bottom: 1px solid #b2b2b2 !important; */
	height: 34px !important;
	margin: 7px;
	padding: 5px !important;
	border: medium none;
	width: 85% !important;
}

.popup-messages-footer {
	background: #f8ecec none repeat scroll 0 0;
	bottom: 0;
	position: absolute;
	width: 100%;
}

.popup-messages-footer .btn-footer {
	overflow: hidden;
    padding: 2px 5px 10px 6px;
    width: 15%;
    float: right;
    position: absolute;
    top: 3px;
    right: -2px;
}

.simple_round {
	background: #d1d1d1 none repeat scroll 0 0;
	border-radius: 50%;
	color: #4b4b4b !important;
	height: 21px;
	padding: 0 0 0 1px;
	width: 21px;
}

.popup-box .popup-messages {
	background: rgba(23, 55, 131, 0.05) none repeat scroll 0 0;
	height: 310px;
	overflow: auto;
}

.direct-chat-messages {
	overflow: auto;
	padding: 0 10px;
	transform: translate(0px, 0px);
}

.popup-messages .chat-box-single-line {
	border-bottom: 1px solid #a4c6b5;
	height: 12px;
	margin: 7px 0 20px;
	position: relative;
	text-align: center;
}

.popup-messages abbr.timestamp {
	background: #3f9684 none repeat scroll 0 0;
	color: #fff;
	padding: 0 11px;
}

.popup-head-right .btn-group {
	display: inline-flex;
	margin: 0 8px 0 0;
	vertical-align: top !important;
}

.chat-header-button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #636364;
	border-radius: 50%;
	font-size: 14px;
	height: 30px;
	width: 30px;
	margin-top: 0px;
}

.popup-head-right .btn-group .dropdown-menu {
	border: medium none;
	min-width: 122px;
	padding: 0;
}

.popup-head-right .btn-group .dropdown-menu li a {
	font-size: 12px;
	padding: 3px 10px;
	color: #303030;
}

.popup-messages abbr.timestamp {
	background: transparent;
    color: #333;
    padding: 0;
    font-size: 10px;
    float: right;
    position: absolute;
    bottom: -4px;
    right: 4px;
}
/* .direct-chat-righttext abbr.timestamp {
    background: transparent;
    color: #333;
    padding: 0;
    font-size: 10px;
    float: right;
    position: absolute;
    bottom: -4px;
    left: 4px;
} */

/* .popup-messages .chat-box-single-line {
	border-bottom: 1px solid #1b3c88;
	height: 12px;
	margin: 7px 0 20px;
	position: relative;
	text-align: center;
} */

.popup-messages .direct-chat-messages {
	height: auto;
}

.popup-messages .direct-chat-lefttext,.direct-chat-righttext {
	background: #dfece7 none repeat scroll 0 0;
	border: 1px solid #dfece7;
	border-radius: 2px;
	color: #1f2121;
}

.popup-messages .direct-chat-timestamp {
	color: #fff;
	opacity: 0.6;
}

.popup-messages .direct-chat-name {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 0 49px !important;
	color: #fff;
	opacity: 0.9;
}

.popup-messages .direct-chat-info {
	display: block;
	font-size: 12px;
	margin-bottom: 0;
}

.popup-messages .big-round {
	margin: -9px 0 0 !important;
}

.popup-messages .direct-chat-img {
	border: 1px solid #fff;
	background: #3f9684 none repeat scroll 0 0;
	border-radius: 50%;
	float: left;
	height: 40px;
	margin: -21px 0 0;
	width: 40px;
}

.direct-chat-reply-name {
	color: #fff;
	font-size: 15px;
	margin: 0 0 0 10px;
	opacity: 0.9;
}

.direct-chat-img-reply-small {
	border: 1px solid #fff;
	border-radius: 50%;
	float: left;
	height: 20px;
	margin: 0 8px;
	width: 20px;
	background: #1b3c88;
}

.popup-messages .direct-leftchat-msg {
	margin-bottom: 10px;
	position: relative;
	width: 205px;
}

.popup-messages .direct-rightchat-msg {
	margin-bottom: 10px;
	position: relative;
}

.popup-messages .doted-border::after {
	background: transparent none repeat scroll 0 0 !important;
	border-right: 2px dotted transparent !important;
	bottom: 0;
	content: "";
	left: 17px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 2px;
	display: inline;
	z-index: -2;
}

.popup-messages .direct-leftchat-msg::after, .direct-rightchat-msg::after {
	background: #fff none repeat scroll 0 0;
	border-right: medium none;
	bottom: 0;
	content: "";
	left: 17px;
	margin: 0;
	position: absolute;
	top: 0;
	width: 2px;
	display: inline;
	z-index: -2;
}



.popup-messages .direct-chat-righttext {
	background: #d2d6de none repeat scroll 0 0;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    color: #444;
    margin: 5px 0 0 50px;
    position: relative;
    word-wrap: break-word;
	text-align: left;
	font-size: 14.5px;
	padding: 5px 10px 13px 10px;
}
.popup-messages .direct-chat-lefttext {
	background: #d2d6de none repeat scroll 0 0;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    color: #444;
    margin: 5px 0 0 0px;
    position: relative;
    word-wrap: break-word;
	text-align: left;
	font-size: 14.5px;
	padding: 5px 10px 13px 10px;
}

.direct-chat-lefttext, .direct-chat-righttext {
	background: #d2d6de none repeat scroll 0 0;
	border: 1px solid #d2d6de;
	border-radius: 5px;
	color: #444;
	margin: 5px 0 0 50px;
	margin: 5px 0 0 50px;
    position: relative;
    word-wrap: break-word;
}

.pop_chat {
	float: left;
	width: 8%;
	/*margin-top: 35px;*/
	margin-top: -20px;
	margin-left: 880px;
}

#complete .pop_chat,
#pending .pop_chat {
	position: absolute;
	right: 60px;
}


/************** map *************/

.small-map {
	width: 90%;
	height: 400px;
	margin: 0 auto 15px auto;
	box-shadow: 10px 10px 15px 0px #ccc;
}

.map-container {
	margin: 20px;
}

.mapsed-add-info h4 {
	margin: 0;
	padding: 0;
}

#errors {
	background-color: #d9534f;
	width: 100%;
	text-align: center;
	line-height: 34px;
	font-size: 15px;
	color: #fff;
	border-radius: 5px;
	text-transform: capitalize;
}

#success {
	background-color: rgba(18, 125, 39, 0.68);
	width: 100%;
	text-align: center;
	line-height: 34px;
	font-size: 15px;
	color: #fff;
	border-radius: 5px;
}

#message {
	padding-left: 70px;
}

.signup-provider .provider-lang label {
	width: 100%;
}

#fullDiv .profession {
	margin-bottom: 20px;
}

#fullDiv .category_det #service_id {
	width: 100%;
	height: 40px;
}

.search1,
.search3,
.search4,
.search5,
.search2 {
	border: 1px solid #d1d2d4;
	box-shadow: 2px 4px 2px #f5f5f5;
	padding: 15px 30px;
	margin-bottom: 30px;
}

.top-link-login span a {
	color: #fdfdfd !important;
}

.top-link-login span .active {
	color: #fff !important;
	border-bottom: 2px solid #fff !important;
}

.driver-profile-img b a i {
	background: #1b3c88 !important;
}

.upload-content h4 {
	color: #1b3c88 !important;
}

.job-head {
	color: #3456a5 !important;
}

.request-name h5 {
	color: #5f5c5c;
}

#completed #show-edit-profile-div-c,
#completed #show-edit-profile-div1-c,
#pending #show-edit-profile-div-pe,
#pending #show-edit-profile-div1-pe,
#pending #show-edit-profile-div-Pe1,
#pending #show-edit-profile-div1-Pe1 {
	background-color: #1b3c88;
}

#pending #show-edit-profile-div-pe:hover {
	background-color: #1b3c88 !important;
}

.job-date .btn-default {
	border-color: #1b3c88 !important;
}

#post #show-edit-profile-div:hover,
#post #show-edit-profile-div1:hover,
#enquiry #show-edit-profile-div-e:hover,
#enquiry #show-edit-profile-div1-e:hover,
#respond #show-edit-profile-div-r:hover,
#respond #show-edit-profile-div1-r:hover,
#hired #show-edit-profile-div-h:hover,
#completed #show-edit-profile-div-c:hover,
#completed #show-edit-profile-div1-c:hover,
#cancel #show-edit-profile-div-ca:hover,
#cancel #show-edit-profile-div1-ca:hover,
#profess #show-edit-profile-div-Pr1:hover,
#profess #show-edit-profile-div1-Pr1:hover,
#pending #show-edit-profile-div-pe:hover,
#pending #show-edit-profile-div1-pe:hover,
#complete #show-edit-profile-div-com:hover,
#cancelled #show-edit-profile-div1-can:hover {
	border: 1px solid #59a468 !important;
    color: #59a468 !important;
	box-shadow: inset 150px 0 0 0 #fff !important;
}

.chat-heading {
	color: #1b3c88 !important;
	font-size: 12px !important;
}

.profes_name {
	color: #444 !important;
}

.post_head {
	color: #1b3c88 !important;
}

.edit-profile-detail-form .popup-box .direct-chat-img {
	margin-top: 10px;
	width: auto;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #ffffff !important;
	background: #a7a7a7 !important;
	color: #ffffff !important;
}

.form-group.profession label {
	width: 100% !important;
	margin-top: 5px;
	
}

.post-verify {
	width: auto !important;
}

.c_warning {
	margin-left: 5px !important;
	font-size: 22px;
	color: #ababab;
}

.p_profile img {
	border: 4px solid #1b3c88;
	border-radius: 50%;
	width: 100px;
    height: 100px;
}
.m_profile img {
    border: 4px solid #369147;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.n_profile img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}




.p_info h3 {
	color: #193a87;
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.p_info p i {
	font-size: 18px;
}

.km_map {
	font-size: 18px;
	color: #193a87;
	padding: 15px 0;
}

.rupee_map {
	font-size: 28px;
}

.professional_list {
	padding-bottom: 15px;
	margin-bottom: 15PX;
	border-bottom: 1px solid #d6d6d6;
}

.guestsignup h5 {
	font-size: 26px;
	margin-bottom: 20px;
}

.guestsignup {
	text-align: center;
	padding: 56px;
}

.guestsignup h2 {
	font-size: 45px;
	margin-bottom: 35px;
	color: #1b3c88;
}

.guestsignup button {
	background-color: #1b3c88;
	color: #fff;
	border: none;
	border-radius: 4px;
	text-transform: capitalize;
}

.guest_comment {
	float: right;
	padding: 16px 15px;
	color: #fff;
	border-radius: 50%;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.28);
	background-color: #1a3b87;
}

.guest_comment i {
	font-size: 18px;
	color: #fff;
}

.top-inner-colors {
	background-color: #54a263 !important;
}

.top-inner-colors .menu a {
	color: #FFF !important;
}

.top-inner-colors .menu a:before {
	background: #FFF !important;
}




.top-inner-colors .top-link-login span a {
	color: #FFF;
}

.wizard {
	margin: 0;
	background: #fff;
	clear: both;
}

.wizard .nav-tabs {
	position: relative;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
}

.wizard>div.wizard-inner {
	position: relative;
}

.connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

span.round-tab {
	width: 40px;
	height: 40px;
	line-height: 35px;
	display: inline-block;
	border-radius: 100px;
	background: #fff;
	border: 2px solid #e0e0e0;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 10px;
}

span.round-tab i {
	color: #555555;
}

.wizard li.active span.round-tab {
	background: #1b3c88;
	color: #fff;
	border: 2px solid #1b3c88;
}

.wizard li.active span.round-tab i {
	color: #5bc0de;
}

span.round-tab:hover {
	color: #333;
	border: 2px solid #333;
}

.signup-provider .wizard .nav-tabs>li {
	width: 20%;
}

.wizard li:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #5bc0de;
	transition: 0.1s ease-in-out;
}

.wizard li.active:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 10px solid transparent;
	border-bottom-color: #1b3c88;
}

.wizard .nav-tabs>li a {
	width: 40px;
	height: 40px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0;
}

.wizard .nav-tabs>li a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative;
}

.wizard h3 {
	margin-top: 0;
	font-size: 22px;
	padding: 15px 0;
	color: #1b3c88;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #0c2f81;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis  .div{
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #54a263;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
.loaderDiv {
    background-color: #0000005e;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
}
.loader {
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 9;
    margin: auto;
    top: 50%;
}
.psignup .popup-content {
    padding-top: 0 !important;
    padding-bottom: 5px !important;
    line-height: 24px !important;
    /* color: #838383; */
}
#attachement_container .col-md-4 img{
	width:100%;
}
.provider_update_profile #responseMsg{
		float: left ;
		width: 100% ;
	}
.label_space {
	margin-top: 8px;
}

.search-bg .btn-primary {
	background-color: #1b3c88;
	border-radius: 3px;
	border: 1px solid #1b3c88;
} 






input[type=checkbox],
input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal;
	width: 1.2em;
	height: 1.2em;
	vertical-align: text-bottom;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

.create-account li {
	margin-right: 30px;
	display: inline-block;
	width: 100px;
	text-align: center;
}

.create-account li a>div {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	text-align: center;
	border-radius: 4px;
}

.create-account li:first-child a>div,
.create-account li:last-child a>div {
	width: 100px;
}

.create-account li a {
	color: #A8A8A8;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-family: inherit;
}

.create-account li .layer2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 25px 0 rgba(00, 00, 00, 0.15);
	box-shadow: 0 0 25px 0 rgba(00, 00, 00, 0.15);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.create-account li:first-child .layer2,
.create-account li:last-child .layer2 {
	left: 0px;
	width: 100px;
}


/* hover layer effects */

.create-account li a:hover .layer2 {
	top: -22px;
	left: 0px;
	width: 100px;
}

.create-account li:first-child a:hover .layer2 {
	top: -24px;
	left: -20px;
}

.create-account li:last-child a:hover .layer2 {
	top: -24px;
	left: 20px;
}


/* Layer content */

svg {
	height: 42px;
	margin-top: 35px;
}

.nb {
	font-size: 15px;
	padding-top: 27px;
}

.create-account li .textlink {
	position: absolute;
	bottom: 0;
	right: 15%;
	left: 15%;
	color: white;
	font-size: 12px;
	text-align: center;
}

.create-account li:first-child .textlink {
	text-align: center;
}

.create-account li:last-child .textlink {
	text-align: center;
}


/* Facebook */

#fb {
	background: #364F8F;
}


/* Twitter */

#tw {
	background: #02A8EA;
}


/* Google Plus */

#googleplus {
	background: #e44949;
}

/* Instagram */

#insta {
	background: #125486;
}

.title1 {
	text-align: center;
	padding-bottom: 20px;
}

.title1 h2 {
	color: #333;
	font-size: 25px;
	padding-bottom: 25px;
	text-transform: capitalize;
	display: inline-block;
	position: relative;
}

.title1 h2:before {
	content: '';
	width: 40px;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: 12px;
	left: -60px;
}

.title1 h2:after {
	content: '';
	width: 40px;
	height: 1px;
	background: #ddd;
	position: absolute;
	top: 12px;
	right: -60px;
}

input:focus,
select:focus {
	border: 1px solid #1b3c88 !important;
	box-shadow: 0px 0px 5px 0px rgb(27, 60, 136);
}

.list-inline li a {
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	padding: 12px 24px;
	border-radius: 2px;
	background-color: #1b3c88;
}

.list-inline li .search_btn {
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	padding: 9px 25px;
    border-radius: 4px;
	background-color: #1b3c88;
}

#Category1 {
	font-family: 'Maven Pro', sans-serif;
	width: 97%;
	color: #444;
	height: 40px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.Category-new {
	font-family: 'Maven Pro', sans-serif;
	width: 100% !important;
	color: #444;
	height: 40px !important;
	padding-left: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
}

.Category-new .btn-default {
	border-color: #ccc;
	border-radius: 4px;
}

.tab-Titile h3 {
	text-align: center;
	margin: -10px 0 15px 0;
}

.model_btn {
	margin-top: 0;
	border-radius: 4px !important;
	border: 1px solid #193a87;
	background: #0c2f81;
	padding: 4px !important;
	font-size: 12px !important;
	color: #ffffff;
}

.provider-info-right .form-group {
	margin-bottom: 0;
}

.cost_hour input {
	height: 40px !important;
    padding: 9px 25px;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
}

label {
	font-weight: 500 !important;
}

.search-bg {
	width: 100% !important;
}

.btn-default {
	border-color: #ececec;
}


/*tabs*/

.tabbable-panel {
	border: 1px solid #eee;
	padding: 10px;
	clear: both;
	min-height: 400px;
}


/* Default mode */

.tabbable-line>.nav-tabs {
	border: none;
	margin: 0px;
}

.tabbable-line>.nav-tabs>li {
	margin-right: 2px;
}

.tabbable-line>.nav-tabs>li>a {
	border: 0;
	margin-right: 0;
	font-size: 16px;
	color: #737373;
}

.tabbable-line>.nav-tabs>li>a>i {
	color: #a6a6a6;
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
	border-bottom: 4px solid #fbcdcf;
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
	border: 0;
	background: none !important;
	color: #333333;
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
	color: #000;
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	background-color: #3d599a !important;
	color: #fff !important;
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
	margin-top: 0px;
}

.tabbable-line>.nav-tabs>li.active {
	border-bottom: 4px solid #8890a0;
	position: relative;
}

.tabbable-line>.nav-tabs>li.active>a {
	border: 0;
	color: #fff;
	font-size: 16px;
	background-color: #1b3c88;
}

.tabbable-line>.nav-tabs>li.active>a>i {
	color: #404040;
}

.pre-nxt-btn {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}

.portlet .tabbable-line>.tab-content {
	padding-bottom: 0;
}

.post_div {
	background-color: #3d599a;
	padding: 27px 20px;
	color: #fff;
}

.pre-nxt-btn {
	padding: 25px 0;
}

.nexttab {
	float: right;
	color: #fff !important;
	border: 1px solid #3d599a;
	padding: 3px 10px !important;
}

.search-bg .wizard .nav-tabs>li {
	width: 25% !important;
}

.search-bg .tab-content {
	width: 100%;
	margin: 0 auto;
}

.search-bg .wizard .nav-tabs {
	border-bottom: none !important;
}

.search-bg1 {
	width: 100% !important;
}

.signup-provider .wizard li.active span.round-tab {
	background: #54a263 !important;
	color: #fff;
	border: 2px solid #54a263 !important;
}

.signup-provider .wizard li.active:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 10px solid transparent;
	border-bottom-color: #54a263;
}

.signup-provider .btn-primary {
	border-color: #5ea76c;
	background-color: #5ea76c;
	border-radius: 3px;
}

.signup-provider .list-inline li a {
	background-color: #72b27e;
}

.signup-provider .resend-btn {
	background-color: #4ea652;
	color: #fff;
	padding: 6px 20px;
	font-size: 12px;
	border-color: #4ea652;
	text-transform: capitalize;
}

.detail_profission .form-group .form-control {
	width: 83%;
}

.working_plan .fa-calendar {
	left: 8px !important;
	top: 16px !important;
}

.post_div h2 {
	padding-bottom: 15px;
}

.forgot_r .bottomline:after {
	top: 30%;
	left: 16%;
}

.sign_p .bottomline:after {
	background: #4ea552;
	top: 28%;
    left: 12.5%;
}

.sign_p .request-right .button_sliding_bg_4:hover {
	box-shadow: inset 200px 0px 0 0 #54a263 !important;
}

.signin_r .request-right .button_sliding_bg_4:hover {
	box-shadow: inset 200px 0px 0 0 #3d599a !important;
}

.signin_r .request-right span a:hover,
.request-right span a:focus {
	border-color: #3d599a;
}

.check_v {
	clear: both;
	margin-top: 20px !important;
}

input::placeholder {
	color: #444 !important;
}

select {
	color: #333 !important;
}

.astrick {
	color: red;
}

.update-detail textarea.form-control {
	width: 95% !important;
}

.work_c .fa-calendar {
	left: 24px !important;
	top: 44px !important;
}

.post-date .fa-calendar {}

.forgot_p .login-form-left b .submit-but {
	text-transform: capitalize;
	background: #54a263 !important;
}

.forgot_p .login-form-left b a {
	color: #54a263;
}

.forgot_p .login-form-left b .submit-but:hover {
	box-shadow: inset 0 100px 0 0 #89be93;
	color: #fff;
}

.forgot_r .login-form-left b .submit-but:hover {
	box-shadow: inset 0 100px 0 0 #3d599a;
	color: #fff;
}

.forgot_r .login-form-left b .submit-but {
	background: #3d599a;
}

.forgot_r .login-form-left b a {
	color: #3d599a;
}

.forgot_r .button_sliding_bg_4:hover {
	box-shadow: inset 200px 0px 0 0 rgb(61, 89, 154);
	color: #FFF !important;
}

.forgot_r .login-form-right span a {
	border: 1px solid #3d599a;
	width: 172px;
	height: 47px;
	text-align: center;
	color: #3d599a;
}

.forgot_p .button_sliding_bg_4:hover {
	box-shadow: inset 200px 0px 0 0 #59a468;
	color: #FFF !important;
	border: 1px solid #59a468;
}

.forgot_p .header-page {
	font-size: 40px;
	color: #54a263;
}

.forgot_p .bottomline:after {
	top: 28%;
	left: 12.2%;
	background: #54a263;
}
.forgot_r .bottomline:after {
	top: 28%;
	left: 12.2%;
	background: #0c2f81;
}

.btn-primary:active.focus {
	background-color: #54a263 !important;
}

.profession {
	margin-bottom: 15px !important;
}

.userwhole textarea {
	width: 81%;
}

.list-inline .prev-step {
	border-color: #1b3c88;
	color: #fff;
	background-color: #1b3c88;
	border-radius: 4px;
}

.signup-provider .list-inline .prev-step {
	border-color: #5ea76c;
	color: #fff;
	border-radius: 4px;
	background-color: #5ea76c;
}

.requstsearch-lang {
	border: 1px solid #ddd;
	padding: 15px;
	height: 150px;
	width: 90%;
	overflow-y: scroll;
}

.postsearch-lang {
	border: 1px solid #ddd;
	padding: 15px;
	height: 150px;
	width: 90%;
	overflow-y: scroll;
}

.postsearch-lang label {
	font-weight: 200 !important;
}

.userwhole input[type=checkbox] {
	margin-left: 0 !important;
	margin-top: 6px !important;
	margin-right: 5px;
}

.jobdays {
	width: 66% !important;
}

.postwork input,
.posttime input,
.postfrom input {
	width: 100% !important;
}

.postwork .fa-calendar {
	left: 8px !important;
	top: 49% !important;
}

.pre-nxt-btn .list-inline {
	margin-top: 5px;
	
    margin-right: 10px;
    bottom: -30px;
    position: relative;
}
.pre-nxt-btn .srStep1 .list-inline {
	margin-top: 5px;
	
    margin-right: 10px;
    bottom: 30px;
    position: relative;
}

.request_search .userwhole select {
	width: 100% !important;
}

.request_search .userwhole input[type=text] {
	width: 100% !important;
}

.post_language {
	width: 65% !important;
	margin-bottom: 15px !important;
}

.expiry-month {
	height: 44px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.expiry-year {
	height: 44px;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.card_details select {
	width: 100%;
}

.c-emy .ex-group {
	width: 97%;
}

.pil_info i {
	color: #5ea76c;
}

.signup-provider .btn-primary:focus {
	background-color: #5ea76c !important;
	border: none;
}

.guest_language {
	width: 95% !important;
}

.f_clock i {
	top: 41px;
	left: 6px;
	color: #ccc;
	font-size: 18px;
	position: absolute;
	z-index: 99;
}

.provider_dashboard,
.request_jobhistory {
	width: 100%;
	border: 1px solid #e8e8e8;
	font-size: 16px;
}

.request_jobhistory .nav li {
	width: 25%;
	border: 1px solid #e8e8e8;
	text-align: center;
	text-transform: capitalize;
}

.provider_dashboard .nav li {
	width: 16.66%;
	border-left: 1px solid #e8e8e8;
	text-align: center;
	text-transform: capitalize;
}
.provider_dashboard .nav-tabs>li>a {
    margin-right: 0;
}

.request_jobhistory .nav-tabs>li>a {
	color: #444;
}

.provider_dashboard .nav-tabs>li>a {
	color: #444;
}

.provider_dashboard .nav-tabs>li.active>a,
.provider_dashboard .nav-tabs>li.active>a:focus,
.provider_dashboard .nav-tabs>li.active>a:hover {
	color: #fff !important;
	text-align: center;
	cursor: default;
	background-color: #59a468 !important;
	border-radius: 0;
}

.request_jobhistory .nav-tabs>li.active>a,
.request_jobhistory .nav-tabs>li.active>a:focus,
.request_jobhistory .nav-tabs>li.active>a:hover {
	color: #fff;
	text-align: center;
	cursor: default;
	background-color: #3d599a;
	border-radius: 0;
}

.signup-provider .tab-Titile h3 {
	color: #5ea76c !important;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	text-transform: capitalize;
}

.feature-block {
	margin-top: 0;
}


/*.tab-pane .modal-content {
	width: 353px !important;
}
*/

.popup-content {
	padding-top: 0 !important;
	padding-bottom: 20px !important;
	line-height: 24px !important;
	/* color: #838383; */
}

.popupinfo {
	font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-align: center;
    line-height: 24px !important;
}
.goToPremium{	
	border-radius: 5px !important;
    background: #969696 !important;
	border: 1px solid #969696;
    /*border: 1px solid #54a236;*/
}
.providerMsgCount h5{
	margin-top: -10px !important;
    font-size: 13px !important;
    color: #59a468 !important;
}
.providerServiceDtl h5{
	margin-top: -10px !important;
}
.psignup .btn-defult {
	color: #fefefe;
	background-color: #54a263;
	border-radius: 5px;
	margin-left: 3%;
}
.psignup .btn-primary {
	margin-left: 3%;
}

.availability .pil_info {
	position: absolute;
}
.callout.callout-danger
{
	background-color: #dd4b39 !important;
}
.callout.callout-success
{
	background-color: #00a65a !important;
}
.callout {
    border-radius: 10px;
    margin: 5px 0 20px 0;
    padding: 10px 10px 10px 25px;
    border-left: 5px solid #eee;
    color: #fff;
    font-size: 15px;
}
.tooltip1 {
	display: block;
}

.tooltip1 .tooltiptext {
	margin-left: 9px;
	width: 250px;
	visibility: hidden;
	background-color: #5b5b5b;
	color: #fff;
	border-radius: 4px;
	border: 1px solid #5b5b5b;
	position: absolute;
	z-index: 1;
	padding: 5px;
	margin-top: 0px;
	opacity: 0;
	transition: opacity 1s;
}

.tooltip1 .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 7%;
	right: 100%;
	/* To the left of the tooltip */
	margin-top: -5px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent #5b5b5b transparent transparent;
}

.tooltip1:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
.tooltip_outer
{
    margin-top: -10px;
    display: inline;
    padding-left: 5px;
    margin-right: 0px;
    position: absolute;
    z-index: 2;
}


.tooltip1 .tooltiptext1 {
	margin-left: 350px;
    width: 250px;
    visibility: hidden;
    background-color: #5b5b5b;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #5b5b5b;
    position: absolute;
    z-index: 1;
    padding: 5px;
    margin-top: 55px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip1 .tooltiptext1::after {
	content: " ";
	position: absolute;
	top: 7%;
	right: 100%;
	/* To the left of the tooltip */
	margin-top: -5px;
	border-width: 8px;
	border-style: solid;
	border-color: transparent #5b5b5b transparent transparent;
}

.tooltip1:hover .tooltiptext1 {
	visibility: visible;
	opacity:0;
}
.address_search
{
	float: left;
}
.contact_del
{
	float: right;
    margin-left: 255px;
    margin-top: -52px !important;
}
.otp_submit
{
	float: right !important;
    /* margin-top: -60px; */
    margin-right: -105px;
}
.travel_empty, .post_empty
{
	text-align: center;
    padding: 10px;
    color: #746969;
}

.chat_empty
{
	text-align: center;
    padding: 73px;
    margin-top: 75px;
    color: #746969;
}

.travel-plan .status_check
{
	margin-top: -90px;
}

.travel-plan .travel_status
{
	margin-top: 35px;
}
.simple-rater-holder
{
	margin-top: -45px;
}

.subcat-nav {
    width: 100%;
    height: 115px;
    overflow: auto;
    min-height: 50px;
    border: 1px solid red;
    margin: 30px 0 20px;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding: 10px;
}

.subcat-nav label
{
	float: left;
    width: 100% !important;
}

/*Parsley VAlidation Style Starts*/
	
.parsley-errors-list {
	display: none;
	margin: 0;
	padding: 0
}

.parsley-errors-list.filled {
	display: block
}

.parsley-errors-list>li {
	font-size: 12px;
	list-style: none;
	color: #ed5466;
	float: left;
}

.parsley-error {
	border-color: #ed5466!important
}

.parsley-custom-error-message {
	color: #ed5466
}

.parsley-error.custom-checkbox:hover>label:before,
.parsley-error.custom-checkbox>label:before,
.parsley-error.custom-radio:hover>label:before,
.parsley-error.custom-radio>label:before {
	border: 1px solid #ed5466
}

.parsley-error.custom-checkbox>input[type=checkbox]:checked+label:before,
.parsley-error.custom-radio>input[type=checkbox]:checked+label:before {
	border-color: #ed5466;
	background-color: #ed5466
}

.parsley-error.custom-checkbox>label,
.parsley-error.custom-radio>label {
	color: #ed5466
}

	/*Parsley VAlidation Style Ends*/

.giveFeedback
{
	padding: 10px 35px;
    border-radius: 0px;
    margin-top: -38px;
    background-color: #277d5f;
    float: right;
    color: #fff;
    border-color: #277d5f;
}
.rating img
{
	width: 20px !important;
	margin-left: 0 !important;
}

.tabbable-line>.nav-tabs>li.disabled>a {
   border: 0;
    color: #737373 !important;
    font-size: 16px;
    background-color: transparent !important;
}
.tabbable-line>.nav-tabs>li.disabled {
    border-bottom: 4px solid transparent !important;
    position: relative;
}
.providerDash{
	margin-top:55px;
}
.provider_view, .providerHired_view, .providerCom_view, .providerCancel_view {
    background-color: #59a468 !important;
    border-radius: 3px;
    position: absolute;
    right: 200px;
    margin-top: -78px;
    border-radius: 4px;
    background-color: #0b4ca5;
    padding: 5px 20px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
}
.strRating .rating{
	margin-left: 10%;
    width: 20%;
    float: left;
	/*margin-top: 32px;*/
}
.strRating .prof-distance p	{
	margin-top: 30px !important;
    margin-left: 28.5% !important;
}
.professionalProfile .confirmProfessional{
	float: right;
    top: 10px;
    right: 25px;
    position: relative;
}
.feedbackDiv .btn-default {
    padding: 10px 18px;
    background-color: #0b4ca5;
    color: #fff;
    border-color: #0b4ca5;
    border-radius: 5px;
    position: absolute;
    right: 350px !important;
    font-size: 14px;
    text-transform: capitalize;
    margin-left: 15px;
    margin-top: -10px;
}
.certification .fa-graduation-cap{
	font-size: 30px;
	color: #0c2f81;
	margin-left: 10px;
}
.reqDetl1 .certification .fa-graduation-cap{
	font-size: 22px;
	color: #0c2f81;
	margin-left: 10px;
}
.certification .fa-check-square-o{
	font-size: 30px;
	color: #369147;
	margin-left: 10px;
}
.reqDetl1 .certification .fa-check-square-o{
	font-size: 22px;
	color: #369147;
	margin-left: 10px;
}
.certify-verify .fa-graduation-cap{
	font-size: 25px;
    color: #0c2f81;
    margin-left: 10px;
    padding: 10px 0;
}
.certify-verify .fa-check-square-o{
	font-size: 25px;
    color: #369147;
    margin-left: 10px;
    padding: 10px 0;
}
.profImg1 img{
	width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 10px;
	/* margin: auto;
    display: block; */
}
.ProfNme h3{
	/* padding: 5px 0; */
	margin: 5px 0;
	font-size: 13px;
}
.ProfNme {
	margin-left: 10px;
    padding: 7px 10px;
}
.ProfNme span img{
	vertical-align: text-top;
	width: 4%;
	margin-left: -4px;
    margin-right: 4px;
}
.reviewDiv h3{
	padding: 10px;
}
.reviewFullDiv{
	border: 1px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
}
.msgCount{
	float: left;
    text-align: center;
    background-color: #008000;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #fff;
    padding: 8px;
    margin-top: 24px;
}
.cancelDate{
	font-weight: normal !important;
    font-size: 14px !important;
}
.postLabel label{
	text-align : center;
}
.postLabel label.col-md-2 {
    width: 11.6%;
}
.postLabel label.col-md-1 {
    width: 5%;
}
#pending .pending_delete{
    position: absolute;
    right: 13% !important;
    border-radius: 5px;
    margin-top: -65px;
    background-color:  #d04d20 !important;
    padding: 5px 25px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}
#confirmed_Tab .confirmed_delete{
    position: absolute;
    right: 13% !important;
    border-radius: 5px;
    margin-top: -65px;
    background-color:  #d04d20 !important;
    padding: 5px 25px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}
.travel-plan .modal-header .close {
    /* margin-top: -25px; */
}
span.round-tab {
    font-size: 12px;
    width: 50px;
    height: 50px;
    line-height: 50px;
	margin-top: -8px;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none;
    color: #44444461 !important;
    cursor: default;
}
.datepicker table tr td.active.active{
	color: #ffffff;
    background: #285e8e !important;
    border-color: #285e8e;
}
.strRating .prof-distance p.youContactedText
{
    margin-top: 30px !important;
    /*margin-left: 36.5% !important;*/
	margin-left: 500px !important;
}
.reviewBlock{
	max-height: 300px;
    overflow: hidden;
    overflow-y: auto;	
}
#frm1{
	padding: 15px 0;
}
.provider_dashboard .tab-content>.tab-pane {
    max-height: 500px;
    overflow-y: auto;
    position: relative;
}
.request_jobhistory .tab-content>.tab-pane {
    max-height: 500px;
    overflow-y: auto;
    position: relative;
}

.provider_dashboard .request-name {
    float: left;
    width: 30%;
    margin-left: 45px;
    margin-top: 20px;
}
.provider_dashboard .request-time {
    float: left;
    width: 35%;
    margin-left: 65px;
    margin-top: 20px;
}
.hiredJobListings .btn-info {
    margin-left: 5px !important;
    background-color: transparent;
    color: #000;
    border-color: #127d27;
    padding: 8px 32px;
    font-size: 12px;
}
.btn-info:hover {
    color: #333;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
	border-color: #127d27 !important;
}
.pop_chat a{
	/*position: absolute;
    right: 10%;*/
	/*float: left;
    margin-left: 360px;*/
}
.popup-box img{
	margin-left: 0 !important;
    border: none;
}
.SideFab{
	color: #fff;
    position: fixed;
    top: 50%;
    z-index: 99999;
    right: -40px;
    width: 75px;
    border: 2px solid #fff;
    height: 75px;
    background: #54a263;
    border-radius: 200px;
    margin-top: -2%;
    overflow: hidden;
    padding-right: 45px;
    text-align: center;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}
.SideFab .subscribe {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px !important;
    padding-left: 8px;
    line-height: 70px;
}
.professionalViewDiv .frm1 .post-time {
    width: 30% !important;
}
.subscriptionForm{
	position: fixed;
    right: 0;
    top: 40%;
    z-index: 9999;
    background: #fff;
    display: none;
    padding: 20px 60px 20px 20px;
    border: 1px solid #ccc;
    border-right: 0px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
	cursor: pointer;
}
.subscriptionForm .formTxt{
	width: 500px;
    max-height: 500px;
}
.subscriptionForm .btn-primary{
	background: #54a263;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
}
.subscriptionForm input[type=checkbox]{
	float: left;
	margin-right: 5px;
}
.update-detail .form-control {
    display: block;
    width: 95%;
}
.zoneDivDtl{
	padding-left: 0;
	padding-right: 25px;
}
.postTimeDiv{
	margin-left: 75px !important;
    position: absolute !important;
    width: 15px !important;
    margin-top: -20px !important;
}
.postTimeDiv1{
	margin-left: 33px;
}
.BannerTxtBlue{
	
}
.list-inline>li {
    display: inline-block;
    padding-right: 10px;
    padding-left: 15px;
}
.TermsConditions input[type=checkbox]{
	margin-right: 5px;
}
.alert-success{
	margin-left: 15px;
	margin-top: 10px;
}
.postrequestpage .f_clock i {
		top: 42px;
		left: 6px;
		color: #ccc;
		font-size: 18px;
		position: absolute;
		z-index: 99;
	}
.postrequestpage .postwork .fa-calendar {
    left: 12px !important;
    top: 49% !important;
}
.newFeedback .giveFeedbackbtn1{
		position: absolute;
		right: 7%;
		margin-top: -75px;
		background-color: #1b3c88;
		color: #fff;
		border-radius: 5px;
		padding: 5px 20px;
		height: 34px;
		text-transform: capitalize;
}
#travel1 .provider_set i{
		position: relative;
		top: 12px;
		color: #a0a0a0;
	}
	.updateProviderText textarea{
		width: 95%;
	}
	.moreProfessionalBtn{
		float: right;
		top: -45px;
		right: 25px;
		position: relative;
	}
	/* .yrofexp{
		width:97%;
	} */
	.costofRemot{
		width: 100% !important;
	}
	.LocPad{
		padding-left : 15px;
	}
	.certification span{
		font-size: 18px;
		margin: 0 10px;
	}
	.professional_list .certification {
		border: none;
		padding: 35px 0;
	}
	.FilterList{
		position: absolute;
		top: 16%;
		right: 9%;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid#0c2f81;
		border-radius: 50%;
		padding: 10px;
		background-color: #0c2f81;
		cursor: pointer;
	}
	.FilterList .fa{
		font-size: 30px;
		color: #ffffff;
	}
	#professionalListsDiv{
		max-height: 500px;
		overflow-y: auto;
	}
	.GustLog h2{
		padding: 15px 0px;
	}	
	.volntr .col-md-12{
		padding: 0;
	}
	.CerVer .col-md-4, .CerVer .col-md-4 .col-sm-2{
		padding: 0;
	}
	
	.SearchFilterModel .modal-footer .btn-default {
		margin-right: 0 !important;
		width: auto;
	}
	.SearchFilterModel span {
		font-size: 16px !important;
		padding-left: 25px;
		color: #222 !important;
		padding: 0px 35px;
	}
	.SearchFilterModel .modal-body h4{
		padding: 5px 5px 5px 5px;
		background-color: #dddddd5e;
	}
	.SearchFilterModel .SortbyRow{
		padding: 0px 0 10px 0;
	}
	.SearchFilterModelDiv .modal-dialog {
		width: 300px;
		margin: 30px auto;
	}
	.SearchFilterModelDiv .modal-body {
		position: relative;
		padding: 15px 15px 0 15px;
	}
	.SearchFilterModelDiv input[type=radio]{
		float: right;
		margin-right: 20px;
	}
	.complete_delete {
		position: absolute;
		right: 7.5% !important;
		border-radius: 5px !important;
		margin-top: -10px;
		background-color: #d04d20 !important;
		padding: 6px 25px !important;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		text-transform: capitalize !important;
	}
	#cancelled .cancel_delete {
		position: absolute;
		right: 5% !important;
		border-radius: 5px !important;
		margin-top: -75px;
		background-color: #d04d20 !important;
		padding: 6px 25px !important;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		text-transform: capitalize !important;
	}
	#cancelled #show-edit-profile-div1-can {
		position: absolute;
		right: 30% !important;
		border-radius: 5px;
		margin-top: -73px;
		background-color: #1b3c88 ;
		padding: 5px 20px;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
	}
	#cancelled .newFeedback .giveFeedbackbtn1 {
		position: absolute;
		right: 16%;
	}
	.PostReq .col-md-4{
		padding: 0;
	}
	.PostReq1 .col-md-5{
		padding: 0;
	}
	.left-text{
	float: right;font-size: 10px;	/*Mubarak*/
	}
	#modalCancel .modal-footer {
		padding: 15px;
		text-align: right;
		border-top: none;
	}
	#modalCancel textarea{
		margin-bottom: 0;
	}
	.hovicon{
		margin: 10px;
	}
	.volntrPading{
		padding: 0;
	}
	#team {
		margin-top: 40px;
	}
	.ViewImg{
		padding-left: 20px;
		font-size: 12px;
		width: auto;
		margin-top: 2%;
		float: left;
	}
	.ViewImg p{
		background-color: #ddd;
		padding: 2px 10px;
		border-radius: 3px;
		font-size: 12px;
		cursor: pointer;
	}
	#openImg .modal-body img{
		width: 150px;
		height: auto;
		float: left;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	#openImg .modal-body .col-md-4{
		text-align: center;
	}
	#completed.active .professionalProfileViewDiv .post_btn .pop_chat{
		float: left;
		width: 8%;
		margin-top: 0;	
	}
	.update-profile .button-checkbox .btn-primary{
		color: #fff;
		background-color: #54a263;
		border-color: #54a263;
	}
	
@media( max-width: 585px) {
	.wizard {
		width: 100%;
		height: auto !important;
	}
	.search1, .search3, .search4, .search5, .search2 {
		border: 1px solid #d1d2d4;
		box-shadow: 2px 4px 2px #f5f5f5;
		padding: 10px; 
		margin-bottom: 30px;
		margin: 10px;
		
	}
	span.round-tab {
		font-size: 12px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-top: 0;
	}
	.wizard .nav-tabs>li a {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.wizard li.active:after {
		content: " ";
		position: absolute;
		left: 40%;
	}
	.request-name, .request-time {
		margin-left: 0 !important;
		margin-top: 0px !important;
	}
	.userwhole .col-md-4{
		padding: 0;
		margin-left: 7px;
	}
	.userwhole.col-md-12{
		
	}
	.search2 {
		padding: 15px;
	}
}

@media screen and (max-width: 1280px) and (min-width: 1024px){
	.home-hero-page-right-text span {
		margin: 17px 35px;
		padding: 0px;
		float: left;
		width: 91%;
		color: #FFFFFF;
		font-size: 23px;
		color: #FFFFFF;
		font-weight: 500;
		line-height: 35px;
	}
	#banner .block h2 {
	    width:64%;
	}
	.home-hero-page-right-text{
	    top:400px;
	}
	.home-hero-page-left-text {
	    margin-top:0px;
	}
	#banner .block {
		position: absolute;
		z-index: 99;
		color: black;
		text-align: left;
		margin-top: -35px;
	}
	.process-flow .col-sm-3:nth-child(1) .img-responsive{
    display: inline;
        box-shadow: 0 0 0 2px grey;
        border-radius:50%;
        height: 90px;
    width: 90px !important;
    margin-top:7px;
}
.process-flow .col-sm-3:nth-child(2) .process-content img {
    margin-left: -352px;
    margin-top: -454px;
}
.process-flow .col-sm-3:nth-child(3) .process-content img {
    margin-left: -148px;
    margin-top: -403px;
}
.process-flow .col-sm-3:nth-child(4) .process-content img {
    margin-left: -154px;
    margin-top: -399px;
}
}
@media screen and (max-width: 1280px) and (min-width: 1024px){
	.pendView #show-edit-profile-div-Pe1 {
		position: absolute;
		right: 200px;
		border-radius: 5px;
		margin-top: 22px;
		background-color: #3d599a;
		padding: 5px 20px;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		z-index: 99;
	}
	.CertifiedVerified{
		position: relative;
		left: 34%;
		padding-top: 2%;
	}
	.CertifiedVerified .fa{
		font-size: 20px;
		margin-right: 15px;
	}
	.CertifiedVerified .fa-graduation-cap{
		color: #0c2f81;
	}
	.CertifiedVerified .fa-check-square-o{
		color: #369147;
	}
	.home-hero-page-right-text{
		left: 5.5%;
	}
}
@media screen and (max-width: 1600px) and (min-width: 1300px){
	.CertifiedVerified{
		/* position: relative;
		left: 34%;
		padding-top: 2%; */
		position: absolute;
		left: 58%;
		padding-top: 1.5%;
	}
	.CertifiedVerified .fa{
		font-size: 20px;
		margin-right: 5px;
	}
	.CertifiedVerified span{
		margin-right: 15px;
	}
	.CertifiedVerified .fa-graduation-cap{
		color: #0c2f81;

	}
	.CertifiedVerified .fa-check-square-o{
		color: #369147;

	}
	.pendView #show-edit-profile-div-Pe1 {
		position: absolute;
		right: 250px;
		z-index: 99;
	}
	#openImg .modal-body img {
		width: 150px;
		height: auto;
		float: left;
		margin-left: 0;
		margin-bottom: 10px;
	}
	.providerProf .provider-right {
		margin-top: 18px;
		margin: 0 auto;
		padding: 0px;
		width: 300px;
		text-align: right;
	}
	.providerProf .Category {
		margin: 0px;
		padding: 0 0 0 10px;
		float: left;
		width: 100%;
		height: 40px;
		border: 1px solid #d4d4d4;
		border-radius: 3px;
		margin-bottom: 20px;
	}
	.providerProf .firstDiv .form-group {
		width: 100%;
	}
	.providerProf #update-btn {
		margin-right: 0;
		float: right;
	}
	.providerProf .subcat-nav{
		margin-top: 0;
	}
	.updateProvider1 .provider-right {
		margin: 15px 5px;
		padding: 0px;
		width: 25%;
		text-align: right;
		float: right;
	}
	#page-content-wrapper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px !important;
		margin-bottom: 35px;
		min-height: 450px;
	}
	.callout {
		border-radius: 10px;
		margin: 10px 0 20px 0;
		padding: 10px 10px 10px 25px;
		border-left: 5px solid #eee;
		color: #fff;
		font-size: 15px;
	}
	.static-page p {
		text-align: justify;
		padding: 20px 0;
	}
	.contact-form b .submit-but {
		margin: 15px 15px 0 0px;
	}
	.header-page span {
		margin: 8px 50px 0 0;
		padding: 0px;
		float: right;
		position: relative;
		right: 12.2%;
	}
	#timeErrorMsg{
		margin-top: 30px;
	}
	.home-hero-page-right-text{
		/*left: 7.8%;*/
	}
	#show-edit-profile-div-Pe1 {
		margin-top: 15px !important;
	}
	#show-edit-profile-div-Pe2 {
		margin-top: 15px !important;
		margin-left: 100px;
	}
	.requesterProfileView .certification{
		padding: 15px 0;
		border: 1px solid #1b3c88 !important;
		text-align: center;
		margin-top: 35px;
	}
	.requesterProfileView .certification .fa-check-square-o{
		font-size: 22px;
	}
	.requesterProfileView .certification .fa-graduation-cap{
		font-size: 22px;
	}
	.Vbtn{
		padding: 35px 0;
	}
	
	.zoneSlet .col-md-4{
		width: 34.33333333%;
}
	.zoneSlet .col-sm-3 {
		width: 27%;
	}
	.process-flow .col-sm-3:nth-child(1) .img-responsive{
    display: inline;
        box-shadow: 0 0 0 2px grey;
        border-radius:50%;
        height: 90px;
    width: 90px !important;
    margin-top:10px;
}
	.process-flow .col-sm-3:nth-child(2) .process-content img {
    margin-left: -360px;
    margin-top: -465px;
}
.process-flow .col-sm-3:nth-child(3) .process-content img {
    margin-left: -166px;
    margin-top: -410px;
}
.process-flow .col-sm-3:nth-child(4) .process-content img {
    margin-left: -167px;
    margin-top: -407px;
}
}

@media screen and (max-width: 640px) {
	
	.signup-provider .wizard li.active:after {
		content: " ";
		position: absolute;
		left: 36%;
		opacity: 1;
		margin: 0 auto;
		bottom: 0px;
		border: 10px solid transparent;
		border-bottom-color: #54a263;
	}
.nav-tabs>li {
		float: none;
		margin-bottom: -1px;
	}
	.signup-provider .nav-tabs>li {
		float: left;
		margin-bottom: -1px;
	}
	
	.home-hero-page-right-text {
		height: 130px !important;
		width: 100% !important;
		top: 355px !important;
		left: 0 !important;
	}
	.home-hero-page-right-text span p {
		margin: 0 0 10px;
		padding: 0px;
		float: left;
		font-size: 16px;
		width: 100%;
		line-height: 30px;
	}
	.provider_dashboard .nav li {
		width: 100%;
		border: 1px solid #e8e8e8;
		text-align: center;
		text-transform: capitalize;
	}
	.request-name {
		float: left;
		margin-top: 10px !important;
	}
	.request-name h5, .request-time h5 {
    margin-top: -10px !important;
    margin-left: 20px !important;
    font-size: 12px !important;
}
	.request_jobhistory .nav li {
		width: 100%;
		border: 1px solid #e8e8e8;
		text-align: center;
		text-transform: capitalize;
	}
	.prof-rate {
		float: none !important;
	}
	#show-edit-profile-div-com {
		position: absolute !important;
		right: 10px !important;
		border-radius: 5px !important;
		margin-top: -65px !important;
		background-color: #1b3c88 !important;
		padding: 4px 25px ;
		cursor: pointer !important;
		color: #fff !important;
		font-size: 14px !important;
	}
	.request-name {
		float: left;
		width: 50%;
		margin-left: 45px;
		margin-top: 0px !important;
	}
	.request-place {
		margin-top: 15px !important;
	}

	.request-time {
		float: left;
		width: 45%;
		margin-left: 65px;
		margin-top: 10px;
	}
	.travel-plan .status_check {
		margin-top: 0;
	}
	.modal-header .close {
		/* margin-top: -21px; */
	}
	.delete_option{
		text-align: center;
	}
	.state{
		margin-top: -25px;
	}
	.search3{
		height: 100%;
		margin: 10px;
		display: flow-root;
		padding: 10px;
	}
	.providerDash{
		margin-top:10px;
	}
	.mytrip-page span b .driver-trip-btn {
		margin: 0 10px 0 0;
		padding: 0px;
		width: 172px;
		height: 35px;
		float: left;
		color: #FFFFFF;
		background: #59a468;
		text-align: center;
		line-height: 35px;
		line-height: 4px;
		font-size: 18px;
		font-weight: 500;
		border: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.travel_edit .delete-btn {
		margin-left: 85% !important;
	}
	.firstDiv .form-group {
		width: 100% !important;
	}
	.volCheck{
		float: none;
		margin-bottom: 5px;
	}
	.editSearch.search3 {
		height: 180px !important;
	}
	.border {
		display: none;
	}
	.profile-div {
		width: 100%;
	}
	#team .team-overlay {
		background: rgba(255, 255, 255, 0.95);
		color: #fff;
		text-align: center;
		padding: 25px 40px !important;
		position: absolute;
		bottom: -150px;
		left: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		transition: 0.3s;
	}
	.providerProf .firstDiv{
		margin-top: 60px;
	}
	.upload-photo {
		font-size: 22px;
		position: absolute;
		margin-top: 60% ;
		margin-left: 15%;
		padding-left: 6px;
		width: 160px;
	}
	.zindex{
		/* float: left; */
	}
	.updateProf1 .widthhun{
		width: 100%;
	}
	#section01 a span {
		top: 10px !important;
	}
	.home-hero-page-right-text span a em:before {
		opacity: 1;
		right: -20px;
	}
	.home-hero-page-right-text span a{
		padding: 6px 20px 12px 6px;
	}
	.process-content img {
		display: none;
	}
	.footer-box2 ul li {
		margin: 0px;
		padding: 0px;
		float: left;
		width: 105%;
		line-height: 30px;
	}
	.sign-in-provider h3:after {
		background: #1b3c88;
		top: 6px;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		width: 40px;
		float: left;
	}
	.sign-in-requester h3:after {
		background: #1b3c88;
		top: 6px;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		width: 40px;
		float: left;
	}
	.mytrip-page span b .driver-trip-btn {
		margin: 0 10px 0 0;
		padding: 0px;
		width: 172px;
		height: 36px !important;
		float: left;
		color: #FFFFFF;
		background: #59a468;
		text-align: center;
		line-height: 36px !important;
		border-radius: 2px;
		font-size: 18px;
		font-weight: 500;
		border: none;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}
	.providerProf .form-group.profession label {
		width: 100% !important;
		margin-top: 0px;
	}
	
	.postRequest{
		margin-bottom: 22px !important;
		margin-top: 10px;
		font-size: 28px !important;
	}
	.userwhole input[type=text] {
		padding-left: 20px;
	}
	.viewBtn1 .list-inline>li {
		display: inline-block;
		padding-right: 0;
		padding-left: 0;
	}
	.marcls{
		margin-left: -6px;
	}
	.create-account .profile-div {
		width: 100%;
		margin-left: 0px;
	}
	.contact-form b .submit-but {
		margin: 15px 10% 0 0;
	}

}

@media screen and (max-width: 375px) and (-webkit-min-device-pixel-ratio:0){
    .process-flow .col-sm-3:nth-child(1) .img-responsive{
    display: inline;
        box-shadow: 0 0 0 2px grey;
        border-radius:50%;
        height: 90px;
    width: 90px !important;
}
#main_heading {
    font-size: 26px;
    line-height: inherit;
    
}
#section02 a span {
    display:none;
}
	.cust_notes {
		width: 100% !important;
		word-wrap: break-word;
		max-height: 80px;
		overflow: auto;
	}
	.ReqViewImg {
		position: absolute !important;
		top: 73% !important;
		left: 30% !important;
	}
	.mapListDiv .col-xs-2{
		padding:0;
	}
	.mapListDiv .p_profile img{
		width: 40px !important;
		height: 40px !important;
		border: 2px solid #1b3c88 !important;
		float: left;
	}
	.mapListDiv .professional_list .certification {
		border: none;
		margin: auto;
		padding: 10px;
		text-align: center;
	}
	.mapListDiv .p_info h3 {
		color: #193a87;
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.mapListDiv .p_view {
		background-color: #1b3c88;
		padding: 6px 18px;
		border-radius: 4px;
		color: #fff;
	}
	.hideMobile{
		display: none;
	}
	.CertifiedVerified{
		position: relative;
		margin-top: 28%;
		left: 12%;
	}
	
	.CertifiedVerified .fa{
		font-size: 20px;
		margin-right: 10px;
	}
	.CertifiedVerified .fa-graduation-cap{
		color: #0c2f81;
	}
	.CertifiedVerified .fa-check-square-o{
		color: #369147;
	}

	.provider-right input[type="submit"]:hover {
		top: 0 !important;
		left: 27% !important;
		box-shadow: none !important;
	}
	#openImg .modal-body img {
		width: 150px;
		height: auto;
		float: none;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.ViewImg {
		padding-left: 0px;
		font-size: 12px;
		width: auto;
		margin-top: 4%;
		float: left;
	}
	.professionalProfile .prof_name{
		max-width: 60px;
	}
	#confirmedList_Tab .prof-name h5{
		max-width: 60px;
	}
	.providerProf .subcat-nav{
		margin-top: 0;
	}
	#success {
		background-color: rgba(18, 125, 39, 0.68);
		width: 95%;
		text-align: center;
		line-height: 34px;
		font-size: 15px;
		color: #fff;
		border-radius: 5px;
		margin: 10px;
	}
    
	.signup-provider #step3 .Category {
		margin-bottom: 20px;
	}
	.pendingStar .strRating .rating {
		margin-left: -8% !important;
	}
	.pendingStar .strRating .prof-distance p {
		margin-top: 30px !important;
		margin-left: 36% !important;
	}
	.request-right h3 {
		margin: 0 0 15px;
		padding: 0px;
		float: left;
		width: 96%;
		font-size: 20px;
		font-weight: 200;
		text-transform: none;
	}
	.signin_r .request-right h3 {
		margin: 0 0 15px;
		padding: 0px;
		float: left;
		width: 100%;
		font-size: 20px;
		font-weight: 200;
		text-transform: none;
	}
	.postPrid{
		padding: 15px 0;
	}
	.AsapLater{
		padding: 10px 0;
	}
	.home-hero-page-left-text span a {
		width: 120px !important;
		margin-top: 35px !important;
		padding: 10px 15px 10px 0px !important;
	}
	#section01 a span{
		display: none;
	}
	#section02 a span{
		display: none;
	}
	#section03 a span{
		display: none;
	}
	#section04 a span{
		display: none;
	}
	.home-hero-page-left-text span {
		padding: 10px 0;
	}
	.home-hero-page-left-text span h3 {
		padding: 0px 0px 10px 0;
	}
	.home-hero-page-left-text span a {
		margin-left: auto !important;
		margin-bottom: 10px !important;
		margin-top: 5px !important;
	}
	.home-hero-page-left-text span p {
		margin: 0px;
		line-height: 26px;
		font-size: 15px;
		vertical-align: middle;
		display: none;
		padding: 15px 20px;
		text-align: justify;
		font-weight: normal;
	}
	.home-hero-page-left-text {
	    padding: 0;
	    top:0;
		display: block !important;
		position: relative !important;
		width: 100% !important;
		margin-top: 388px !important;
		right: 0 !important;
		height: auto !important;
		margin-bottom: 15%;
	}
	.complete_delete {
		position: absolute;
		right: 32.5% !important;
		border-radius: 5px !important;
		margin-top: 41px;
		background-color: #d04d20 !important;
		padding: 3px 6px !important;
		cursor: pointer;
		color: #fff;
		font-size: 14px !important;
		text-transform: capitalize !important;
	}
	#cancelled .cancel_delete {
		position: absolute;
		right: 37.5% !important;
		border-radius: 5px !important;
		margin-top: -30px;
		background-color: #d04d20 !important;
		padding: 1px 6px !important;
		cursor: pointer;
		color: #fff;
		font-size: 12px !important;
		text-transform: capitalize !important;
	}
	#cancelled .newFeedback .giveFeedbackbtn1 {
		position: absolute;
		right: 6% !important;
	}
	.GustLog h2{
		padding: 0 10px;
	}
	.FilterList {
		position: absolute;
		bottom: 5%;
		top: 85%;
		right: 5%;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid#0c2f81;
		border-radius: 50%;
		padding: 10px;
		background-color: #0c2f81;
		cursor: pointer;
		box-shadow: 2px 2px 5px 1px #00000057;
	}
	.reqDetl1 .about_prof{
		margin-left: 15px !important;
		margin-right: 15px !important;
		margin-top: 5px!important;
	}
	.reqDetl .certification {
		margin: 25px 0 0 0 !important;
		padding: 15px 0 !important;
		text-align: center !important;
		border: 1px solid #1b3c88 !important;
	}
	.reqDetl1 .certification {
		margin: 0 0 0 0 !important;
		padding: 15px 0 0 !important;
		text-align: center !important;
		border: none !important;
	}
	.reqDetl1 .certification span {
		font-size: 14px;
		margin: 0 10px;
	}
	.reqDetl1 .certification .fa-graduation-cap {
		font-size: 20px;
		color: #0c2f81;
		margin-left: 15px;
		position: relative;
		top: 0;
	}
	.reqDetl1 .certification .fa-check-square-o {
		font-size: 20px;
		color: #369147;
		margin-left: 10px;
		position: relative;
		left: 4px;
		top: 0;
	}
	.about_prof .panel-default {
		margin: 10px 0 !important;
	}
	.reqDetl .certification{
		margin: 25px 0 0 0 !important;
		padding: 10px 0 !important;
		text-align: center !important;
		border: 1px solid #1b3c88 !important;
	}
	.confirmProfessional {
		font-size: 12px !important;
		padding: 6px !important;
		border-radius: 3px !important;
	}
	.socialmedia {
		margin-left: 10px;
	}
	.fileupload-new {
		color: #fff !important;
		font-size: 13px !important;
	}
	.termsCon{
		padding: 15px;
	}
	.signin_r .bottomline:after {
		background: #0c2f81 !important;
	}
	.sign_p .bottomline:after {
		top: 28% !important;
		left: 25px !important;
	}
	.forgot_p .provider-login-form-right {
        clear: both;
        margin-left: 8% !important;
    }
	.psignup .btn-defult {
		color: #fefefe;
		background-color: #969696;
		border-radius: 5px;
		margin-left: 18% !important;
		margin-top: 5px;
	}
	.psignup .btn-primary {
		margin-left: 22%;
	}
	.psignup .goToPremium {
		margin-left: 10px;
	}
	.forgot_r .requester-forgot-page h5 {
		font-size: 14px !important;
		width: 94% !important;
	}
	.provider_dashboard #post .request-name, .provider_dashboard #enquiry .request-name, .provider_dashboard #respond .request-name, .provider_dashboard #hired .request-name, .provider_dashboard #completed .request-name, .provider_dashboard #cancel .request-name {
		width: 45% !important;
	}
	.signup-provider .Category-new {
		width: 97% !important;
	}
	.postrequestpage #step3 .userwhole .col-md-5{
		padding: 0 0px;
	}
	.social-icon .socialmedia {
		margin-left: 0;
		float: right;
		width: 340px;
		margin-top: 20px;
	}
	.requester-forgot-page {
		float: none;
		width: 100%;
		padding-left: 20px;
		margin-top: 20px;
		text-align: center;
	}
	#confirmedList_Tab .msgCount{
		margin-top: -52px;
	}
	.msgCount {
		float: left;
		text-align: center;
		background-color: #008000;
		height: 35px;
		width: 35px;
		border-radius: 50%;
		color: #fff;
		padding: 5px;
		margin-top: -72px;
		right: -100px;
		position: relative;
	}
	.pre-nxt-btn {
		padding: 0 0 50px 0;
	}
	.moreProfessionalBtn{
		text-align: center;
		padding: 2px!important;
		margin-left: 9%;
		border-radius: 3px !important;
		float: right;
		top: 82%;
		right: 80px;
		position: absolute;
		font-size: 13px !important;
	}
	.pendingJobDet {
		padding: 20px 20px 80px 20px !important;
		font-size: 22px;
		font-weight: 600;
	}
	.asapToggleSwitch {
		margin-left: 0 !important;
	}
	.updateProviderText textarea{
		width: 100%;
	}
	.providerUpdate .uploading {
		margin-bottom: 0;
	}
	
	.header-page1 {
		margin: 0 0 10px 0;
		padding: 0px;
		font-weight: 200;
		float: left;
		width: 100%;
		font-size: 30px;
		color: #369147;
		text-transform: capitalize;
	}
	.providerProf .firstDiv {
		margin-top: 50px !important;
	}
	.update-provider .update-profile .upload-photo {
		margin-top: 160% !important;
		margin-left: 0%;
	}
	.update-provider .update-profile .driver-profile-img {
		margin: 10px 25px;
	}
	
	#travel1 .request-detail img, #travel1 .request-detail1 img, #travel1 .request-detail3 img {
		width: 8% !important;
		top: 2px;
		position: relative;
	}
	#travel1 .provider_set i{
		position: relative;
		top: 6px;
		color: #a0a0a0;
	}
	
	.travel_edit .delete-btn {
		height: 30px !important;
		line-height: 28px !important;
	}
	#travel1 .request-detail, #travel1.request-detail1{
		min-height: 100px !important;
	}
	#travel1 .request-name h5{
		width: 100%;
	}
	#travel1 .request-name{
		width: 70% !important;
	}
	#travel1 .request-time{
		position: absolute;
		right: 25%;
		margin-top: 3% !important;
	}
	.provider_dashboard .provider_view, .provider_dashboard .providerHired_view, .provider_dashboard .providerCom_view, .provider_dashboard .providerCancel_view{
		margin-top: -45px !important;
	}
	.provider_dashboard .request-name h5, .request-time h5 {
		margin-top: -12px !important;
		margin-left: 25px !important;
		font-size: 12px !important;
		position: relative !important;
		width: 90% !important;
	}
	.request-detail img, .request-detail1 img, .request-detail3 img {
		width: 10% !important;
		top: 2px;
		position: relative;
	}
	.footer-box3 {
		padding: 8px;
	}
	.alert-success {
		margin-left: 15px;
		margin-top: 10px;
		margin-right: 15px;
	}
	.footer-box1 {
		width: 250px !important;
		margin-left: 20% !important;
		margin-top: 0 !important;
	}
	.login-form-left b .submit-but{
		height: 40px;
	}
	.forgot_r .bottomline:after {
		left: 9% !important;
		top: 20% !important;
		background-color: #0c2f81;
	}
	.forgot_p .bottomline:after{
		left: 9% !important;
		top: 28% !important;
		background-color: #54a263;
	}
	.zoneDivDtl {
		padding-left: 0;
		padding-right: 0;
	}
	.Category-new {
		width: 100% !important;
	}
	.image-upload-1 {
		width: 285px;
		margin: 100px auto !important;
		padding: 0px;
	}
	.upload-photo {
		margin-top: 54% !important;
		margin-left: 12%;
	}
	.footer-box2 {
		margin: 0;
		padding: 0px;
		float: left;
		width: 550px;
	}
	.signup-provider .tab-content .btn {
		/* margin-top: 10px; */
	}
	.signup-provider .tab-content .availability .btn {
		margin-top: 0;
	}
	.signup-provider .search1, .signup-provider .search2, .signup-provider .search3, .signup-provider .search4, .signup-provider .search5 {
		margin: 0 10px;
	}
	.requester-profile .create-account p .submit {
        margin-right: 150px !important;
        margin-top: 10px;
    }
	#frm1 {
		padding: 5px 0 65px 0;
	}
	.newFeedback .giveFeedbackbtn1 {
		position: absolute;
		right: 6%;
		margin-top: -30px;
		background-color: #1b3c88;
		color: #fff;
		border-radius: 5px;
		padding: 2px 8px !important;
		height: 26px;
		text-transform: capitalize;
		font-size: 12px;
	}
	.newFeedback .giveFeedbackbtn{
		right: 145px !important;
		margin-top: -32px !important;
	}
	
	.job-history .providerCom_view{
		padding: 2px 10px !important;
	}
	.job-history .job-feedback .btn-default {
		margin-top: 40px !important;
	}
	.view-btn .jobComplete{
		margin-top: 68px;
		height: 28px;
	}
	.prof-list {
		min-height: 120px !important;
		border-bottom: 1px solid #ccc;
	}
	.view-btn .confirmed_view1{
		margin-top: 68px !important;
		height: 28px;
	}
	#pending .job-date .btn-default {
		padding: 3px 6px !important;
		margin-top: 5px !important;
		margin-left: 0px;
	}
	#confirmed_Tab .job-date .btn-default {
		padding: 4px 6px !important;
		margin-top: 5px !important;
	}
	#completed .job-date .btn-default {
		padding: 5px 10px !important;
		margin-top: 5px !important;
	}
	#cancelled .job-date .btn-default {
		padding: 5px 10px !important;
		margin-top: 0px !important;
	}
	#confirmed_Tab .confirmed_view{
		margin-top: -55px !important;
		width: 60px;
		padding: 0px 6px !important;
		font-size: 12px !important;
		text-align: center;
		right: 8% !important;
	}
	#pending .pending_view{
		margin-top: -55px !important;
		width: 60px;
		padding: 0px 6px !important;
		font-size: 12px !important;
		text-align: center;
		right: 8% !important;
	}
	.postrequestpage #step4 .userwhole .col-md-6 {
		padding: 0;
	}
	.postrequestpage #step3 .userwhole .col-md-7{
		padding: 0;
	}
	.pre-nxt-btn .srStep1 .list-inline {
		margin-top: 25px;
		margin-right: 10px;
		bottom: 30px;
		position: relative;
	}
	.userwhole .col-md-5{
		padding: 0 15px;
	}
	.postrequestpage .userwhole .col-md-6 {
		padding: 0 15px;
	}
	.postrequestpage .userwhole .col-md-4 {
		padding: 8px 0px;
	}
	.postrequestpage #step1 .userwhole .col-md-4 {
		padding: 8px 8px;
	}
	.upload_cer .driver-profile-img b a i {
		padding: 6px 8px !important;
		height: 30px !important;
		width: 30px !important;
	}
	.f_clock i {
		top: 41px;
		left: 12px;
		color: #ccc;
		font-size: 18px;
		position: absolute;
		z-index: 99;
	}
	.postrequestpage .f_clock i {
		top: 50px;
		left: 3px;
		color: #ccc;
		font-size: 18px;
		position: absolute;
		z-index: 99;
	}
	.address_input .col-xs-12{
		padding: 0 5px;
	}
	.postrequestpage .add-input1, .postrequestpage .add-input2, .postrequestpage .add-input3 {
		position: absolute;
		top: 13px;
		color: #ccc;
		left: 12px;
		z-index: 99;
	}
	.add-input1, .add-input2, .add-input3 {
		position: absolute;
		top: 13px;
		color: #ccc;
		left: 20px;
		z-index: 99;
	}
	.tabbable-panel {
		padding: 0;
	}
	.sign-in-requester p{
		width: 100%;
		padding: 0px 5px;
	}
	.sign-in-provider p{
		width: 100%; 
	}
	.about_prof, .review_prof {
		margin-left: 0 !important;
		margin-top: 30px!important;
		margin-right: 0!important;
		border: 1px solid #1b3c88!important;
	}
	.requesterProfileView .professional_list{
		float: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.certification .fa-graduation-cap {
		font-size: 30px;
		color: #0c2f81;
		margin-left: 15px;
		position: relative;
		top: -50px;
	}
	
	.certification span {
		font-size: 16px;
		margin: 0 10px;
	}
	.requesterProfileView .certification .fa-graduation-cap {
		font-size: 17px;
		color: #0c2f81;
		margin-left: 15px;
		position: relative;
		top: 0px;
	}
	.certification .fa-check-square-o {
		font-size: 30px;
		color: #369147;
		margin-left: 10px;
		position: relative;
		left: -40px;
		top: -10px;
	}
	.requesterProfileView .certification .fa-check-square-o {
		font-size: 17px;
		color: #369147;
		margin-left: 10px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	.requester-search .professional_list .Vbtn{
		padding-bottom: 0;
		position: relative;
		/* top: -20px; */
	}
	.requester-search .professional_list .map_detail{
		width: 150%;
		margin-bottom: 10px;
	}
	.map_detail img{
		width: 20px;
		height: auto;
		margin-top: -8px;
	}
	.rupee_map {
		font-size: 20px;
	}
	.km_map {
		font-size: 16px;
		color: #193a87;
		padding: 0 6px;
	}
	.professional_list {
		padding-bottom: 15px;
		margin-bottom: 15PX;
		border-bottom: 1px solid #d6d6d6;
		width: 100%;
		float: left;
	}
	.m_profile img {
		border: 4px solid #369147;
		border-radius: 50%;
		width: 80px;
		height: 80px;
	}
	.header-page {
		font-size: 28px;
	}
	.viewBtn1 .list-inline>li {
		display: inline-block;
		padding-right: 10px;
		padding-left: 15px;
	}
	.userwhole .col-md-4 {
		padding: 0 10px;
		margin-left: 0;
	}
	.Category{
		margin-bottom: 0;	
	}
	.providerProf .Category{
		margin-bottom: 20px;	
	}
	
	.postLabel label.col-md-2 {
		width: auto;
	}
	.create-account li .textlink{
		font-size: 10px;
	}
	svg {
		height: 25px;
		margin-top: 25px;
	}
	.create-account li {
	margin-right: 30px;
	display: inline-block;
	width: 75px;
	text-align: center;
}

.create-account li a>div {
	display: inline-block;
	position: relative;
	width: 74px;
	height: 74px;
	text-align: center;
	border-radius: 4px;
}

.create-account li:first-child a>div,
.create-account li:last-child a>div {
	width: 73px;
}

.create-account li a {
	color: #A8A8A8;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-family: inherit;
}

.create-account li .layer2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 76px;
	height: 76px;
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 25px 0 rgba(00, 00, 00, 0.15);
	box-shadow: 0 0 25px 0 rgba(00, 00, 00, 0.15);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.create-account li:first-child .layer2,
.create-account li:last-child .layer2 {
	left: 0px;
	width: 76px;
}


/* hover layer effects */

.create-account li a:hover .layer2 {
	top: -22px;
	left: 0px;
	width: 75px;
}

.create-account li:first-child a:hover .layer2 {
	top: -24px;
	left: -20px;
}

.create-account li:last-child a:hover .layer2 {
	top: -24px;
	left: 20px;
}
	.create-account li {
		margin-right: 15px;
		
	}
	.requester-signup-page {
		width: 100%;
	}
	.title1 h2 {
		font-size: 14px;
	}
	.update-detail .form-control {
		display: block;
		width: 100%;
	}
	.professionalProfile .confirmProfessional {
		float: right;
		right: 3%;
		position: relative;
		font-size: 12px;
		top: -25px;
		padding: 6px;
	}
	#show-edit-profile-div-Pe2 {
		right: 31% !important;
		/* margin-top: -20px; */
		padding: 3px 6px !important;
		font-size: 12px !important;
		text-transform: capitalize ;
	}
	.subscriptionForm {
		top: 33%;
		right: -10px;
	}
	.SideFab {
		top: 40%;
	}
	.subscriptionForm .formTxt {
			width: 270px;
			max-height: 500px;
		}
	.contact_detail1 address {
		padding-left: 36px;
		margin-bottom: 0;
		cursor: pointer;
		width: 85%;
	}
	.footer-box3 img{
		width: 100%;
		margin-left: -12%;
	}
	.popup-box {
		background-color: #ffffff;
		border: 1px solid #b0b0b0;
		border-radius: 5px !important;
		bottom: 0;
		z-index: 99;
		display: none;
		height: 500px;
		position: fixed;
		right: 70px;
		width: 300px;
	}
	.popup-box .popup-messages {
		background: rgba(23, 55, 131, 0.05) none repeat scroll 0 0;
		height: 385px;
		overflow: auto;
	}
	.hiredJobListings .btn-info {
		margin-left: 10px !important;
		padding: 8px 16px !important;
	}
	.edit-profile-detail-form .frm1 .hiredJobListings {
		float: left;
		width: 100% !important;
		padding: 15px;
	}
	.professionalViewDiv .frm1 .post_name {
		width: 100% !important;
		padding: 20px 0 0 0 !important;
		padding-left: 10px !important;
		float: left !important;
	}
	.professionalViewDiv .frm1 .post-time {
		color: #777 !important;
		padding-left: 20px !important;
		font-size: 12px !important;
		width: 100% !important;
		margin-top: 15px !important;
		float: left !important;
	}
	.professionalViewDiv .frm1 img {
		width: 50px !important;
		height: 50px !important;
		border-radius: 50% !important;
	}
	.professionalViewDiv .frm1 .post-time img {
		width: 5% !important;
		height: auto !important;
		border-radius: 0 !important;
	}
	.professionalViewDiv .frm1 .post_name img {
		width: 25px !important;
		height: 25px !important;
	}
	
	.edit-profile-detail-form #frm1 .post_btn .save-but{
		width: auto !important;
	}
	.ProfNme span img {
		vertical-align: text-top;
		width: 8% !important;
		margin-left: -8px;
		margin-right: 8px !important;
	}
	.profImg1 img {
		width: 70px !important;
		height: 70px !important;
		border-radius: 50%;
		padding: 10px;
	}
	.request_prof .prof-distance p {
		padding: 0 8px !important;
		font-size: 9px !important;
	}
	#show-edit-profile-div-Pe1 {
		right: 15% !important;
		margin-top: 65px;
		padding: 1px 12px!important;
		font-size: 12px !important;
	}
	.strRating .prof-distance p.youContactedText {
		margin-top: 30px !important;
		margin-left: 57.5% !important;
	}
	#cancelled #show-edit-profile-div1-can {
		right: 22px !important;
		margin-top: -60px !important;
		padding: 1px 10px !important;
		font-size: 12px !important;
	}
	.asapToggleSwitch
	{
		float: left;
		margin-top: 22px;
		margin-left: 0;
	}
	.completedPostType .completedPostTypeBtn{
		position: absolute;
		margin-top: 18px !important;
	}
	.job-head {
		color: #0b4ca5;
		font-size: 15px !important;
		padding-left: 38px;
	}
	.provider_dashboard .provider_view{
		right: 42% !important;
	}
	.provider_dashboard #respond #show-edit-profile-div-r{
		right: 40% !important;
	}
	#pending #show-edit-profile-div-pe{
		margin-top: -67px ;
	}
	#pending .pending_delete{
		margin-top: -28px !important;
		width: 60px !important;
		font-size: 12px !important;
		padding: 0px 1px !important;
		text-align: center;
		right: 8% !important;
	}
	#confirmed_Tab .confirmed_delete{
		margin-top: -28px !important;
		width: 60px !important;
		font-size: 12px !important;
		padding: 0px 1px !important;
		text-align: center;
		right: 8% !important;
	}
	.certification {
		margin: 20px 0 0 0;
		padding: 15px 0;
		text-align: center;
		border: 1px solid #1b3c88;
	}
	.professional_list .certification {
		border: none;
		margin: auto;
		padding: 0 15px;
		text-align: center;
	}
	.completedViewBtn #show-edit-profile-div-com{
		margin-top: 5px !important;	
	}
	.job-history .completedViewBtn #show-edit-profile-div-com{
		margin-top: 5px !important;	
	}
	.feedbackDiv .btn-default {
		padding: 5px 5px !important;
		right: 10px !important;
		margin-top: 30px !important;
		margin-right: 15px;
	}
	.strRating .rating {
		margin-left: 10%;
		width: 40%;
		float: left;
	}
	.strRating .prof-distance p {
		margin-top: 30px !important;
		margin-left: 33% !important;
	}
	.request-detail, .request-detail1 {
		min-height: 120px !important;
		border-bottom: 1px solid #e8e8e8;
		width: 100%;
	}
	#pending .request-detail {
		min-height: 130px !important;
	}
	#confirmed_Tab .request-detail {
		min-height: 130px !important;
	}
	#completed .request-detail {
		min-height: 130px !important;
	}
	#cancelled .request-detail {
		min-height: 130px !important;
	}
	.provider_view, .providerHired_view, .providerCom_view, .providerCancel_view {
		
		background-color: #59a468 !important;
		border-radius: 3px;
		position: absolute;
		right: 15px;
		margin-top: -35px;
		border-radius: 4px;
		background-color: #0b4ca5;
		padding: 3px 15px;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
	}
	.pre-nxt-btn .list-inline {
		margin-top: 5px;
		margin-right: 10px;
		bottom: 5px;
		position: relative;
	}
	.prof-rate {
		width: 100% !important;
		margin-top: 10px !important;
	}
	.contact-form {
		width: 100%;
		margin-left: 15px;
	}
	.contact-form b .submit-but {
		margin: 15px 10% 0 0;
	}
	
	.request-time .btn-default{
		margin-top: 18px !important;
		padding: 7px 12px !important;
	}
	.travel_edit .delete-btn{
		margin-left: 200px !important;
	}
	
	.home-hero-page-right-text span a {
		padding: 10px 25px 10px 6px;
		margin: 0;
		
	}
	.home-hero-page-right-text span  {
		padding: 5px 0;
		width: 100%;
		margin: 4px 0 !important;
	}
	#banner {
		background: url(../img/banner/Canada-loc.jpg);
		padding: 80px 0;
		position: relative;
		height: 650px;
		background-size: cover;
	}
	.request-left {
		margin: 0px;
		padding: 0 5px 0 20px;
		/* float: left; */
		width: 100%;
		border-right: 1px solid #c7c7c7;
	}
	.create-account .profile-div {
		width: 100%;
		margin-left: -10px;
	}
	.driver-profile-img {
		width: 80px !important;
		height: 133px;
	}
	.driver-profile-top-part h5 {
		font-size: 22px;
		position: absolute;
		margin-top: 150px !important;
		margin-left: -12px !important;
		padding-left: 6px;
	}
	.provDiv .profile-div {
		width: 97%;
		margin-left: 0px; 
	}
	.request_prof .prof-distance p {
		margin-left: 220px;
		margin-top: 12px;
		background-color: rgba(128, 128, 128, 0.53);
		border: 1px solid #ccc;
		color: #fff;
		border-radius: 15px;
		padding: 3px;
		font-size: 12px;
	}
	#pendingList .prof-list {
		min-height: 145px !important;
		border-bottom: 1px solid #ccc;
	}
	.prof-list {
		min-height: 125px !important;
		border-bottom: 1px solid #ccc;
	}
	
}
@media screen and (max-width: 768px) {
     #banner {
    padding: 120px 0;
   
}
#banner .block h2 {
    width: 54% !important;
}
.home-hero-page-left-text {
    margin-top:0px;
}
.home-hero-page-right-text {
    left:3%;
    top:400px;
    
}
.home-hero-page-right-text span a {
    margin:0px;
}
.process-flow .col-sm-3:nth-child(2) .process-content img {
    margin-left: -160px;
    margin-top: -650px;
}
.process-flow .col-sm-3:nth-child(3) .process-content img {
    margin-left: -138px;
    margin-top: -455px;
}
.process-flow .col-sm-3:nth-child(4) .process-content img {
    margin-left: -187px;
    margin-top: -455px;
}
.process-flow .col-sm-3:nth-child(1) .img-responsive{
    display: inline;
        box-shadow: 0 0 0 2px grey;
        border-radius:50%;
        height: 90px;
    width: 90px !important;
    margin-top:10px;
}
    
}

    
@media screen and (max-width: 425px) and (min-width: 376px) {
    #banner {
    background: url(../img/banner/Canada-loc.jpg);
    padding: 100px 0;
    position: relative;
    height: 650px;
    background-size: cover;
}
#banner .block h2 {
    width: 100% !important;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    padding-right: 18px;
}
#main_heading {
    font-size: 26px;
    line-height: inherit;
}
.home-hero-page-right-text span {
    margin: 0 !important;
}
.home-hero-page-left-text {
    padding: 0;
    top:0;
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin-top: 400px !important;
    right: 0 !important;
    height: auto !important;
    margin-bottom: 15%;
}
.home-hero-page-left-text span p {
    margin: 0px;
    line-height: 26px;
    font-size: 15px;
    vertical-align: middle;
    display: none;
    padding: 15px 20px;
    text-align: justify;
    font-weight: normal;
}
.home-hero-page-left-text span a {
    margin-left: auto !important;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
}
.home-hero-page-left-text span {
    padding: 10px 0;
}
.home-hero-page-right-text span a {
    padding: 10px 25px 10px 6px;
    margin: 0;
}
.process-flow .col-sm-3:nth-child(1) .img-responsive{
    display: inline;
        box-shadow: 0 0 0 2px grey;
        border-radius:50%;
        height: 90px;
    width: 90px !important;
}
#section02 a span {
    display:none;
}
.postLabel label.col-md-2 {
    width: 32%;
}
    
    
}
@media screen and (max-width: 320px){
    .process-flow .col-sm-3:nth-child(1) .img-responsive{
    display: inline;
        box-shadow: 0 0 0 2px grey;
        border-radius:50%;
        height: 90px;
    width: 90px !important;
}
#main_heading {
    font-size: 22px;
    line-height: inherit;
    
}
#section02 a span {
    display:none;
}
	.cust_notes {
		width: 100% !important;
		word-wrap: break-word;
		max-height: 80px;
		overflow: auto;
	}
	.ReqViewImg {
		position: absolute !important;
		top: 85% !important;
		left: 30% !important;
	}
	.mapListDiv .col-xs-2{
		padding:0;
	}
	.mapListDiv .p_profile img{
		width: 40px !important;
		height: 40px !important;
		border: 2px solid #1b3c88 !important;
		float: left;
	}
	.mapListDiv .professional_list .certification {
		border: none;
		margin: auto;
		padding: 10px;
		text-align: center;
	}
	.mapListDiv .p_info h3 {
		color: #193a87;
		font-size: 16px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.mapListDiv .p_view {
		background-color: #1b3c88;
		padding: 6px 18px;
		border-radius: 4px;
		color: #fff;
	}
	.hideMobile{
		display: none;
	}
	.CertifiedVerified{
		position: relative;
		margin-top: 28%;
		left: 12%;
	}
	
	.CertifiedVerified .fa{
		font-size: 20px;
		margin-right: 10px;
	}
	.CertifiedVerified .fa-graduation-cap{
		color: #0c2f81;
	}
	.CertifiedVerified .fa-check-square-o{
		color: #369147;
	}

	.provider-right input[type="submit"]:hover {
		top: 0 !important;
		left: 27% !important;
		box-shadow: none !important;
	}
	#openImg .modal-body img {
		width: 150px;
		height: auto;
		float: none;
		margin-left: 10px;
		margin-bottom: 10px;
	}
	.ViewImg {
		padding-left: 0px;
		font-size: 12px;
		width: auto;
		margin-top: 4%;
		float: left;
	}
	.request-right h3 {
		margin: 0 0 15px;
		padding: 0px;
		float: left;
		width: 96%;
		font-size: 20px;
		font-weight: 200;
		text-transform: none;
	}
	.home-hero-page-left-text span a {
		width: 120px !important;
		margin-top: 35px !important;
		padding: 10px 15px 10px 0px !important;
	}
	.home-hero-page-right-text {
		height: 130px !important;
		width: 100% !important;
		top: 415px !important;
		left: 0 !important;
	}
	.home-hero-page-left-text span {
		padding: 10px 0;
	}
	.home-hero-page-left-text span h3 {
		padding: 0px 0px 10px 0;
	}
	.home-hero-page-left-text span a {
		margin-left: auto !important;
		margin-bottom: 10px !important;
		margin-top: 5px !important;
	}
	.home-hero-page-left-text {
	    padding:0;
		display: block !important;
		position: relative !important;
		width: 100% !important;
		margin-top: 445px !important;
		right: 0 !important;
		height: auto !important;
		margin-bottom: 15%;
	}
	.home-hero-page-left-text span p {
		margin: 0px;
		line-height: 26px;
		font-size: 15px;
		vertical-align: middle;
		display: none;
		padding: 15px 20px;
		text-align: justify;
		font-weight: normal;
	}
	.job-history #completed .job-feedback .btn-default {
		margin-top: 44px !important;
	}
	.complete_delete {
		position: absolute;
		right: 39.5% !important;
		border-radius: 5px !important;
		margin-top: 45px;
		background-color: #d04d20 !important;
		padding: 3px 6px !important;
		cursor: pointer;
		color: #fff;
		font-size: 14px !important;
		text-transform: capitalize !important;
	}
	#cancelled .newFeedback .giveFeedbackbtn1 {
		position: absolute;
		right: 3% !important;
	}
	.GustLog h2{
		padding: 0 10px;
	}
	.FilterList {
		position: absolute;
		bottom: 5%;
		right: 10%;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid#0c2f81;
		border-radius: 50%;
		padding: 10px;
		background-color: #0c2f81;
		cursor: pointer;
	}
	.ReqDetls .about_prof, .ReqDetls .review_prof {
		margin-left: 0 !important;
		margin-top: 0px !important;
		margin-right: 0px !important;
		border: 1px solid #1b3c88!important;
	}
	.certification span {
		font-size: 14px;
		margin: 0 10px;
	}
	.reqDetl1 .about_prof{
		margin-left: 35px !important;
		margin-right: 35px !important;
		margin-top: 5px!important;
	}
	.about_prof .panel-default {
		margin: 10px 0 !important;
	}
	.reqDetl .certification {
		margin: 25px 0 0 0 !important;
		padding: 10px 0 !important;
		text-align: center !important;
		border: 1px solid #1b3c88 !important;
	}
	.reqDetl1 .certification {
		margin: 0 0 0 0 !important;
		padding: 15px 0 !important;
		text-align: center !important;
		border: none !important;
	}
	.reqDetl1 .certification span {
		font-size: 14px;
		margin: 0 10px;
	}
	.reqDetl1 .certification .fa-graduation-cap {
		font-size: 20px;
		color: #0c2f81;
		margin-left: 15px;
		position: relative;
		top: 0;
	}
	.reqDetl1 .certification .fa-check-square-o {
		font-size: 20px;
		color: #369147;
		margin-left: 10px;
		position: relative;
		left: 4px;
		top: 0;
	}
	.professional_list .certification {
		border: none;
		margin: auto;
		padding: 0 45px;
		text-align: center;
	}
	.confirmProfessional {
		font-size: 12px !important;
		padding: 6px !important;
		border-radius: 3px !important;
	}
	.edit-profile-detail-form .row .col-md-6{
		padding: 15px 0;
	}
	.certification .fa-check-square-o {
		font-size: 30px;
		color: #369147;
		margin-left: 10px;
		position: relative;
		left: 4px;
		top: -52px;
	}
	.socialmedia {
		margin-left: 0;
	}
	#cancelled .request-detail {
		min-height: 130px !important;
	}
	#confirmed_Tab .confirmed_delete {
		margin-top: -33px !important;
		width: 60px !important;
		font-size: 12px !important;
		padding: 1px 1px !important;
		text-align: center;
		right: 4% !important;
	}
	.pendingJobDet {
		padding: 20px 20px 70px 20px !important;
		font-size: 22px;
		font-weight: 600;
	}
	.fileupload-new {
		color: #fff !important;
		font-size: 13px !important;
	}
	.termsCon{
		padding: 15px;
	}
	.signin_r .bottomline:after {
		background: #0c2f81 !important;
	}
	
	.forgot_p .provider-login-form-right {
        clear: both;
        margin-left: 4% !important;
    }
   
	.signup-provider .Category-new {
		width: 97% !important;
	}
	.social-icon .socialmedia {
		margin-left: 0;
		float: right;
		width: 300px;
		margin-top: 20px;
	}
	.requester-forgot-page {
		float: none;
		width: 100%;
		padding-left: 20px;
		margin-top: 20px;
		text-align: center;
	}
	.msgCount {
		float: left;
		text-align: center;
		background-color: #008000;
		height: 31px;
		width: 31px;
		border-radius: 50%;
		color: #fff;
		padding: 4px;
		margin-top: -70px;
		right: -90px;
		position: relative;
	}
	.pre-nxt-btn {
		padding: 0 0 50px 0;
	}
	.moreProfessionalBtn{
		text-align: center;
		padding: 2px!important;
		margin-left: 9%;
		border-radius: 3px !important;
		float: right;
		top: 95%;
		right: 60px;
		position: absolute;
		font-size: 13px !important;
	}
	.asapToggleSwitch {
		margin-left: 0 !important;
	}
	.updateProviderText textarea{
		width: 100%;
	}
	.providerUpdate #update-btn1 {
		margin-top: 40px !important;
		float: right;
		position: relative;
		right: -55px;
	}
	.update-provider .upload_cer .driver-profile-img img {
		width: 110px !important;
		height: 110px !important;
	}
	.upload_cer .driver-profile-img span{	
		margin: 0px;
		padding: 0px;
		float: left;
		width: 110px !important;
		height: 110px !important;
	}
	
	.providerUpdate .uploading {
		margin-bottom: 0;
	}
	.providerProf .firstDiv {
		margin-top: 30px !important;
	}
	.update-provider .update-profile .upload-photo {
		margin-top: 160% !important;
		margin-left: 0%;
	}
	.update-provider .update-profile .driver-profile-img {
		margin: 10px 25px;
	}
	
	
	#travel1 .request-detail img, #travel1 .request-detail1 img, #travel1 .request-detail3 img {
		width: 8% !important;
		top: 2px;
		position: relative;
	}
	#travel1 .provider_set i{
		position: relative;
		top: 6px;
		color: #a0a0a0;
	}
	
	.travel_edit .delete-btn {
		height: 30px !important;
		line-height: 28px !important;
	}
	#travel1 .request-detail, #travel1.request-detail1{
		min-height: 100px !important;
	}
	#travel1 .request-name h5{
		width: 100%;
	}
	#travel1 .request-name{
		width: 80% !important;
	}
	#travel1 .request-time{
		position: absolute;
		right: 25%;
		margin-top: 3% !important;
	}
	
	.provider_dashboard .provider_view, .provider_dashboard .providerHired_view, .provider_dashboard .providerCom_view, .provider_dashboard .providerCancel_view{
		margin-top: -45px !important;
	}
	.provider_dashboard .request-name h5, .request-time h5 {
		margin-top: -12px !important;
		margin-left: 25px !important;
		font-size: 12px !important;
		position: relative !important;
		width: 90% !important;
	}
	.provider_dashboard .request-detail, .request-detail1 {
		min-height: 125px !important;
	}
    min-height: 130px !important;
	.footer-box3 {
		padding: 15px;
	}
	.alert-success {
		margin-left: 15px;
		margin-top: 10px;
		margin-right: 15px;
	}
	.footer-box1 {
		width: 250px !important;
		margin-left: 16% !important;
		margin-top: 0 !important;
	}
	.forgot_p .bottomline:after {
		left: 7% !important;
		top: 28% !important;
		background-color: #54a263;
	}
	.forgot_r .bottomline:after {
		left: 7% !important;
		top: 26% !important;
		background-color: #0c2f81;
	}
	.zoneDivDtl {
		padding-left: 0;
		padding-right: 0;
	}
	.Category-new {
		width: 100% !important;
	}
	.image-upload-1 {
		width: 255px !important;
		margin: 50px auto !important;
		padding: 0px;
	}
	.upload-photo {
		margin-top: 60% !important;
		margin-left: 15%;
	}
	.footer-box2 {
		margin: 0;
		padding: 0px;
		float: left;
		width: 550px;
	}
	.signup-provider .tab-content .btn {
		margin-right: 10px;
	}
	.signup-provider .search1, .signup-provider .search2, .signup-provider .search3, .signup-provider .search4, .signup-provider .search5 {
		margin: 0 10px;
	}
	.requester-profile .create-account p .submit {
        margin-right: 110px !important;
        margin-top: 10px;
    }
	#pending .job-date .btn-default {
		padding: 5px 10px !important;
		margin-top: 0px !important;
		margin-left: -10px;
	}
	#confirmed_Tab .job-date .btn-default {
		padding: 5px 10px !important;
		margin-top: 5px !important;
		margin-left: -12px;
	}
	
	#completed .job-date .btn-default {
		padding: 5px 10px !important;
		margin-top: 10px !important;
	}
	#cancelled .job-date .btn-default {
		padding: 5px 10px !important;
		margin-top: 3px !important;
		margin-left: -8px;
	}
	#frm1 {
		padding: 5px 0 65px 0;
	}
	.newFeedback .giveFeedbackbtn1 {
		position: absolute;
		right: 3%;
		margin-top: -160px;
		background-color: #1b3c88;
		color: #fff;
		border-radius: 5px;
		padding: 1px 8px !important;
		height: 26px;
		text-transform: capitalize;
		font-size: 12px;
	}
	.job-history .job-feedback .btn-default {
		margin-top: 35px !important;
	}
	.view-btn .jobComplete{
		margin-top: 68px;
		height: 28px;
	}
	.prof-list {
		min-height: 120px !important;
		border-bottom: 1px solid #ccc;
	}
	.view-btn .confirmed_view1{
		margin-top: 68px !important;
	}
	.job-date p{
		font-size: 14px
	}
	.job-date .btn-default {
		padding: 5px 10px !important;
		margin-top: 10px !important;
	}
	#confirmed_Tab .confirmed_view{
		right: 10px !important;
		padding: 1px 5px !important;
		margin-top: -65px !important;
		font-size: 12px !important;
		border-radius: 5px !important;
	}
	#pending .pending_view{
		margin-top: -60px !important;
		width: 58px;
		padding: 1px 5px !important;
		right: 12px !important;
		text-align: center;
	}
	.postrequestpage #step4 .userwhole .col-md-6 {
		padding: 0;
	}
	.postrequestpage #step3 .userwhole .col-md-7{
		padding: 0;
	}
	.pre-nxt-btn .srStep1 .list-inline {
		margin-top: 25px;
		margin-right: 10px;
		bottom: 30px;
		position: relative;
	}
	.postrequestpage #step3 .userwhole .col-md-5{
		padding: 0 0px;
	}
	.userwhole .col-md-5{
		padding: 0 15px;
	}
	.postrequestpage .userwhole .col-md-6 {
		padding: 0 15px;
	}
	.postrequestpage .userwhole .col-md-4 {
		padding: 8px 0;
	}
	.postrequestpage #step1 .userwhole .col-md-4 {
		padding: 8px 8px;
	}
	.upload_cer .driver-profile-img b a i {
		padding: 6px 8px !important;
		height: 30px !important;
		width: 30px !important;
		left: -3px !important;
	}
	.f_clock i {
		top: 41px;
		left: 12px;
		color: #ccc;
		font-size: 18px;
		position: absolute;
		z-index: 99;
	}
	.postrequestpage .f_clock i {
		top: 50px;
		left: 3px;
		color: #ccc;
		font-size: 18px;
		position: absolute;
		z-index: 99;
	}
	.address_input .col-xs-12{
		padding: 0 5px;
	}
	.postrequestpage .add-input1, .postrequestpage .add-input2, .postrequestpage .add-input3 {
		position: absolute;
		top: 13px;
		color: #ccc;
		left: 12px;
		z-index: 99;
	}
	.add-input1, .add-input2, .add-input3 {
		position: absolute;
		top: 13px;
		color: #ccc;
		left: 20px;
		z-index: 99;
	}
	.tabbable-panel {
		padding: 0;
	}
	.viewBtn1 .list-inline>li {
		display: inline-block;
		padding-right: 0px;
		padding-left: 5px;
	}
	.search1, .search3, .search4, .search5, .search2 {
		margin: 0 ;
	}
	.sign-in-requester p{
		width: 100%;
		padding: 0px 5px;
	}
	.sign-in-provider p{
		width: 100%; 
	}
	.about_prof, .review_prof {
		margin-left: 20px !important;
		margin-top: 0px !important;
		margin-right: 20px !important;
		border: 1px solid #1b3c88!important;
	}
	.requesterProfileView .professional_list{
		float: none;
	}
	.certification .fa-graduation-cap {
		font-size: 30px;
		color: #0c2f81;
		margin-left: 15px;
		position: relative;
		top: -65px;
	}
	.requester-search .professional_list .Vbtn{
		padding: 0 5px;
		position: relative;
		top: -40px;
	}
	.requester-search .professional_list {
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.requester-search .professional_list .map_detail{
		width: 150%;
		margin-bottom: 10px;
	}
	.map_detail img{
		width: 20px;
		height: auto;
		margin-top: -8px;
	}
	.rupee_map {
		font-size: 20px;
	}
	.km_map {
		font-size: 16px;
		color: #193a87;
		padding: 0 6px;
	}
	.professional_list {
		padding-bottom: 15px;
		margin-bottom: 15PX;
		border-bottom: 1px solid #d6d6d6;
		width: 100%;
		float: left;
}
	.m_profile img {
		border: 4px solid #369147;
		border-radius: 50%;
		width: 80px;
		height: 80px;
	}
	.header-page {
		font-size: 28px;
	}
	.list-inline>li {
		display: inline-block;
		padding-right: 0;
		padding-left: 5px;
		margin-top: 10px;
	}
	.userwhole .col-md-4 {
		padding: 0 10px;
		margin-left: 0;
	}
	.Category{
		margin-bottom: 0;	
	}
	.postLabel label.col-md-2 {
		width: auto;
	}
	.create-account li .textlink{
		font-size: 10px;
	}
	svg {
		height: 25px;
		margin-top: 25px;
	}
	.create-account li {
	margin-right: 30px;
	display: inline-block;
	width: 75px;
	text-align: center;
}

.create-account li a>div {
	display: inline-block;
	position: relative;
	width: 75px;
	height: 75px;
	text-align: center;
	border-radius: 4px;
}

.create-account li:first-child a>div,
.create-account li:last-child a>div {
	width: 75px;
}

.create-account li a {
	color: #A8A8A8;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-family: inherit;
}

.create-account li .layer2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 75px;
	background: white;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 25px 0 rgba(00, 00, 00, 0.15);
	box-shadow: 0 0 25px 0 rgba(00, 00, 00, 0.15);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.create-account li:first-child .layer2,
.create-account li:last-child .layer2 {
	left: 0px;
	width: 75px;
}


/* hover layer effects */

.create-account li a:hover .layer2 {
	top: -22px;
	left: 0px;
	width: 75px;
}

.create-account li:first-child a:hover .layer2 {
	top: -24px;
	left: -20px;
}

.create-account li:last-child a:hover .layer2 {
	top: -24px;
	left: 20px;
}
	.create-account li {
	    margin-right: 0;
		margin-left: 10px;
	}
	.requester-signup-page {
		width: 100%;
	}
	.title1 h2 {
		font-size: 14px;
	}
	.requester-signup-page {
		width: 96%;
	}
	#team .team-overlay{
		padding: 20px 20px !important;
	}
	#banner .block {
		position: absolute;
		z-index: 99;
		color: black;
		text-align: left;
		margin-top: -35px;
	}
	.footer-box2 ul:last-child {
		width: 100%;
	}
	.home-hero-page-right-text span a {
		font-size: 13px;
	}
	.home-hero-page-right-text span  {
		font-size: 13px;
	}
	.update-detail .form-control {
		display: block;
		width: 100%;
	}
	.professionalProfile .confirmProfessional {
		float: right;
		right: 3%;
		position: relative;
		font-size: 12px;
		top: -25px;
		padding: 6px;
	}
	#show-edit-profile-div-Pe2 {
		right: 32% !important;
		/* margin-top: -20px; */
		padding: 3px 6px !important;
		font-size: 12px !important;
		text-transform: capitalize ;
	}
	.subscriptionForm {
		top: 32%;
		right: -10px;
	}
	.subscriptionForm .formTxt {
		width: 240px;
		max-height: 500px;
	}
	.contact_detail1 address {
		padding-left: 36px;
		margin-bottom: 0;
		cursor: pointer;
		width: 85%;
	}
	.footer-box3 img{
		width: 100%;
		margin-left: 7%;
	}
	.popup-box {
		background-color: #ffffff;
		border: 1px solid #b0b0b0;
		border-radius: 5px !important;
		bottom: 0;
		z-index: 99;
		display: none;
		height: 350px;
		position: fixed;
		right: 70px;
		width: 300px;
	}
	.popup-box .popup-messages {
		background: rgba(23, 55, 131, 0.05) none repeat scroll 0 0;
		height: 350px;
		overflow: auto;
	}
	.hiredJobListings .btn-info {
		margin-left: 5px !important;
		padding: 8px !important;
	}
	.edit-profile-detail-form .frm1 .hiredJobListings {
		float: left;
		width: 100% !important;
		padding: 15px;
	}
	.edit-profile-detail-form #frm1 .post_btn .save-but{
		width: auto !important;
	}
	.ProfNme span img {
		vertical-align: text-top;
		width: 8% !important;
		margin-left: -8px;
		margin-right: 8px !important;
	}
	.profImg1 img {
		width: 70px !important;
		height: 70px !important;
		border-radius: 50%;
		padding: 10px;
	}
	.request_prof .prof-distance p {
		padding: 0 8px !important;
		font-size: 9px !important;
	}
	#show-edit-profile-div-Pe1 {
			right: 40px !important;
			margin-top: 66px;
			padding: 2px 15px!important;
		}	
	.asapToggleSwitch
		{
			float: left;
			margin-top: 22px;
			margin-left: 0;
		}
	.header-page1 {
		margin: 45px 0 0 0;
		padding: 0px;
		font-weight: 200;
		float: left;
		width: 100%;
		font-size: 45px;
		color: #369147;
		text-transform: capitalize;
	}
	#cancelled #show-edit-profile-div1-can {
		right: 10px !important;
		margin-top: -60px !important;
		padding: 1px 15px !important;
	}
	#show-edit-profile-div-com {
		position: absolute !important;
		right: 15px !important;
		border-radius: 5px !important;
		margin-top: -65px !important;
		background-color: #1b3c88 !important;
		padding: 2px 10px !important;
		cursor: pointer !important;
		color: #fff !important;
		font-size: 14px !important;
	}
	.job-history .completedViewBtn #show-edit-profile-div-com {
		margin-top: 9px !important;
	}
	.update-provider .header-page1 {
		margin: 0px 0 20px 0;
		padding: 0px;
		font-weight: 200;
		float: left;
		width: 100%;
		font-size: 30px;
		color: #369147;
		text-transform: capitalize;
	}
	span .fileupload-new {
		padding-left: 0 !important;
		margin-left: -36px;
	}
	.provider_dashboard .provider_view{
		right: 40% !important;
	}
	.provider_dashboard #respond #show-edit-profile-div-r{
		right: 40% !important;
	}
	.provider_dashboard #completed #show-edit-profile-div-c{
		right: 40% !important;
	}
	.status_check .request-name h5{
		width: 60%;
	}
	#pending .pending_delete{
		margin-top: -30px !important;
		width: 58px !important;
		font-size: 12px !important;
		padding: 1px 1px !important;
		text-align: center;
		right: 4% !important;
	}
	
	.job-date {
		margin-top: 0px !important;
	}
	.map_detail{
		width: 110%;	
	}
	.feedbackDiv .btn-default {
		padding: 5px 5px !important;
		right: 10px !important;
		margin-top: 30px !important;
		margin-right: 15px;
	}
	.strRating .rating {
		margin-left: 6%;
		width: 45%;
		float: left;
	}
	.job-head {
		padding-left: 0 !important;
		padding: 5px;
	}
	.prof-list .prof-name img {
       float: none !important;
		width: 50px !important;
		height: 50px !important;
		margin-left: 25% !important;
    }
	.strRating .prof-distance p {
		margin-top: 30px !important;
		margin-left: 31% !important;
	}
	.strRating .prof-distance p.youContactedText {
		margin-top: 30px !important;
		margin-left: 56% !important;
	}
	.request-detail, .request-detail1 {
		min-height: 100px !important;
		border-bottom: 1px solid #e8e8e8;
		width: 100%;
	}
	#pending .request-detail {
		min-height: 120px !important;
		border-bottom: 1px solid #e8e8e8;
		width: 100%;
	}
	.provider_view, .providerHired_view, .providerCom_view, .providerCancel_view {
		
		background-color: #59a468 !important;
		border-radius: 3px;
		position: absolute;
		right: 15px;
		margin-top: -35px;
		border-radius: 4px;
		background-color: #0b4ca5;
		padding: 3px 15px;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
	}
	.pre-nxt-btn .list-inline {
		margin-top: 5px;
		margin-right: 2px;
		bottom: 5px;
		position: relative;
	}
	
	.contact-form {
		width: 100%;
		margin-left: 15px;
	}
	.driver-profile-top-part h5 {
		font-size: 22px;
		position: absolute;
		margin-top: 150px !important;
		margin-left: -12px !important;
		padding-left: 6px;
	}
	.driver-profile-img {
		width: 150px;
		height: 133px;
	}
	#banner {
		background: url(../img/banner/Canada-loc.jpg);
		padding: 120px 0;
		position: relative;
		height: 650px;
		background-size: cover;
	}
	.request-left {
		margin: 0px;
		padding: 0 5px 0 20px;
		float: left;
		width: 100%;
		border-right: 1px solid #c7c7c7;
	}
	.home-hero-page-right-text span  {
		width: 100%;
		margin: 4px 0 !important;
	}
	.request_prof .prof-distance p {
		margin-left: 180px;
		margin-top: 12px;
		background-color: rgba(128, 128, 128, 0.53);
		border: 1px solid #ccc;
		color: #fff;
		border-radius: 15px;
		padding: 3px;
		font-size: 12px;
	}
	.prof-list {
		min-height: 115px !important;
		border-bottom: 1px solid #ccc;
	}


@media only screen and (max-width: 480px) and (orientation: landscape) {
	.provider-right input[type="submit"]:hover {
		top: 0 !important;
		left: 27% !important;
		box-shadow: none !important;
	}
	.hovicon {
		font-size: 45px;
		line-height: 90px;
		cursor: pointer;
		width: 90px;
		height: 90px;
		border-radius: 50%;
		text-align: center;
		position: relative;
		text-decoration: none;
		z-index: 1;
		margin: auto;
		display: block;
	}
	
}
@media screen and (max-width: 992px) and (min-width: 768px){ 
/*@media screen and (max-width: 2048px) and (min-width: 768px){ */

.process-flow .col-sm-3:nth-child(2) .process-content img {
    margin-left: -130px;
    margin-top: -550px;
}
.process-flow .col-sm-3:nth-child(3) .process-content img {
    margin-left: -140px;
    margin-top: -452px;
}

.process-flow .col-sm-3:nth-child(4) .process-content img {
    margin-left: -248px;
    margin-top: -400px;
}

	.mapListDiv .mapBtn{
		position: inherit !important;
		left: 30%;
		top: 70%;
		padding: 7px !important;
		margin-top: 7% !important;
		text-align: left !important;
	}
	.mapListDiv .col-sm-3{
		padding: 0;
	}
	.mapListDiv .p_profile img{
		width: 40px !important;
		height: 40px !important;
		border: 2px solid #1b3c88 !important;
		float: left;
	}
	.pendingFrm .request_prof h5 {
		margin-top: 5px !important;
		padding-left: 10px;
		color: #3d599a;
	}
	.CertifiedVerified{
		position: relative;
		left: -26%;
		padding-top: 7%;
	}
	.CertifiedVerified .fa{
		font-size: 20px;
		margin-right: 5px;
	}
	.CertifiedVerified span{
		margin-right: 15px;
	}
	.CertifiedVerified .fa-graduation-cap{
		color: #0c2f81;

	}
	.CertifiedVerified .fa-check-square-o{
		color: #369147;

	}
	.providerProf .profession {
		margin-bottom: 10px !important;
		width: 50%;
		padding-left: 15px;
	}
	#pendingList .contactMoreProfessional{
		margin-top: 15px;
	}
	#page-content-wrapper {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px !important;
		margin-bottom: 35px;
		min-height: 450px;
	}
	.CerVer{
		padding:0;
	}
	#postForm .CerVer{
		padding:15px;
	}
	
	.volntrPading{
		padding: 15px;
	}
	.upload-content .btn-file{
		max-height: 35px !important;
	}
	.asapToggleSwitch .switch {
		position: relative;
		display: inline-block;
		width: 45px !important;
		height: 20px !important;
	}
	.asapToggleSwitch .slider {
		position: absolute;
		cursor: pointer;
		top: 3px !important;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccccccad;
		-webkit-transition: .4s;
		transition: .4s;
	}
	.asapToggleSwitch .slider:before {
		position: absolute;
		content: "";
		height: 17px;
		width: 18px;
		left: 0px !important;
		bottom: 2px !important;
		background-color: #568a60;
		-webkit-transition: .4s;
		transition: .4s;
	}
	.working_plan .bootstrap-timepicker select{
		text-indent: 15px;
	}
	.AsapPad{
		padding: 0;
	}
	.volntr .col-md-12 {
		padding-left: 15px;
	}
	.wizard h3 {
		margin-top: 0;
		font-size: 22px;
		padding: 15px 15px;
		color: #1b3c88;
	}
	#testimonial .col-md-6:nth-child(4n) {
		border-bottom: 1px solid #cacaca;
	}
	.hovicon {
		margin: 0px;
	}
	.tabbable-line>.nav-tabs>li {
		margin-right: 0 !important;
	}
	.list-inline>li {
		margin-top: 15px;
	}
	.PostReq .col-xs-12{
		padding: 0;
	}
	.PostReq1 .col-md-7{
		padding: 0;
	}
	.alert-success {
		margin-left: 15px;
		margin-top: 10px;
		margin-right: 35px;
	}
	.signup-provider .popup-box3 span {
		padding-left: 0;
		font-size: 12px;
		padding-top: 10px;
	}
	.signup-provider #step4 .fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
		display: block;
	}
	.signup-provider #step3 .btn-primary{
		margin-right: -5px;
	}
	.signup-provider .Category-new {
		font-family: 'Maven Pro', sans-serif;
		width: 97% !important;
	}
	.signup-provider .btn-primary {
		border-color: #5ea76c;
		background-color: #5ea76c;
		border-radius: 3px;
		margin-right: 10px;
	}
	.requester-forgot-page {
		float: right;
		width: 54%;
		padding-left: 3%;
		margin-top: 20px;
	}
	.contact-form b .submit-but {
		margin: 15px 10px 0 0;
	}
	#team .team-overlay {
		background: rgba(255, 255, 255, 0.95);
		color: #fff;
		text-align: center;
		padding: 15px 15px;
		position: absolute;
		bottom: -150px;
		left: 0;
		opacity: 0;
		width: 100%;
		height: 100%;
		transition: 0.3s;
	}
	.request-right h3 {
		margin: 0 0 15px;
		padding: 0px;
		float: none;
		width: auto;
		font-size: 20px;
		font-weight: 200;
		text-transform: none;
	}
	.request-right {
		margin: 18px 0 0;
		padding: 0px;
		float: none;
		width: auto;
		text-align: center;
	}
	#cancelled .cancel_delete {
		position: absolute;
		right: 5% !important;
		border-radius: 5px !important;
		margin-top: -85px;
		background-color: #d04d20 !important;
		padding: 6px 12px !important;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		text-transform: capitalize !important;
	}
	.complete_delete {
		position: absolute;
		right: 7.5% !important;
		border-radius: 5px !important;
		margin-top: -31px;
		background-color: #d04d20 !important;
		padding: 6px 12px !important;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		text-transform: capitalize !important;
	}
	#completed #show-edit-profile-div-com {
		margin-top: -15px;
	}
	#completed .job-feedback .btn-default {
		padding: 6px 15px;
		background-color: #0b4ca5;
		color: #fff;
		border-color: #0b4ca5;
		border-radius: 5px;
		position: absolute;
		right: 26.5% !important;
		font-size: 14px;
		text-transform: capitalize;
		margin-left: 10px;
		margin-top: -2px;
	}
	#confirmed_Tab .confirmed_delete {
		position: absolute;
		right: 4% !important;
		border-radius: 5px;
		margin-top: -65px;
		background-color: #d04d20 !important;
		padding: 5px 10px;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
	}
	.FilterList {
		position: absolute;
		bottom: 40%;
		right: 10%;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
		border: 1px solid#0c2f81;
		border-radius: 50%;
		padding: 10px;
		background-color: #0c2f81;
		cursor: pointer;
	}
	.n_profile img {
		border-radius: 50%;
		width: 100px;
		height: 100px;
		margin-top: 15px;
	}
	.viewPendingProfile1 #frm1 {
		padding: 15px 0 65px 0;
	}
	.viewComProfile1 #frm1 {
		padding: 15px 0 65px 0;
	}
	.viewConfirmedProfile1 #frm1 {
		padding: 15px 0 65px 0;
	}
	.viewCancelProfile1 #frm1 {
		padding: 15px 0 65px 0;
	}
	.viewCancelProfile1 .about_prof, .viewCancelProfile1 .review_prof {
		margin-left: 30px;
		margin-top: 30px;
		margin-right: 30px;
		border: 1px solid #1b3c88;
		margin-left: 30px !important;
	}
	.viewComProfile1 .about_prof, .viewComProfile1 .review_prof {
		margin-left: 30px;
		margin-top: 30px;
		margin-right: 30px;
		border: 1px solid #1b3c88;
		margin-left: 30px !important;
	}
	.viewConfirmedProfile1 .about_prof, .viewConfirmedProfile1 .review_prof {
		margin-left: 30px;
		margin-top: 30px;
		margin-right: 30px;
		border: 1px solid #1b3c88;
		margin-left: 30px !important;
	}
	.viewPendingProfile1 .about_prof, .viewPendingProfile1 .review_prof {
		margin-left: 30px;
		margin-top: 30px;
		margin-right: 30px;
		border: 1px solid #1b3c88;
		margin-left: 30px !important;
	}
	.professionalProfile .confirmProfessional {
		float: right;
		top: 10px;
		right: 16px;
		position: relative;
		font-size: 12px;
		padding: 8px;
		border-radius: 4px;
	}
	.about_prof, .review_prof {
		margin-left: 0 !important;
	}
	.list-inline li .search_btn {
		margin-right: 20px;
	}
	.padZero{
		padding: 0;
	}
	.request_search .userwhole select {
		width: 100% !important;
		text-indent: 12px;
		padding: 0;
	}
	.postrequestpage .userwhole select {
		width: 100% !important;
		text-indent: 15px;
		padding: 0;
	}
	
	.zoneDivDtl {
		padding-left: 0;
		padding-right: 15px;
	}
	.update-detail .Category-new {
		display: block;
		width: 95% !important;
	}
	.costofRemot {
		width: 95% !important;
	}
	.subcat-nav {
		margin: 15px 0 20px;
	}
	.top-link-login {
		margin: 10px 0 0 100px;
		padding: 8px 5px !important;
		float: left;
	}
	.logo img {
		float: none;
		width: 135px;
	}
	.top-link-login span a img {
		width: 14px !important;
	}
	.asapToggleSwitch span {
		font-size: 16px !important;
		width: auto !important;
	}
	.portfolio-wrapper .well {
		width: 100% !important;
	}
	#enter_otp {
		width: 50%;
		float: none;
		display: block;
	}
	.login-form-right h3 {
		margin: 0 0 15px;
		padding: 0px;
		float: left;
		width: 100%;
		color: #000000;
		font-size: 20px;
		font-weight: 200;
	}
	.forgot_r .requester-forgot-page h5 {
		font-size: 20px;
		font-weight: 200;
		float: left;
		margin-top: 15px;
		margin-bottom: 10px;
		width: 85%;
		text-align: center;
	}
	.forgot_r .social-icon .socialmedia {
		margin-left: 0;
		float: none;
		padding: 45px;
		width: 90%;
		margin-top: 0;
		text-align: center;
	}
	.login-form-right {
		margin: 0px 0 0;
		padding: 0px;
		float: left;
		width: 50%;
		text-align: center;
	}
	.requester-forgot-page h5 {
		font-size: 15px;
		font-weight: 200;
		float: left;
		margin-top: 25px;
		width: 100%;
		text-align: center;
	}
	.forgot_r .bottomline:after {
		background: #0c2f81;
	}
	.forgot_r .bottomline:after {
		top: 19.5% !important;
		left: 47px !important;
	}
	.forgot_r .header-page {
		margin: 15px 25px;
	}
	.forgot_r .login-form-left {
		padding: 0 25px 0 25px;
	}
	.signin_r .request-left {
		padding: 0 25px 0 25px;
	}
	.signin_r .bottomline:after {
		background: #0c2f81;
	}
	.signin_r .header-page {
		margin: 15px 25px;
	}
	.forgot_p .bottomline:after {
		top: 19.5% !important;
		left: 47px !important;
	}
	.forgot_p .login-form-left {
		padding: 0 20px 0 20px;
	}
	.forgot_p .header-page {
		margin: 15px 25px;
	}
	.signin .header-page {
		margin: 15px 15px;
	}
	.sign_p .header-page {
		margin: 15px 25px;
	}
	.sign_p .request-left {
		margin: 0px;
		padding: 0 25px 0 25px;
		float: left;
		width: 46%;
		border-right: 1px solid #c7c7c7;
	}
	.Vbtn .p_view {
		background-color: #1b3c88;
		padding: 10px 20px;
		border-radius: 4px;
		color: #fff;
		position: relative;
		top: 55px;
		left: 30px;
	}
	.p_profile img {
		border: 4px solid #1b3c88;
		border-radius: 50%;
		width: 100px;
		height: 100px;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.m_profile img {
		border: 4px solid #369147;
		border-radius: 50%;
		width: 100px;
		height: 100px;
		margin-top: 15px;
		/* margin-bottom: 15px; */
	}
	.professional_list {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: 1px solid #d6d6d6;
		margin: 15px 0;
	}
	.job-history .strRating .prof-distance p.jobCancel{
		margin-top: 40px !important;
		margin-left: 38% !important;
	}
	.msgCount {
		margin-top: 35px !important;
		margin-left: 10px;
	}
	.moreProfessionalBtn {
		position: absolute;
		right: 12%;
		top: 38.5%;
		padding: 5px !important;
		border-radius: 4px !important;
	}
	#confirmed_Tab #show-edit-profile-div-pe {
		right: 17.5% !important;
	}
	.postrequestpage .upload_cer {
		float: left;
		width: 33.33% !important;
	}
	.postrequestpage .postwork .fa-calendar {
		left: 8px !important;
		top: 146% !important;
	}
	.postfrom select{
		padding: 10px 20px !important;
	}
	.posttime select{
		padding: 10px 20px !important;
	}
	.form-group.profession label {
		width: 100% !important;
		margin-top: 5px;
		float: left;
	}
	.providerUpdate .upload_cer {
		float: left;
		width: 46%;
	}
	.availability .bootstrap-timepicker {
		width: 31% !important;
	}
	/*.container {
		width: 100%;
	}*/
	.subscriptionForm {
		position: fixed;
		right: 0;
		top: 45.5%;
	}
	.edit-profile-detail-form .frm1 .post-job .get_date {
		float: left;
		width: 48% !important;
	}
	
	.professionalViewDiv .frm1 .post-time {
		width: 40% !important;
	}
	.providerServiceDtl h5 {
		margin-top: -12px !important;
	}
	.request-detail img, .request-detail1 img, .request-detail3 img {
		width: 5% !important;
	}
	.edit-profile-detail-form .frm1 .post_name {
		width: 30% !important;
	}
	.border {
		border-right: 1px solid rgba(204, 204, 204, 0.41);
		width: 100px;
		height: 78%;
		position: absolute;
		left: 185px;
	}
	.signup-provider .upload_cer {
		float: left;
		width: 40% !important;
		margin-right: 20px;
	}
	.signup-provider h5 {
		padding: 0px 0 10px 7%;
		font-size: 16px;
		margin-bottom: 0;
	}
	.driver-profile-img {
		margin: 0px;
		padding: 0px;
		float: left;
		width: 100% !important;
		height: auto !important;
		position: relative;
		margin-bottom: 20px !important;
		z-index: 99;
	}
	.requester-signup-page .line-dro {
		margin: 20px 0 0 20px;
	}
	.tabView{
		margin-bottom: 25px !important;
	}
	.work_c .fa-calendar {
		left: 12px !important;
		top: 44px !important;
	}
	.request_search .work_c .fa-calendar {
		left: 20px !important;
		top: 44px !important;
	}
	.wrkpln1{
		padding: 0 5px;
	}
	.search-bg .btn-primary {
		background-color: #1b3c88;
		border-radius: 3px;
		border: 1px solid #1b3c88;
		margin-right: 20px;
	}
	.postLabel label.col-md-2 {
		width: 20%;
	}
	#team .team-overlay p {
		font-size: 12px;
		line-height: 20px;
		color: #707a8a;
	}
	#team .team-overlay .icon {
		width: 38px;
		height: 38px;
		margin: 0 auto;
		padding: 10px;
		line-height: 1;
		margin-top: 15px;
		margin-bottom: 5px;
		border-radius: 100%;
		display: inline-block;
		background: #3d599a;
	}
	.home-hero-page-right-text span p {
		margin: 0 0 20px;
		padding: 0px;
		float: left;
		font-size: 20px !important;
		width: 100%;
		line-height: 26px !important;
	}
	.marcls{
		margin-left: -5px;
	}
	.edit-profile-detail-form .frm1 .post-job {
		width: 36% !important;
	}
	.edit-profile-detail-form .frm1 .hiredJobListings {
		width: 50% !important;
	}
	
	.edit-profile-detail-form .frm1 .post-time img {
		width: 15px;
		margin-top: 2px;
		margin-left: 11px;
		margin-right: 9px;
	}
	.provider_view, .providerHired_view, .providerCom_view, .providerCancel_view {
		background-color: #59a468 !important;
		border-radius: 3px;
		position: absolute;
		right: 60px;
		margin-top: -65px;
		border-radius: 4px;
		background-color: #0b4ca5;
		padding: 5px 20px;
		cursor: pointer;
		color: #fff;
		font-size: 16px;
	}
	.edit-profile-detail-form .frm1 .post-time img {
		width: 10%;
		margin-top: 2px;
		margin-left: 11px;
		margin-right: 9px;
	}
	.certification{
		padding: 20px 0;
	}
	.reqDetl1 .certification {
		padding: 15px;
	}
	.professional_list .certification {
		border: 1px solid #1b3c88;
		padding: 14px 0;
		position: absolute;
		left: 30%;
		top: 70%;
		margin-top: 7% !important;
	}
	.reqDetl .certification {
		border: 1px solid #1b3c88 !important;
		padding: 5px 0 !important;
		position: absolute;
		left: 56%;
		top: 70%;
		margin-top: 7% !important;
	}
	
	.professional_list .certification {
		border: none;
		margin: auto;
		padding: 0 15px;
		text-align: center;
	}
	.certification .fa-graduation-cap {
		font-size: 24px;
		color: #0c2f81;
		margin-left: 10px;
	}
	.certification .fa-check-square-o {
		font-size: 24px;
		color: #369147;
		margin-left: 10px;
	}
	.reqDetl .rating{
		position: relative;
		top: -5px;
		left: -5px;
	}
	.km_map {
		font-size: 18px;
		color: #193a87;
		padding: 15px 0px;
	}
	#banner {
		background: url(../img/banner/carpenters-banner3.png);
		padding: 80px 0 0 0px;
		position: relative;
		height: 600px;
		background-size: cover;
	}
	#banner .block h2 {
		width: 55%;
		line-height: 25px !important;
		    margin-top: 35px;
	}
	.feedbackDiv .btn-default {
		padding: 10px 18px;
		background-color: #0b4ca5;
		color: #fff;
		border-color: #0b4ca5;
		border-radius: 5px;
		position: absolute;
		right: 155px !important;
		font-size: 14px;
		text-transform: capitalize;
		margin-left: 15px;
		margin-top: -10px;
	}
	1 span a {
		margin: auto;
	}
	#banner .block {
       margin-top: 0 !important; 
    }
	.home-hero-page-left-text {
		width: 40%;
		height: 68%;
		margin-right: -35px;
		margin-top: -2px;
	}
	.home-hero-page-left-text span h3 {
		padding: 0;
	}
	.home-hero-page-right-text {
       margin: 15% 0 0 !important; 
    }
	.home-hero-page-right-text {
		z-index: 99;
		width: 80%;
		background-color: #1b3c88;
		height: 155px;
		position: absolute;
		top: 325px;
		left: 10%;
	}
	.process-flow .col-sm-3:nth-child(2) .process-content img {
		margin-left: -175px !important;
		margin-top: -475px;
	}
	.process-flow .col-sm-3:nth-child(3) .process-content img {
		margin-left: -150px !important;
		margin-top: -520px;
	}
	.process-flow .col-sm-3:nth-child(4) .process-content img {
		margin-left: -95px !important;
		margin-top: -410px !important;
	}
	.process-content img{
		display: none;
	}
	.sign-in .clear {
		clear: both;
		display: none;
	}
	.sign-in-provider {
		margin: 0px 0 0 20px;
		padding: 0px;
		float: left;
		width: 50%;
	}
	.footer-box2 {
		margin: 0;
		padding: 0px;
		float: left;
		width: 350px;
	}
	.footer-box1 {
		margin: 10px 0 0px 20px;
		padding: 0px;
		float: left;
		width: 200px;
		position: relative;
		z-index: 0;
	}
	.footer-box3 {
		margin: 12px 0 4px 0;
		padding: 15px;
		float: left;
		width: 170px;
	}
	.footer-box3 span {
		margin: -10px 5px 20px 0;
		padding: 0px;
		float: right;
		width: auto;
	}
	.footer-box1 span {
		margin: 50px 0 0 !important;
	}
	.page-contant {
		margin: 80px 0px 0;
		padding: 0 0 60px;
		float: left;
		width: 100%;
		min-height: 650px;
	}
	.request-left {
		margin: 0px;
		padding: 0 50px 0 25px;
		float: left;
		width: 46%;
		border-right: 1px solid #c7c7c7;
	}
	.page-contant {
		margin: 80px 0px 0;
		padding: 0 20px 60px 20px !important;
		float: left;
		width: 100%;
		min-height: 650px;
	}
	.sign_p .bottomline:after {
		background: #4ea552;
		top: 10%;
		left: 3%;
	}
	.faAlign .fa{
		width: 100%;
	}
	#post #show-edit-profile-div, #post #show-edit-profile-div1, #enquiry #show-edit-profile-div-e, #enquiry #show-edit-profile-div1-e, #respond #show-edit-profile-div-r, #respond #show-edit-profile-div1-r, #hired #show-edit-profile-div-h, #cancel #show-edit-profile-div-ca, #cancel #show-edit-profile-div1-ca, #profess #show-edit-profile-div-Pr1, #profess #show-edit-profile-div1-Pr1 {
		position: absolute;
		right: 8% !important;
		margin-top: -80px !important;
		border-radius: 4px;
		background-color: #0b4ca5;
		padding: 10px 25px;
		cursor: pointer;
		color: #fff;
		font-size: 16px;
	}
	.request-detail, .request-detail1, .request-detail3 {
		padding: 15px;
		vertical-align: bottom;
	}
	#completed #show-edit-profile-div-c, #completed #show-edit-profile-div1-c {
		right: 3% !important;
	}
	.portfolio .request-time .feedback-btn {
		margin-top: -30px !important;
		padding: 10px 12px !important;
		right: 140px !important;
	}
	.request-time {
		float: left;
		width: 35%;
		margin-left: 30px !important;
		margin-top: 10px;
	}
	.request-time h5 {
		position: absolute;
		margin-top: -15px;
		margin-left: 45px;
		font-size: 16px;
		color: #0b4ca5;
		word-wrap: break-word !important;
		width: 150px !important;
	}
	#completed #show-edit-profile-div-c, #completed #show-edit-profile-div1-c, #pending #show-edit-profile-div-pe, #pending #show-edit-profile-div1-pe, #pending #show-edit-profile-div1-Pe1 {
		position: absolute;
		right: 20%;
		border-radius: 5px;
		margin-top: -55px !important;
		background-color: #3d599a;
		padding: 9px 25px;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
	}
	.request-detail, .request-detail1 {
		min-height: 100px !important;
		border-bottom: 1px solid #e8e8e8;
		width: 100%;
	}
	#post #show-edit-profile-div, #post #show-edit-profile-div1, #enquiry #show-edit-profile-div-e, #enquiry #show-edit-profile-div1-e, #respond #show-edit-profile-div-r, #respond #show-edit-profile-div1-r, #hired #show-edit-profile-div-h, #cancel #show-edit-profile-div-ca, #cancel #show-edit-profile-div1-ca, #profess #show-edit-profile-div-Pr1, #profess #show-edit-profile-div1-Pr1{
		margin-top: -65px !important;
	}
	.provider_dashboard .nav li {
		width: 16.66%;
		border: 1px solid #e8e8e8;
		text-align: center;
		text-transform: capitalize;
		min-height: 90px;
	}
	.provider_dashboard .nav-tabs>li.active>a{
		height: 88px;
	}
	.provider_set {
		margin-top: 10px !important;
	}
	.travel_edit .delete-btn:nth-child(1) {
		margin-left: 220px !important;
		margin-top: -5px !important;
	}
	.travel-plan .request-content {
		margin-top: 125px !important;
		width: 95%;
		clear: both;
	}
	.providerProf{
		margin-top: 30px;
	}
	.cost-per-hour {
		width: 100% !important;
		margin-top: 85px;
	}
	.firstDiv .form-group {
		width: 100% !important;
	}
	.provider-right {
		margin: 15px 40px;
		padding: 0px;
		width: 25%;
		text-align: right;
		float: right;
	}
	.updateProvider1 .provider-right {
		margin: 15px 5px;
		padding: 0px;
		width: 25%;
		text-align: right;
		float: right;
	}
	.requestotHeader .top-link-login {
		margin-top: -70px !important;
		width: 100%;
		margin-left: 160px !important;
	}
	.updateProvider2 .provider-right{
		float: right !important;
		margin: 15px 0 !important;
	}
	.update-provider .previous_btn {
		width: 25% !important;
		margin-top: 20px !important;
	}
	.avail_table .table {
		width: 85% !important;
		border: 1px solid #ccc;
	}
	.callout {
		border-radius: 10px;
		margin: 5px 60px 20px 0;
		padding: 10px 10px 10px 25px;
		border-left: 5px solid #eee;
		color: #fff;
		font-size: 15px;
	}
	.sign_p .bottomline:after, .signin_r .bottomline:after {
		top: 19.5%;
		left: 6%;
	}
	.search1,  .search4, .search5, .search2 {
		border: 1px solid #d1d2d4;
		box-shadow: 2px 4px 2px #f5f5f5;
		padding: 15px;
		margin-bottom: 30px;
		display: inherit;
		margin-right: 20px;
		
	}
	 .search3  {
		border: 1px solid #d1d2d4;
		box-shadow: 2px 4px 2px #f5f5f5;
		padding: 15px;
		margin-bottom: 30px;
		display: inline-block;
		width: 97%;
		
	}
	.address_input {
		height: auto;
		width: 50% !important;
		float: left;
		margin-top: 20px;
	}
	#postForm .profession {
		margin-bottom: 10px !important;
		width: 50.5%;
		padding-left: 0px;
	}
	.profession {
		margin-bottom: 10px !important;
		width: 50.5%;
		padding-left: 15px;
	}
	.top-link-login {
		margin-top: -70px !important;
		width: 100%;
		margin-left: 175px !important;
	}
	.top-link-login span a {
		margin: 0 11px 0 10px;
		padding: 0px;
		float: left;
		color: #fff;
		font-size: 15px !important;
		height: 60px;
		line-height: 70px;
	}
	.request_search .bootstrap-timepicker {
		width: 50% !important;
		float: left;
		margin-left: 8px;
	}
	.request_search .bootstrap-timepicker .f_clock i {
		top: 45px;
		left: 4px;
		color: #ccc;
		font-size: 16px;
		position: absolute;
		z-index: 9;
				
	}
	.bootstrap-timepicker {
		width: 48% !important;
		float: left;
		margin-left: 8px;
	}
	.working_plan .bootstrap-timepicker {
		width: 51% !important;
		float: left;
		margin-left: 8px;
	}
	.wrkpln .bootstrap-timepicker {
		width: 100% !important;
		float: left;
		margin-left: 0px;
	}
	.searchWidth {
		padding-left: 0;
		width: 50%;
	}
	.pre-nxt-btn .list-inline {
		margin-top: 5px;
		margin-right: 10px;
		bottom: 10px;
		position: relative;
	}
	.whnesr .userwhole{
		width: 60%;
	}
	.whnesr {
		margin-top: 15px;
	}
	.postrequestpage .whnesr {
		margin-top: 15px;
		padding: 0;
	}
	.working_padding .fa-calendar {
		color: #ccc;
		position: absolute;
		left: 24px;
		top: 44px !important;
		Z-INDEX: 99;
	}
	
	.userwhole input[type=text]{
		z-index: 99;
	}
	.working_padding input {
		width: 100% !important;
	}
	.jobdays {
		width: 100% !important;
	}
	.postPeriod .userwhole textarea {
		width: 95%;
	}
	.postPeriod .userwhole {
		width: 60%;
	}
	.postPeriod{
		margin-top: 15px;
	}
	.postPeriod .working_padding .fa-calendar {
		color: #ccc;
		position: absolute;
		left: 7px;
		top: 44px !important;
		Z-INDEX: 99;
	}
	.request-name {
		float: left;
		width: 40% !important;
		margin-left: 45px;
		margin-top: 5px;
		margin-left: 26px !important;
	}
	.prof-rate {
		float: left;
		width: 45% !important;
		margin-top: 15px;
	}
	#completed .prof-rate {
		float: left;
		width: 28% !important;
		margin-top: 15px;
	}
	#show-edit-profile-div-com {
		position: absolute;
		right: 22% !important;
		border-radius: 5px;
		margin-top: -65px;
		background-color: #1b3c88 !important;
		padding: 9px 25px;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
	}
	.wrkpln1  input[type=text]{
		width: 50% !important;
	}
	.sletZone select {
		height: 42px;
		width: 50% !important;
	}
	.profile-div {
		width: 100%;
	}
	.profile-div1 {
		width: 100%;
	}
	.requester-signup-page .create-account span .create-account-input1 {
		width: 100% !important;
	}
	.requester-signup-page {
		margin: 15px 0 0;
		padding: 0px;
		float: none;
	}
	.create-account p .submit {
		margin-right: 10px;
	}
	.create-account span strong {
		margin-bottom: 15px;
		padding: 0px;
		margin-right: 5px;
		display: inherit;
	}
	.page-contant-inner {
		margin: 30px auto 0;
		padding: 0px;
		width: 100%;
	}
	.signUpprov label{
		width: 100%;
	}
	.signUpprov .create-account-input{
		width: 50%;
	}
	.otp-btngroup input[type="button"] {
		background-color: #4ea652;
		color: #fff;
		border-color: #4ea652;
		border-color: #1b3c88;
		padding: 5px 15px 5px 15px;
		margin-left: 10px;
		position: relative;
		top: -12px;
	}
	.provSign.search3{
		height: 215px !important;
	}
	#enter_otp{
		width: 50%;
	}
	.signup-provider .provider-info-right .resend-btn {
		margin-top: 0;
		margin-top: -8px;
		padding: 9px 15px;
		float: left;
		float: left;
		clear: both;
		border: none;
		color: #fff !important;
		text-transform: capitalize;
		background-color: #4ea652;
	}
	.otp_submit {
		float: right !important;
		margin-right: 50px;
	}
	.createAcc.search3 {
		border: 1px solid #d1d2d4;
		box-shadow: 2px 4px 2px #f5f5f5;
		padding: 15px;
		margin-bottom: 30px;
		width: 100%;
		height: 350px !important;
	}
	.modelbootTime .bootstrap-timepicker {
		width: 30% !important;
		float: left;
		margin-left: 8px;
	}
	#show-edit-profile-div-Pe1 {
		position: absolute;
		right: 80px !important;
	}
	.job-history .pending_view1 {
		position: absolute;
		right: 60px !important;
		margin-top: 20px;
	}
	.job-history #show-edit-profile-div-Pe1 {
		position: absolute;
		right: 60px !important;
	}
	.strRating .rating img{
		width: 20px !important;
		margin-left: 0 !important;
	}
	.strRating .rating {
		margin-left: 5%;
		width: 20%;
		float: left;
	}
	.strRating .prof-distance p {
		margin-top: 30px !important;
		margin-left: 45.5% !important;
	}
	.job-history .strRating .prof-distance p {
		margin-top: 40px !important;
		margin-left: 50% !important;
	}
	.job-history  #show-edit-profile-div-Pe2 {
		right: 140px;
	}
	.request_prof .prof-img {
		width: 65px !important;
		height: 65px !important;
		border-radius: 50%;
		margin-top: 0 !important;
	}
	.prof-list h5 {
		margin-left: 12% !important;
		font-size: 20px;
	}
}

@media only screen and (max-width: 1280px) and (orientation: landscape) {
	.process-content img{
		display: none;
	}
	#banner .block h2 {
		font-size: 18px;
		line-height: 25px;
		font-weight: 300;
		width: 70%;
		text-align: justify;
	}
}

@media screen and (max-width: 1024px) and (min-width: 992px){
      .process-flow .col-sm-3:nth-child(2) .process-content img {
    margin-left: -130px;
    margin-top: -555px;
}
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  
    
	#banner {
		background: url(../img/banner/carpenters-banner3.png);
		padding: 225px 0 0 0;
		position: relative;
		height: 650px;
		background-size: cover;
	}
	.home-hero-page-left-text {
		width: 300px !important;
		height: 82% !important;
		margin-top: -150px;
	}
	#banner .block h2 {
		width: 60% !important;
		line-height: 25px !important;
	}
	.home-hero-page-right-text {
		margin: 12% 0 0 !important;
	}
	.home-hero-page-right-text {
		z-index: 99;
		width: 75%;
		background-color: #1b3c88;
		height: 155px;
		position: absolute;
		top: 325px;
		left: 12%;
	}
	.title-h2 span:after {
		content: '';
		width: 40px;
		height: 2px;
		background: #b3b3b3;
		position: absolute;
		top: 12px;
		right: 350px;
	}
	.title-h2 span:before {
		content: '';
		width: 40px;
		height: 2px;
		background: #b3b3b3;
		position: absolute;
		top: 13px;
		left: 350px;
	}
	.process-content img{
		display: none;
	}
	#post #show-edit-profile-div, #post #show-edit-profile-div1, #enquiry #show-edit-profile-div-e, #enquiry #show-edit-profile-div1-e, #respond #show-edit-profile-div-r, #respond #show-edit-profile-div1-r, #hired #show-edit-profile-div-h, #cancel #show-edit-profile-div-ca, #cancel #show-edit-profile-div1-ca, #profess #show-edit-profile-div-Pr1, #profess #show-edit-profile-div1-Pr1 {
		position: absolute;
		right: 8% !important;
		margin-top: -85px !important;
		border-radius: 4px;
		background-color: #0b4ca5;
		padding: 10px 25px;
		cursor: pointer;
		color: #fff;
		font-size: 16px;
	}
	.request-time .btn-default {
		padding: 10px 18px;
		background-color: #ffffff;
		color: #1a9432;
		border-color: #1a9432;
		border-radius: 5px;
		position: absolute;
		margin-top: -35px !important;
		right: 5% !important;
		font-size: 14px;
		text-transform: capitalize;
		margin-left: 10px;
	}
}

#guestChat .modal-footer .btn-default {
    padding: 6px 6px;
    width: 30%;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #063579;
}
 #guestChat .modal-body {
    padding: 15px;
    max-height: 500px;
    overflow-y: auto;
}
.mapProfile .p_profile img {
    border: 4px solid #1b3c88;
    border-radius: 50%;
    width: 75px;
    height: auto;
	margin-top: 6px;
}
.mapBtn a:focus{
	color: #fff;
}
.mapBtn a:hover{
	color: #fff;
}
.mapListDiv{
    overflow: hidden;
}
.mapListDiv .col-md-12{
    padding: 0;
}
.mapListDiv .mapProfile{
    padding: 0;
}
.mapListDiv .map_detail img{
	width: 10%;
    margin-right: 4%;
    margin-top: -10px;
}
.mapListDiv .professional_list {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.toast-info {
    background-color: #283593 !important;
}
#toast-container>div{
	opacity: 0.9 !important;
}
.mapListView a{
	border: none !important;
}
.mapListView img{
	cursor: pointer;
}
.otherDetails{
	padding: 0 20px;
	font-size: 14px;
    line-height: 1.5;
}
.otherDtlImg{
	width: 15px;
    margin-top: -9px;
    margin-right: 3px;
}
.ReqViewImg{
	position: absolute;
    /*top: 41%;*/
	top: 230px;
    left: 40%;
}
.cust_notes{
	width: 70%;
    word-wrap: break-word;
    max-height: 80px;
    overflow: auto;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.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;}
}
#toast-container>.toast-success
{
	background-color: #85a6c3;
	color: #fff;
}

.div-job-complete{
	margin-left: 97px;
    margin-top: -44px;
}

@media screen and (max-width: 2048px) and (min-width: 1367px){
	
	/* =================
	   Home page style
	   ================= */

	.home-hero-page-left-text {
		margin: 0;
		margin-top: -75px;
		z-index: 99;
		padding: 0px;
		float: right;
		width: 310px;
		background: #369147;
		height: 404px;
		text-align: center;
		position: relative;
		/*right: 50px;*/
	}
	.home-hero-page-left-text span h3{
		padding: 15px 0px;
	}

	.home-hero-page-left-text span {
		margin: 0;
		padding: 0px;
		float: left;
		width: 100%;
		color: #FFFFFF;
		font-size: 18px;
		color: #FFFFFF;
		font-weight: 500;
		line-height: 35px;
	}

	.home-hero-page-left-text span p {
		margin: 0px;
		line-height: 26px;
		font-size: 18px;
		vertical-align: middle;
		display: table-cell;
		padding: 15px 25px;
		text-align: justify;
	}

	.home-hero-page-left-text span H5 {
		font-size: 18px;
	}

	.home-hero-page-left-text span a {
		border: 1px solid #fff;
		color: #FFFFFF;
		text-align: center;
		display: block;
		font-size: 15px;
		margin: 0 auto;
		width: 150px;
		margin-top: 35px !important;
		padding: 12px 15px 12px 15px;
		transition: all 0.5s;
		cursor: pointer;
		text-transform: uppercase;
		float: none;
		line-height: normal;
	}

	.home-hero-page-left-text span a:hover {
		border-color: #000000;
	}

	.home-hero-page-left-text span a em {
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.5s;
		font-style: normal;
	}

	.home-hero-page-left-text span a em:before {
		content: '\00bb';
		position: absolute;
		opacity: 0;
		bottom: 0;
		right: -26px;
		transition: 0.5s;
		font-size: 25px;
		line-height: 22px;
	}

	.home-hero-page-left-text span a em:before {
		opacity: 1;
		right: -26px;
	}

	.home-hero-page-left-text span a:hover em {
		padding-right: 0;
	}

	.home-hero-page-left-text span a:hover em {
		color: #000000;
	}

	.home-hero-page-left-text span a em:after {
		position: absolute;
		opacity: 0;
		top: 0;
		right: -26px;
		transition: 0.5s;
		font-size: 25px;
		color: #000000;
		line-height: 29px;
	}

	.home-hero-page-left-text span a:hover em:after {
		opacity: 1;
		color: #000000;
	}

	.home-hero-page-right-text {
		z-index: 99;
		margin: 0;
		padding: 0px;
		/* float: right; */
		/*width: 315px;*/
		width: 38%;
		background-color: #1b3c88;
		min-height: 155px;
		position: absolute;
		top: 325px;
		left: 22%;
	}

	.home-hero-page-right-text span {
		padding: 30px 0;
		float: left;
		color: #FFFFFF;
		font-size: 23px;
		color: #FFFFFF;
		font-weight: 500;
		line-height: 35px;
		text-align: center;
	}

	.home-hero-page-right-text span p {
		margin: 0 0 20px;
		padding: 0px;
		float: left;
		font-size: 22px;
		width: 100%;
		line-height: 30px;
	}

	.home-hero-page-right-text span a {
		border: 1px solid #fff;
		color: #FFFFFF;
		text-align: center;
		font-size: 15px;
		margin: 15px 15px;
		padding: 12px 35px 12px 15px;
		transition: all 0.5s;
		cursor: pointer;
		text-transform: uppercase;
		line-height: normal;
	}

	.home-hero-page-right-text span a:hover {
		border-color: #000000;
	}

	.home-hero-page-right-text span a em {
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.5s;
		font-style: normal;
	}

	.home-hero-page-right-text span a:hover {
		border-color: #fff;
		background-color: #fff;
	}

	.home-hero-page-right-text span a em {
		cursor: pointer;
		display: inline-block;
		position: relative;
		transition: 0.5s;
		font-style: normal;
	}

	.home-hero-page-right-text span a em:before {
		content: '\00bb';
		position: absolute;
		opacity: 0;
		bottom: 0;
		right: -26px;
		transition: 0.5s;
		font-size: 25px;
		line-height: 22px;
	}

	.home-hero-page-right-text span a em:before {
		opacity: 1;
		right: -26px;
	}

	.home-hero-page-right-text span a:hover em {
		padding-right: 0;
	}

	.home-hero-page-right-text span a:hover em {
		color: #000000;
	}

	.home-hero-page-right-text span a em:after {
		position: absolute;
		opacity: 0;
		top: 0;
		right: -26px;
		transition: 0.5s;
		font-size: 25px;
		color: #000000;
		line-height: 29px;
	}

	.home-hero-page-right-text span a:hover em:after {
		opacity: 1;
		color: #000000;
	}
	
	.signin_r .bottomline:after {
		background: #0c2f81;
		/*top: 19%;*/
		content: "";
		height: 2px;
		position: absolute;
		width: 40px;
		/*left: 165px;*/
		float: left;
		margin: 35px 350px;
	}
	
	.sign_p .bottomline:after {
		background: #4ea552;
		/*top: 19%;*/
		content: "";
		height: 2px;
		position: absolute;
		width: 40px;
		/*left: 165px;*/
		float: left;
		margin: 35px 258px;
	}
	
	.pendView #show-edit-profile-div-Pe1 {
		position: absolute;
		right: 600px;
		z-index: 99;
	}
	
	.strRating .prof-distance p {
		margin-top: 30px !important;
		margin-left: 18% !important;
	}
	
	.sign_p .bottomline:after,
	.signin_r .bottomline:after {
		/*top: 28%;*/
		top: 150px;
	}
	
	.forgot_p .bottomline:after,
	.forgot_r .bottomline:after {
		top: 182px !important;
		left: 515px !important;
	}
	
	#show-edit-profile-div-Pe2 {
		margin-top: 15px !important;
		margin-left: 100px;
	}
	
	.pop_chat {
		float: left;
		width: 8%;
		/*margin-top: 35px;*/
		margin-top: -20px;
		margin-left: 490px;
	}

	.pop_chat a{
		/*position: absolute;
		right: 10%;*/
		float: left;
		margin-left: 360px;
	}
	
	.zoneSlet .col-md-4{
		width: 34.33333333%;
	}
}