/*
* ----------------------------------------------------------------------------------------
* 07.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 08.START OUR AGENTS DESIGN
* ----------------------------------------------------------------------------------------
*/

section.banner .banner-text {
	padding-bottom: 0px !important;
}

section.banner .banner-text h1 {
	margin-bottom: 20px !important;
}

section.banner .banner-text h1 {
    font-size: 2rem;
    letter-spacing: 1.5px;
    margin-top: 55px;
    text-transform: uppercase;
    text-align: center;
}

.single_agent_bio {
    color: #777;
    font-size: 16px;
    margin-bottom: 20px;
}

.single_agent_bio p {
    color: #777;
    font-size: 16px;
}


.team_grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.team_grid figure img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.99;
    filter: alpha(opacity=80);
}
.team_grid figure figcaption {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.team_grid figure figcaption,
.team_grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.team_grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.team_grid figure h4 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.team_grid figure h4,
.team_grid figure p { margin: 0 }
.team_grid figure p {
    font-size: 16px;
    letter-spacing: 1px;
}
.team_grid figure p a {color: #fff;
letter-spacing: 0;}
figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(28, 186, 200, 0) 0%, rgba(28, 186, 200, 0.8) 75%);
    background: -webkit-linear-gradient(top, rgba(28, 186, 200, 0) 0%, rgba(28, 186, 200, 0.9) 75%);
    background: linear-gradient(to bottom, rgba(28, 186, 200, 0) 0%, rgba(28, 186, 200, 0.9) 75%);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
figure.effect-sadie h4 {
background: #fff none repeat scroll 0 0;
color: #222;
font-size: 14px;
left: 20%;
letter-spacing: 2px;
opacity: 0;
padding: 15px 0;
position: absolute;
top: 50%;
transform: translate3d(0px, -50%, 0px);
transition: transform 0.35s ease 0s, color 0.35s ease 0s;
width: 60%;
}
@media only screen and (max-width:768px) {
    figure.effect-sadie h4 { font-size: 12px }
}
@media only screen and (max-width:480px) {
    figure.effect-sadie h4 { font-size: 18px }
}
@media only screen and (max-width:320px) {
    figure.effect-sadie h4 { font-size: 14px }
}
figure.effect-sadie figcaption:before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h4 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.portfolio_btn { padding-top: 50px }

/*project modal*/
.modal-dialog {
  margin: 80px auto 30px;
}
.modal-title {
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body h4{}
.modal-body p{
	margin: 10px 0px 15px;
}

.template_agent{padding-top:60px;padding-bottom:30px;}
.agents_details_image{}
.agents_details_image img{
float: left;
margin-right: 20px;
width: 200px;
}
.agents_details_content{}
.agents_details_content h4{
text-transform: uppercase;
overflow: hidden;
}
.agents_details_content h5{
border-bottom: 1px solid #eee;
color: #00aeef;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 10px;
text-transform: uppercase;
}
.agents_details_content p{
overflow: hidden;
margin-top: 0px;
}
.agents_details_content i{margin-right:10px;color:#000;}
.agent_social ul li{}
.agent_social ul li a{
background: #f1f1f1 none repeat scroll 0 0;
border-radius: 30px;
color: #333;
display: block;
height: 40px;
line-height: 40px;
transition: all 0.3s ease 0s;
width: 40px;
text-align: center;
}
.agent_social ul li a i {
  margin-right: 0;
}
.agent_social ul li a:hover{background:#00aeef;color:#fff;}

/*End project modal*/

.template_agent{
	background:#f1f1f1;
}

.single_agent{
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
overflow: hidden;
padding: 20px;
}
.single_agent_image img{
float: left;
margin-right: 20px;
width: 270px;
}
.single_agent_content{

}
.agent_social {
  margin-top: 30px;
  overflow: hidden;
}
.single_agent_content h4{
text-transform: uppercase;
overflow: hidden;
}
.single_agent_content h5{
border-bottom: 1px solid #eee;
color: #586d8c;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 10px;
text-transform: uppercase;
}
.single_agent_content h6{
color: #777;
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
overflow: hidden;
}

.single_agent_content p{
line-height: 36px;
margin-top: 0;
overflow: hidden;
}

.single_agent_content p a.cntlnk {
  text-decoration: none;
	color:#000000;
}

.single_agent_content p a.cntlnk:hover {
  text-decoration: underline;
}

.single_agent_content i{margin-right:10px;color:#000;}


.team_container {
	padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.team_container {
	width: 950px;
}


@media all and (max-width: 992px) {
	.team_container {
	    /*width: 900px;*/
			width: 100%;
	}
}

@media all and (max-width: 768px) {
	.team_container {
	    width: 100%;
	}

	.single_agent_image img{
		float: none;
	  text-align: center !important;
		width: 100% !important;
	}

	.single_agent_content h4 {
		 text-align: center !important;
	}

	.single_agent_content h5 {
		text-align: center !important;
	}

}



.single_agent_content p {
	line-height: initial !important;
}



.list-inline {
    display: flex;
}

.agent_social ul li a {
	margin: 3px;
}


/*
* ----------------------------------------------------------------------------------------
* 08.END OUR AGENTS DESIGN
* ----------------------------------------------------------------------------------------
*/