/*------------------------------------------------------------------
Main Style Stylesheet
	Project:		Plumbing - Handy Man, Plumber HTML Template
	Version:	    1.0
	Author:			M_Adnan
	Last change:	04/08/15
	Primary use:	Plumbing - Handy Man
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
body 

 + WRAP
 + HEADER
 + NAVIGATION
 + BANNER
 + SERVICES
 + WELCOME TO OUR PLUMBING
 + WORKS GALLERY
 + FEEDBACK FROM CLIENTS
 + NEWS FROM BLOG
 + PARTNERS / CLIENTS
 + FOOTER
 + SOCIAL ICONS
 + MEGA MENU
 + 3 MENU LEVEL 
-------------------------------------------------------------------*/

/*=======================================================
			SECTION
========================================================*/
section {
	position: relative;
	overflow: hidden;
	width: 100%;
}
/*=======================================================
			BUTTON
========================================================*/
.btn {
	background: none;
	text-transform: uppercase;
	color: #232323;
	border: 2px solid #ffc107;
	border-radius: 0px;
	display: inline-block;
	padding: 10px 30px;
	margin: 0 auto;
	margin-top: 15px;
	font-weight: bold;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.btn:hover {
	background: #ffc300;
	color: #fff;
}

/*=======================================================
			TITTLE
========================================================*/
.tittle {
	text-align: left;
	display: inline-block;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.tittle h2 {
	margin: 0px;
	font-weight: 700;
	line-height: 37px;
	text-transform: uppercase;
	padding-left: 15px;
}
.tittle h2:before {
	height: 22px;
	width: 5px;
	position: absolute;
	display: inline-block;
	content: "";
	background: #448aff;
	margin-top: 10px;
	left: 0px;
	z-index: 9;
	position: absolute;
}
.tittle p {
	font-size: 15px;
}

/*=======================================================
			GALLERY
========================================================*/
.gallery {
	padding: 80px 0;
	padding-bottom: 0px;
	background: #f8f8f8;
}
.gal-item {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.items-text {
	position: absolute;
	bottom: 40px;
	left: 20px;
	display: none;
	opacity: 0;
}
.items-text p {
	color: #ffc107;
	margin: 0px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Exo 2', sans-serif;
    cursor:pointer;
}
.link-up {
	position: absolute;
	height: 40px;
	width: 40px;
	float: right;
	top: 30px;
	right: 30px;
	text-align: center;
	line-height: 40px;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	display: none;
	opacity: 0;
}


.link-up i {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
}

.link-up1 {
	position: absolute;
	height: 40px;
	width: 40px;
	float: right;
	top: 65px;
	right: 30px;
	text-align: center;
	line-height: 40px;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	display: none;
	opacity: 0;
}

.link-up2 {
	position: absolute;
	height: 40px;
	width: 40px;
	float: right;
	top: 15px;
	right: 30px;
	text-align: center;
	line-height: 40px;
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	color: #fff;
	font-size: 20px;
	display: none;
	opacity: 0;
}

.items-text h5 {
	
    color: #ffc107;
	margin-top: 0px;
	font-weight: bold;
    cursor:pointer;

}
.gallery-over {
	background: -moz-linear-gradient(45deg, rgba(35,35,35,0.9) 0%, rgba(35,35,35,0.9) 17%, rgba(68,138,255,0.9) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(235, 196, 77)), color-stop(100%, rgba(35,35,35,0.8)));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, rgba(35,35,35,0.9) 0%, rgba(35,35,35,0.9) 17%, rgba(68,138,255,0.9) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg, rgba(35,35,35,0.9) 0%, rgba(35,35,35,0.9) 17%, rgba(68,138,255,0.9) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(35,35,35,0.9) 0%, rgba(35,35,35,0.9) 17%, rgba(68,138,255,0.9) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(248, 206, 77, 0.69) 0%, rgba(35,35,35,0.8) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6232323', endColorstr='#e6448aff', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	position: absolute;
	top: 0;
	opacity: 0;
	width: 100%;
	left: 0px;
	height: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(235, 196, 77)), color-stop(100%, rgba(35,35,35,0.8)))
}
.gal-item:hover .gallery-over {
	top: 0px;
	opacity: 1;
}
.gal-item:hover .link-up {
	display: block;
	opacity: 1;
}
.gal-item:hover .link-up1 {
	display: block;
	opacity: 1;
}
.gal-item:hover .link-up2 {
	display: block;
	opacity: 1;
}
.gal-item:hover .items-text {
	display: block;
	opacity: 1;
}
.gallery .owl-nav {
	position: absolute;
	top: -80px;
	right: 0px;
	width: 20%;
}
.gallery .owl-nav i {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	float: left;
	line-height: 40px;
	background: #fff;
	color: #232323;
	font-size: 22px;
	margin-left: 10px;
	padding: 0px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-align: center;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
.gallery .owl-nav i:hover {
	background: #ffc300;
	color: #fff;
}
.gallery .owl-nav .owl-prev {
	right: 50px;
}
.gallery-slide-3 .owl-nav {
	width: 100px;
}
.gallery-slide-3 {
	padding-bottom: 80px;
}

/*=======================================================
			PORTFOLIO
========================================================*/
#portfolio {
	padding: 80px 0;
	background: #fff;
}
#portfolio1 {
	padding:0;
	background: #fff;
}
#portfolio2 {
    padding: 44px 0px;
    background: #fff;
}
.filter {
	margin-bottom: 50px;
	text-align: center;
	margin-top: 20px;
	width: 100%;
}
.filter li a {
	margin-right: 0px;
	font-size: 12px;
	color: #232323;
	font-weight: 400;
	display: inline-block;
	text-decoration: none;
	font-family: 'Lato';
	padding: 0px;
	margin: 0 10px;
	margin-right: 12px;
	text-transform: uppercase;
}
.filter li a:hover {
	color: #ffd249;
	border-bottom: 1px solid #ffd249;
}
.filter li a.active {
	color: #ffd249;
	border-bottom: 1px solid #ffd249;
}
.filter li {
	margin: 0;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.filter li select {
	border: 1px solid #002b5e;
	color: #002b5e;
	height: 32px;
	border-radius: 4px;
	font-size: 12px;
	padding: 0 30px 0 10px;
	text-transform: uppercase;
}
.isotope-item {
	z-index: 2;
	display: block !important;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;
}
.isotope {
}
.isotope .isotope-item {
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
}
.portfolio .items {
	margin: 0 -15px;
}
.portfolio .items {
	margin: 0 -15px;
}
.portfolio .item {
	width: 25%;
	display: inline-block;
	padding: 0 15px;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}
.portfolio .item img {
	width: 100%;
}

.portfolio1 .items {
	margin: 0 -15px;
}
.portfolio1 .items {
	margin: 0 -15px;
}
.portfolio1 .item {
	width: 25%;
	display: inline-block;
	padding: 0 15px;
	overflow: hidden;
	margin-bottom: 30px;
	position: relative;
}
.portfolio1 .item img {
	width: 100%;
}
.nav-icon {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.nav-icon i {
	height: 35px;
	width: 35px;
	border: 1px solid #e8e8e8;
	line-height: 35px;
	color: #000000;
}
.portfolio-wrapper .btn {
	margin-top: 50px;
}
/*=======================================================
			PORTFOLIO COL
========================================================*/
.portfolio .col-3 .item {
	width: 33.3333%;
}
.portfolio .col-4 .item {
	width: 100%;
}
.portfolio .col-5 {
	margin: 0 -2px;
}
.portfolio .col-5 .item {
	width: 20%;
	padding: 2px;
	margin-bottom: 0px;
}
.portfolio1 .col-3 .item {
	width: 33.3333%;
}
.portfolio1 .col-4 .item {
	width: 100%;
}
.portfolio1 .col-5 {
	margin: 0 -2px;
}
.portfolio1 .col-5 .item {
	width: 20%;
	padding: 2px;
	margin-bottom: 0px;
}

/*=======================================================
			TABS SECTION
========================================================*/
#tabs .tab-pane {
	padding: 20px;
	border: 1px solid #e8e8e8;
}
#tabs .nav-tabs > li {
	border: none;
	margin: 0px;
	padding: 0px;
}
#tabs .nav-tabs > li a {
	border: none;
	float: left;
	padding: 10px 30px;
	border-radius: 0px;
	text-transform: uppercase;
}
#tabs .nav-tabs > li.active a {
	border: none;
	background: #002b5e;
	color: #fff;
}
#tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: none;
}
#tabs .nav-tabs {
	border: none;
	border-bottom: 3px solid #002b5e;
}
.skills-bar .progress {
	height: 29px;
	background: #aaaaaa;
}
.skills-bar .progress-bar {
	text-align: left;
}
.skills-bar h5 {
	font-size: 16px;
	display: inline-block;
	display: inline-block;
	width: 100%;
}
.skills-bar .progress-bar {
	float: left;
	width: 100%;
	height: 11px;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #002b5e;
	border-radius: 30px;
}
.skills-bar li {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 20px;
}
.skills-bar .progress {
	overflow: inherit !important;
	background: #fff;
	border: 9px solid #e7e7e7;
	border-left: 20px solid #e7e7e7;
	border-right: 20px solid #e7e7e7;
	border-radius: 30px;
	box-shadow: none;
}
.skills-bar .progress-bar span {
	text-align: center;
	line-height: 29px;
	background: url(../images/per-bg.png) no-repeat;
	font-size: 13px;
	color: #fff;
	width: 51px;
	height: 42px;
	float: right;
	position: relative;
	top: -58px;
}

