@import url("https://fonts.googleapis.com/css?family=Lato:400i,700,900");
.map-sec{
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width:100%;
height: 600px;
}
.middle-cont{	
width:100%;
margin:0;
padding:60px 0 70px;
overflow: hidden;	
position: relative;
z-index: 5;
} .middle-cont .contact-cont{
width: 100%;
margin: 54px auto 0 auto;
position: relative;
text-align: center;
padding: 0;
}
.middle-cont .contact-cont h2{
font-family: 'latosemibold_italic';
font-size: 30px;
line-height:33px;
color: #FFFFFF;
margin:0;
padding:0;
text-transform:capitalize;
}
.middle-cont .contact-cont h3{
font-family: 'latoregular';
font-size: 28px;
line-height: 33px;
color: #FFFFFF;	
margin:0 0 20px 0;
padding:0;
text-transform:none;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
display: none !important;
}
.middle-cont .loc-cont{
width:100%;
position:relative;
overflow:hidden;
margin:0;
padding:0;	
display: table;
}
.middle-cont .loc-cont .cont-loc{
width:100%;
position:relative;
overflow:hidden;
margin:0;
padding:0;	
display: table-row;
}
.middle-cont .loc-cont .cont-loc .address {
position: relative;
overflow: hidden;
padding: 40px 30px 40px 60px;
margin: 0 auto;
box-sizing: border-box;
width: 50%;
background: #153a5d;
vertical-align: top;
float: left;
min-height: 525px;
}
.middle-cont .loc-cont .cont-loc .address .cont-add {
float:left;
text-align:left;
}
.middle-cont .loc-cont .cont-loc .address .cont-info {
float:right;
text-align:right;
}
.middle-cont .loc-cont .cont-loc .address h3{
font-family: 'latolight';
font-size: 36px;
line-height: 40px;
color: #fff;	
margin:0 0 10px 0;
padding:0;
text-transform:none;
}
.middle-cont .loc-cont .cont-loc .address ul li{
font-family: 'latoregular';
font-size: 20px;
line-height: 28px;
color: #fff;	
margin:0 0 20px 0;
padding:10px 0 10px 60px;
text-transform:none;
text-decoration:none;
font-style:normal;
list-style: none;
list-style-type: none;
}
.middle-cont .loc-cont .cont-loc .address ul li.pin{
background:url(//www.mrrealtors.com/wp-content/themes/MR/img/pin.png) no-repeat scroll center left;
}
.middle-cont .loc-cont .cont-loc .address ul li.email{
background:url(//www.mrrealtors.com/wp-content/themes/MR/img/email.svg) no-repeat scroll center left;
background-size: 30px;
}
.middle-cont .loc-cont .cont-loc .address ul li.phone{
background:url(//www.mrrealtors.com/wp-content/themes/MR/img/phone.png) no-repeat scroll center left;
}
.middle-cont .loc-cont .cont-loc .address ul li.fax{
background:url(//www.mrrealtors.com/wp-content/themes/MR/img/fax.png) no-repeat scroll center left;
}
.middle-cont .loc-cont .cont-loc .address ul.social li{
padding:0 15px 0 0;
float:left;
}
.middle-cont .loc-cont .cont-loc .address ul li.email a{
color: #fff;
}
.middle-cont .loc-cont .cont-loc .address ul.social li a{
color:#153a5d;
background:#fff;
width:38px;
height:38px;
line-height: 38px;
text-align: center;
float: left;
border-radius: 50%;
font-size: 26px;
}
.middle-cont .loc-cont .cont-loc .contact-form {
width: 50%;
position: relative;
overflow: visible;
vertical-align: top;
background: #f5f5f5;
margin: 0;
padding: 30px 40px;
box-sizing: border-box;
float: left;
min-height: 525px;
}
.middle-cont .loc-cont .cont-loc .contact-form:before {
content: " ";
position:absolute;
width: 0; 
height: 0; 
top: 48px;
left:-28px;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 28px solid #f5f5f5;
display: none;
}
.middle-cont .loc-cont .cont-loc .contact-form p {
font-family: 'latoregular';
font-size: 10px;
line-height: 18px;
color: #342e32;	
margin:0 0 20px 0;
padding:0;
text-transform:none;
text-decoration:none;
}
.middle-cont .loc-cont .cont-loc .contact-form form .left {
width: 50%;
float: left;
padding-right: 12.5px;
box-sizing: border-box;
}
.middle-cont .loc-cont .cont-loc .contact-form form .right {
width: 50%;
float: right;
padding-left: 12.5px;
box-sizing: border-box;
}
.middle-cont .loc-cont .cont-loc .contact-form form row {
position:relative;
overflow:hidden;
}
.middle-cont .loc-cont .cont-loc .contact-form form label {
font-family: 'latomedium';
font-size: 16px;
line-height: 26px;
color: #4a4a4a;	
margin:0 0 5px 0;
padding:0;
text-transform:none;
text-decoration:none;
}
.middle-cont .loc-cont .cont-loc .contact-form form input[type="text"],.middle-cont .loc-cont .cont-loc .contact-form form input[type="email"],.middle-cont .loc-cont .cont-loc .contact-form form textarea {
width:100%;
height:45px;
font-family: 'latoregular';
color:#4a4a4a;
margin:0 0 25px 0;
padding:0 10px;	
text-align:left;
border:1px solid #888888;
box-sizing:border-box;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
outline:none;
}
.middle-cont .loc-cont .cont-loc .contact-form form textarea {height:110px; padding-top:5px; padding-bottom: 5px;}
.middle-cont .loc-cont .cont-loc .contact-form form input[type="submit"] {
width:137px;
height:42px;
font-family: 'latoregular';
font-size:14px;
line-height:42px;
text-align:center;
float:right;
margin: 0px 0 0 0;
padding:0;
color:#fff;
border:none;
outline:none;
background:#153a5d;
text-decoration:none;
text-transform:uppercase;	
}
.middle-cont .loc-cont .cont-loc .contact-form form .selcheck {
position: relative;
overflow: hidden;
float: left;
margin: 0px 0 20px 0;
width: 100%;
}
.middle-cont .loc-cont .cont-loc .contact-form form .selcheck span.wpcf7-list-item{margin-left:0;display: block;}
[type="checkbox"]:not(:checked),  [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + span,  [type="checkbox"]:checked + span {
position: relative;
padding-left: 20px;
cursor: pointer;
}
[type="checkbox"]:not(:checked) + span:before,  [type="checkbox"]:checked + span:before {
content: '';
position: absolute;
left: 0;
top: 5px;
width: 18px;
height: 17px;
background: #fff;
border: 1px solid #929292;
border-radius: 2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
}
[type="checkbox"]:not(:checked) + span:after,  [type="checkbox"]:checked + span:after {
content: '✔';
position: absolute;
top: 1px;
left: 5px;
font-size: 12px;
color: #50adc3;
transition: all .2s;
}
[type="checkbox"]:not(:checked) + span:after {
opacity: 0;
transform: scale(o);
}
[type="checkbox"]:checked + span:after {
opacity: 1;
transform: scale(1);
}
#easy2map_canvas_2{
margin: 0 !important;
}
.middle-cont .loc-cont .cont-loc .contact-form form .selcheck .wpcf7-list-item-label{
float:left;
width:94%;
padding-left:30px;
line-height: 30px;
color:#888888;
}
section.location {
width: 100%;
position: relative;
height: auto;
overflow: hidden;
float: left;
margin: 0;
padding: 0 0 0 0px;
box-sizing: border-box;
}
section.location > div.mobset > div:first-of-type{
position: relative;
width: 100%;
height: 600px;
} section.location iframe{
height: 100%;
position: absolute;
}
div.wpcf7-validation-errors {
border: 2px solid #f00;
float: left;
font-family: 'latomedium';
color: #4a4a4a;
margin: 20px 0 5px 0;
border-radius: 5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
}
div.wpcf7-mail-sent-ok{
border: 2px solid #398f14;
width: 93%;
float: left;
margin: 10px 0 0 0;
}
div.wpcf7-response-output{
width: 93%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}
.ovarlay-thank{
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.91);
top: 0;
left: 0;
z-index: 5000;
display: none;
}
.thank-popup{
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 530px;
padding-top: 45px;
max-width: 90%;
-moz-transform: translateX(-50px) translateY(-50px);
-webkit-transform: translateX(-50px) translateY(-50px);
-o-transform: translateX(-50px) translateY(-50px);
-ms-transform: translateX(-50px) translateY(-50px);
transform: translateX(-50%) translateY(-50%);
z-index: 5001;
background: #fff;
text-align: center;
}
.thank-popup img{
display: inline-block;
margin-bottom: 45px;
}
.thank-popup .pop-text{
background:#153a5d;
text-align: center;
color:#fff;
padding: 45px 20px 50px;
}
.thank-popup .pop-text h3{
font-family: 'Lato', sans-serif;
font-size: 36px;
line-height: 40px;
font-weight: 900;
}
.thank-popup .pop-text h3 span{
font-family: 'Lato', sans-serif;
font-weight: 400;
font-style: italic;
font-size: 18px;
display: block;
}
.thank-popup .pop-text a{
font-family: 'Lato', sans-serif;
font-size: 18px;
color: #153a5d;
display: inline-block;
font-weight: 700;
padding: 10px 45px;
background: #fff;
border-radius: 6px;
margin-top: 15px;
}
@media only screen and (max-width:1170px){
header .logo {
width: 180px;
}
}
@media only screen and (min-width : 1025px) and (max-width : 1165px) {
.wrapper{width:1040px;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.middle-cont .loc-cont .cont-loc .address ul li br{display: none;}
.middle-cont .loc-cont .cont-loc .contact-form form label{font-size:14px;}
.middle-cont .loc-cont .cont-loc .contact-form form input[type="text"], .middle-cont .loc-cont .cont-loc .contact-form form input[type="email"], .middle-cont .loc-cont .cont-loc .contact-form form textarea{margin:0 0 5px 0;}
.middle-cont .loc-cont .cont-loc .contact-form form textarea{height:65px;}
[type="checkbox"]:not(:checked) + span:before, [type="checkbox"]:checked + span:before{top: 3px;width: 15px;height: 14px;}
.middle-cont .loc-cont .cont-loc .contact-form form .selcheck .wpcf7-list-item-label{line-height:24px;padding-left: 23px;}
.middle-cont .loc-cont .cont-loc .address address{line-height:24px;}
div.wpcf7-response-output{width:89%;}
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
.middle-cont .location iframe{height:693px;} }
@media only screen and (max-width : 767px) {
.middle-cont .loc-cont .cont-loc {width:100%; float: left;}
.middle-cont .loc-cont .cont-loc .address, .middle-cont .loc-cont .cont-loc .contact-form{width:100%; float:left; padding: 30px 40px; }
.middle-cont .location{width:100%;padding: 0 0 25px 0;}
#easy2map_canvas_2,#easy2map_canvas_2Parent,section.location{
max-height: 100% !important;
}
.middle-cont .loc-cont .cont-loc .address,
.middle-cont .loc-cont .cont-loc .contact-form{
width: 100%;
float: none;
margin: 0 auto;
}
.middle-cont{
padding-top: 70px;
}
section.location{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
section.location > div.mobset > div:first-of-type {
height: 235px;
}
section.location > div.mobset{
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
padding-bottom: 70px;
}
section..middle-cont{
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
}
@media only screen and (max-width:480px){
.middle-cont .loc-cont .cont-loc .contact-form form .left,
.middle-cont .loc-cont .cont-loc .contact-form form .right {
width: 100%;
float: left;
padding-right: 0;
padding-left: 0;
box-sizing: border-box;
}
}
@media only screen and (min-width : 321px) and (max-width : 375px) {
.middle-cont .loc-cont .cont-loc .contact-form form .selcheck .wpcf7-list-item-label{padding-left: 24px;}
}