/*=======================================================
			SOCIAL ICONS
========================================================*/
.social_icons {
	position: relative;
	z-index: 9;
}
.social_icons ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.social_icons li {
	display: inline-block;
	list-style: none;
	float: left;
}
.social_icons a {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0px;
	font-size: 14px;
	line-height: 45px;
	text-decoration: none;
	border-radius: 0px;
	text-align: center;
	color: #3b3b3b;
}
.social_icons a:hover i {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-transition: 0.4s ease-in-out;
	color: #fff;
}
.social_icons .behance a:hover {
	color: #fff;
	background-color: #2b9ad2;
	border-color: #2b9ad2;
}
.social_icons .blogger a:hover {
	color: #fff;
	background-color: #ff6500;
	border-color: #ff6500;
}
.social_icons .deviantart a:hover {
	color: #fff;
	background-color: #536659;
	border-color: #536659;
}
.social_icons .dribbble a:hover {
	color: #fff;
	background-color: #f973a4;
	border-color: #f973a4;
}
.social_icons .facebook a:hover {
	color: #fff;
	background-color: #3b5a9b;
	border-color: #3b5a9b;
}
.social_icons .flickr a:hover {
	color: #fff;
	background-color: #ff0084;
	border-color: #ff0084;
}
.social_icons .forrst a:hover {
	color: #fff;
	background-color: #2f713d;
	border-color: #2f713d;
}
.social_icons .googleplus a:hover {
	color: #fff;
	background-color: #f63d26;
	border-color: #f63d26;
}
.social_icons .instagram a:hover {
	color: #fff;
	background-color: #507ea4;
	border-color: #507ea4;
}
.social_icons .lastfm a:hover {
	color: #fff;
	background-color: #da0019;
	border-color: #da0019;
}
.social_icons .linkedin a:hover {
	color: #fff;
	background-color: #0072b2;
	border-color: #0072b2;
}
.social_icons .paypal a:hover {
	color: #fff;
	background-color: #165c82;
	border-color: #165c82;
}
.social_icons .picasa a:hover {
	color: #fff;
	background-color: #cb2027;
	border-color: #cb2027;
}
.social_icons .pinterest a:hover {
	color: #fff;
	background-color: #cb2027;
	border-color: #cb2027;
}
.social_icons .skype a:hover {
	color: #fff;
	background-color: #00aaf1;
	border-color: #00aaf1;
}
.social_icons .soundcloud a:hover {
	color: #fff;
	background-color: #ff6900;
	border-color: #ff6900;
}
.social_icons .stumbleupon a:hover {
	color: #fff;
	background-color: #eb4823;
	border-color: #eb4823;
}
.social_icons .twitter a:hover {
	color: #fff;
	background-color: #2baae1;
	border-color: #2baae1;
}
.social_icons .vimeo a:hover {
	color: #fff;
	background-color: #40b2dc;
	border-color: #40b2dc;
}
.social_icons .youtube a:hover {
	color: #fff;
	background-color: #ff3330;
	border-color: #ff3330;
}
.social_icons .tumblr a:hover {
	color: #fff;
	background-color: #35506b;
	border-color: #35506b;
}
/*=======================================================
			CONTACT
========================================================*/
#map {
	display: inline-block;
	width: 100%;
	/*height: 450px;*/
	position: relative;
	border: none;
}
.contact {
	margin-top: -5px;
}
.contact-info {
	padding: 80px 0;
}
.contact-info h3 {
	margin: 0px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.contact-info p {
	font-size: 12px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 22px;
}
.contact-info p span {
	color: #ffc107;
	font-size: 16px;
	font-weight: bold;
}
.contact-info .con-det {
	margin-top: 30px;
    list-style: none;
}
.contact-info .con-det li {
	margin-bottom: 20px;
	padding: 40px 80px;
	background: #f6f6f6;
	text-align: center;
	min-height: 245px;
}
.contact-info .con-det li:nth-child(2) {
	background: #f9f9f9;
}
.contact-info .social_icons {
	width: 65%;
}
.contact-info .social_icons a {
	background: #f5f5f5;
	font-size: 16px;
	margin-right: 2px;
	margin-bottom: 2px;
}
.contact-info .con-det h6 {
	text-transform: uppercase;
	margin-top: 0px;
	font-weight: 700;
	line-height: 24px;
	font-size: 16px;
}
.contact-info .con-det h4 {
	color: #ffc300;
}
.contact-info .con-det hr {
	width: 28px;
	height: 3px;
	margin: 0 auto;
	background: #448aff;
	border: none;
	margin-bottom: 20px;
}
.contact #contact_form {
	text-align: center;
}
.contact .error {
	border: 1px solid red !important;
}
.contact .error:before {
	content: "\f068";
	font-family: FontAwesome;
	margin-right: 0px;
	color: #0096ff;
	padding: 0px;
	padding: 0px 13px;
	float: right;
	font-size: 12px;
	position: absolute;
}
.contact .success-msg {
	background: #fff;
	border: 1px solid #ABD0A8;
	color: #589051;
	margin-bottom: 30px;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 11px 16px;
	border-radius: 4px;
	display: none;
}
.contact .success-msg i {
	padding: 10px;
	border-radius: 50%;
	border: 1px solid #ABD0A8;
	margin-right: 10px;
}
#contact_form li {
	margin-bottom: 22px;
	text-align: left;
}
#contact_form li input {
	display: inline-block;
	width: 100%;
	height: 40px;
	padding: 0 10px;
}
#contact_form li .form-control {
	height: 40px;
	border: 1px solid #e0e0e0;
	box-shadow: none;
	border-radius: 0px;
}
#contact_form li textarea {
	height: 150px !important;
}
#contact_form li .btn {
	height: 50px;
	display: inline-block;
	margin-top: 0px;
}
.contact-form {

	display: inline-block;
	width: 100%;
	padding-top: 50px;
}
.contact-form .tittle {
	text-align: center;
}
.contact-form .tittle hr {
	width: 28px;
	height: 5px;
	margin: 15px auto;
	background: #448aff;
	border: none;
}
.contact-form .tittle p {
	text-transform: none;
	font-size: 16px;
}
.contact-form .tittle h2:before {
	display: none;
}
.contact-form label {
	font-weight: 400;
	color: #333333;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	line-height: 30px;
}
/*=======================================================
			SERVICES
========================================================*/
.services {
	padding: 80px 0;
}
.services .tittle {
	margin-bottom: 10px;
}
.services .sec-in {
	border: 1px solid #efefef;
	padding: 20px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.services .sec-in i {
	color: #ffc107;
	float: left;
	margin-right: 20px;
	height: 100px;
	font-size: 40px;
	width: 35px;
}
.services li {
	margin-bottom: 35px;
}
.services .sec-in h6 {
	font-weight: bold;
	margin-top: 0px;
}
.services .sec-in p {
	margin-bottom: 0px;
}
.services .sec-in .go-right {
	height: 40px;
	width: 40px;
	float: right;
	position: absolute;
	right: 0px;
	border: 1px solid #eeeeee;
	text-align: center;
	background: #fff;
	top: 40px;
	display: inline-block;
	line-height: 40px;
}
.services .sec-in .go-right i {
	color: #333333;
	width: auto;
	float: none;
	margin: 0px;
	height: auto;
	line-height: 38px;
	text-align: center;
	font-size: 22px;
}
.services .sec-in .go-right:hover {
	background: #ffc107;
	border-color: #ffc107;
	color: #fff;
}
.services .sec-in .go-right:hover i {
	color: #fff;
}
.sec-2 .sec-in {
	text-align: center;
}
.sec-2 .sec-in i {
	display: inline-block;
	width: 100%;
	text-align: center;
	height: auto;
	margin: 0px;
	margin-bottom: 20px;
}
.sec-2 .sec-in {
	padding: 10px 20px;
}
.sec-2 .sec-in h6 {
	font-size: 14px;
}





/* Direction */
.property-direction {
	padding: 44px 0;
}

.property-direction .property-map {
	padding: 0 30px;
	margin-bottom: 38px;
}

.property-direction .property-map:last-child {
	margin-bottom: 0;
}

.property-direction .mapping {
	height: 388px;
	width: 100%;
}

.property-direction .property-map > h3,
.property-direction .property-map ul {
	margin-bottom: 0;
}

.property-direction .property-map > h3,
.property-direction .property-map ul,
.property-direction .property-map ul li {
	padding-left: 0;
	display: inline-block;
}

.property-direction .property-map ul li a {
	color: #b1b1b7;
	font-size: 17px;
	margin-right: 13px;
}

.agent-details {
	background-color: #222225;
	padding: 50px 24px;
	display: inline-block;
}

.agent-header,
.agent-header > p {
	width: 100%;
}

.agent-header,
.agent-header ul,
.agent-header ul li,
.agent-img,
.agent-name,
.agent-details > a.view-more {
	display: inline-block;
}

.agent-header img {
	border-radius: 100%;
}

.agent-header img,
.agent-img {
	float: left;
	clear: both;
}

.agent-header h5 {
	color: #fff;
	font-size: 14px;
	margin: 12px 0 16px 0;
}

.agent-name {
	margin-left: 20px;
}

.agent-header ul li {
	margin-right: 10px;
}

.agent-header ul li a { 
	color: #565659;
	font-size: 14px;
}

.agent-header > p {
	color: #757575;
	line-height: 26px;
	font-weight: 300;
	margin-top: 35px; 
	margin-bottom: 0;
}

.agent-details > p,
.agent-details > p a  {
	color: #fff;
	font-weight: 500;
}

.agent-details > p {
	margin-top: 25px;
}

.agent-details > p i {
	margin-right: 10px;
}

.agent-details > a.view-more {
	background-color: #79b445;
	color: #fff;
	padding: 12px 22px;
	margin-top: 20px;
	margin-bottom: 18px;
}

.single-property-sidebar .widget-property-featured {
	padding: 0 33px;
}

.single-property-sidebar .widget-search input[type="text"],
.single-property-sidebar .widget-search textarea {
	border: none;
	border-bottom: 2px solid #c8c8c8;
	padding: 12px 0;
	width: 100%;
	margin-bottom: 15px;
	background-color: transparent;
}

.single-property-sidebar .widget-search input[type="submit"] {
	padding: 10px 34px;
	margin-top: 15px;
}
.property-map.contact-agent {
	display: inline-block;
	margin-bottom: 38px;
}

.property-map.contact-agent h3 {
	width: 100%;
	margin-bottom: 38px;
}

.property-map.contact-agent .agent-header {
	min-height: 450px;
}

.agent-information .agent-info,
.agent-information .agent-form {
	padding: 40px 30px;
}

.agent-information .agent-info {
	background-color: #e0e0e0;
}

.agent-information .agent-info p {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 40px;
}

.agent-information .agent-info p:last-child {
	margin-right: 0;
}

.agent-information .agent-info p i {
	margin-right: 10px;
	font-size: 16px;
}

.agent-information .agent-info p a {
	color: #3c3c44;
}

.agent-information .agent-form {
	background-color: #f3f3f3;
}

.agent-information .agent-form h3 {
	color: #3c3c44;
}

.agent-information .agent-form input[type="text"] {
	border: none;
	background-color: transparent;
	padding: 12px 0;
	border-bottom: 2px solid #c8c8c8;
	width: 100%;
	margin-bottom: 30px;
}

.agent-information .agent-form input[type="submit"] {
	background-color: #fff;
    border-radius: 0;
    color: #000;
    font-size: 15px;
	font-weight: bold;
	padding: 10px 20px;
}
.agent-information .agent-form input[type="submit"]:hover {
	
    background-color: #f5b900;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
	font-weight: bold;
	padding: 10px 20px;
}

.other-properties {
	display: inline-block;
	margin-top: 33px;
	margin-bottom: 100px;
}

.other-properties .property-images-box span,
.other-properties .property-images-box h4 {
	font-weight: normal; 
}


/* ## Agent Detail ## */
.property-agent,
.agent-listing {
	padding-top: 115px;
}

.agent-detail-box {
	width: 100%;
	display: inline-block;
	border: 1px solid #c8c8c8;
	border-top: 4px solid #3c3c44;
	padding-bottom: 55px;
}

.agent-detail-box .agent-header {
	padding: 0 15px;
	margin-top: -50px;
}

.agent-detail-box .agent-header .agent-img,
.agent-detail-box .agent-header .agent-name {
	display: inline-block;
	width: 100%;
}

.agent-detail-box .agent-header .agent-name {
	margin-left: 0;
}

.agent-detail-box .agent-header .agent-name h5 {
	color: #3c3c44;
	font-size: 24px;
	font-weight: 900;
	margin-top: 23px;
}

.agent-detail-box .agent-header .agent-name h5 span {
	font-weight: 300;
	font-size: 14px;
	color: #757575;
	display: block;
	text-transform: capitalize;
	margin-top: 10px;
}

.agent-detail-box .agent-header > p,
.agent-detail-box .agent-header > p a {
	margin-top: 18px;
	color: #3c3c44;
}

.agent-detail-box .agent-header > p a {
	text-decoration: underline;
}

.agent-detail-box .agent-header > ul {
	margin-top: 18px;
}

.agent-detail-box .agent-header > p i {
	color: #868686;
}

.agent-detail-box .agent-header > p i {
	margin-right: 10px;
}

.agent-detail-box .about-agent {
	margin-top: 90px;
	border-left: 1px solid #dcdfe1;
	padding-left: 33px;
}

.agent-detail-box .about-agent h5 {
	color: #0DBAE8;
	font-weight: 500;
	font-size: 18px;
}

.agent-detail-box .about-agent p {
	line-height: 26px;
	font-weight: 300;
	margin-bottom: 40px;
}

.agent-detail-box .about-agent p:last-child {
	margin-bottom: 0;
}

.property-agent .other-properties,
.property-agent .other-properties > .col-md-4 {
	margin-bottom: 30px;
}

.other-properties > h3 {
	font-size: 18px;
	color: #272727;
	font-weight: 900;
	padding-left: 15px;
	margin-bottom: 35px;
}

.property-agent .contact-feedback-form h3 span {
	display: block;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 5px;
}

/* ## Agent Listing 1 ## */
.agent-listing .section-header {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 25px;
	margin-bottom: 30px;
}

.agent-list .agent-list-box {
	margin-bottom: 30px;
}

.agent-listing-detail {
	padding: 30px 20px;
	border: 1px solid #e7e7e7;
}

.agent-listing-detail h4 {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 20px;
}

.agent-listing-detail h4 a{
	color: #3c3c44;
}

.agent-listing-detail h4 span {
	color: #757575;
	text-transform: capitalize;
	display: block;
	margin-top: 5px;
	font-size: 14px;
}

.agent-listing-detail p {
	margin-bottom: 15px;
}

.agent-listing-detail p,
.agent-listing-detail p a {
	color: #3c3c44;
	font-weight: bold;
	font-size: 12px;
}

.agent-listing-detail p i { 
	font-size: 14px;
	color: #868686;
	margin-right: 14px;
	width: 16px;
	text-align: center;
}

/* ## Agent Listing 2 ## */
.agent-listing2 .section-header {
	margin-bottom: 45px;
}

.agent-listing2 .agent-list-box {
	margin-top: 25px;
	border: 1px solid #e7e7e7;
	border-top: 4px solid #3c3c44;
	height: 377px;
	margin-bottom: 90px;
}

.agent-listing2 .agent-list-image-box {
	padding-left: 20px;
	margin-top: -26px;
}

.agent-listing2 .agent-list-image-box img {
	border-radius: 100%;
}

.agent-listing2 .agent-listing-detail {
	padding-top: 15px;
}

.agent-listing2 .agent-listing-detail h4 {
	margin-bottom: 15px;
}

.agent-listing2 .agent-listing-detail p,
.agent-listing2 .agent-listing-detail p a {
	font-weight: normal;
	font-size: 14px;
}

.agent-listing2 .agent-listing-detail span > p {
	height: 43px;
	overflow: hidden;
}

.agent-listing2 .agent-list-box > a {
	padding: 12px 22px;
	background-color: #79b445;
	color: #fff;
	font-weight: 500;
	margin-left: 20px;
	margin-top: -11px;
	display: inline-block;
}

.right-img {
    position: relative;
    height: 222px;
    list-style: none;
}
/*=======================================================
			FOOTER
========================================================*/