﻿.officeinfo{margin:0 45px 0px 0;overflow:hidden;}
.contactRow{width:100%;position:relative;display:table;}
.OfficeLinks a, .agentLinks a{display:list-item;list-style-type:disc;margin-left:20px;}
.contactInfo, .contacProfile{width:100%;display:table-cell;padding-right:10px;vertical-align:top;}
.officeInfo p{font-size:15px; margin:7px 0;}
.officeEmail2{margin-left:50px;}
.officeInfo div label{margin-right:5px;float:left;width:20px;}
.officeMap{height:353px;text-align:center;float:left;}

.saleContact p, .RentalsContact p{margin:0; font-weight:bold;}
.officeimgs, .officelinks{display:table-cell;min-width:270px;}

.emailIcon{margin-top:2px;}
.agtContact .emailIcon{margin-left:0!important;}
/*#contactAgents{margin-top:20px;}
#contactAgents h2{font-size:14px;font-weight:normal;}
#contactAgents ol{margin:0 0 0 15px;padding:0;}
#contactAgents ol li{list-style-type:disc;margin:0 0 5px;padding:0;float:left;width:220px;}
#contactAgents .agtName a:visited, #contactAgents .agtName a:link, #contactAgents .agtName{font-weight:normal!important;}*/
.salesContainer h3{font-size:16px;font-weight:normal;margin:0;}
#officeImgContainer{width:267px;position:relative;left:3px;top:3px;margin-right:3px;margin-bottom:3px;}
#officeImgContainer .shadow2, #officeImgContainer .shadow3, #officeImgContainer .container{position:relative;left:-1px;top:-1px;}
#officeImgContainer .shadow1{background:#F1F0F1;}
#officeImgContainer .shadow2{background:#DBDADB;}
#officeImgContainer .shadow3{background:#B8B6B8;}
#officeImgContainer .container td{height:204px;width:233px;overflow:hidden;background:#ffffff;border:1px solid #848284;padding:3px;text-align:center;}
#officeImgContainer .contactImg{display:block;margin:4px;width:252px;}
/*.contactInfoContainer{overflow:hidden;}*/
.contactOfficeMap{margin-top:10px;width:100%;overflow:hidden;height:400px;}
.contactOfficeMap .mapTools{margin-top:10px;}
.contactOfficeMap .mapTools .RadToolBar{width:100%; text-align:center;}
.contactOfficeMap #pano{width:265px;height:198px;z-index:0;}
.contactOfficeMap .streetViewFrame{position:absolute;margin:5px 0 0 60px;width:195px;height:32px;z-index:1;display:none;}
.officeImgdiv{margin:1px 0 10px 0;}
.saleContact div{overflow:hidden;}
.showMapTools .RadToolBar .rtbText, .contactOfficeMap .mapTools .rtbText{padding:0!important;}

.officeOpt2 #content{min-width:100%;}
.branch-hero-section{background-position: 0px 0px, 0px 0px, 50% 50%;background-size: auto, auto, cover;background-repeat: repeat, repeat, no-repeat;
 display: flex;height: 70vh;padding-bottom: 5%;padding-left: 10%;-webkit-box-align: end;-webkit-align-items: flex-end; -ms-flex-align: end;align-items: flex-end;}
.officeOpt2 .hero-text-wrapper {width: 48%;padding: 30px;-webkit-box-flex: 0;-webkit-flex: 0 0 auto;-ms-flex: 0 0 auto;flex: 0 0 auto;border-radius: 4px;background-color: hsla(0, 0%, 100%, .93);text-transform: none;}
.officeOpt2 .inline-block {display: inline-block;font-size: 48px;text-align: left;line-height:100%;}
.branch-name-wrapper {display: inline-block;margin-right: 10px; margin-left: 10px;}
.officeOpt2 .hero-text-wrapper .button{display: inline-block;margin-top: 20px;padding: 10px 40px;border-radius: 3px;-webkit-transition: background-color 150ms ease;
    transition: background-color 150ms ease;font-size: 14px;line-height: 16px;text-align: center;text-decoration: none;text-transform: uppercase;color:#fff!important;}
.officeOpt2 .hero-text-wrapper .button:hover {background-color: #0860a8!important;}
.officeOpt2 .section{padding:50px 0;}
.officeOpt2 .container{width:1100px;margin:0 auto;padding:0!important}
.officeOpt2 #SendEmailForm{width:950px;margin: 0 auto;background:none;border:none;}
.officeOpt2 .contact-form-wrap{background:#f1f1f2;}

.officeOpt2 .officeinfo .sec{float:left;margin-right:25px;}
.officeOpt2 .saleContact, .officeOpt2 .sociallinks{overflow:hidden;margin-bottom:5px;}
.officeOpt2 .sec-profile{margin-top:25px;overflow:hidden;}
.officeOpt2 .contactOfficeMap{margin-top:50px;}

.officeOpt2 .w-col-6{float:left;width:50%;min-height: 1px; padding-left: 10px; padding-right: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.officeListTab span{padding:8px 8px 10px 8px;opacity: 0.4;}
.officeListTab span:hover{cursor:pointer;}
.officeListTab .rtsSelected{opacity:1;}
.officeListTab{box-shadow:0 -3px 0 rgb(0 0 0 / 10%) inset;padding-bottom: 9px;text-align:center;}
#mapviewContainer, #map_canvas {
    width: 100%;
    height: 100%;
}
@media only screen and (max-width:1200px) {
    .officeOpt2 .container{width:100%;}
}
@media only screen and (max-width:950px) {
    .officeOpt2 #SendEmailForm{width:80%;max-width:80%;}
}
@media only screen and (max-width:991px) {
    .officeOpt2 .w-col-6{width:100%;float:none;padding:0;}
    .officeOpt2 .offimg2{margin-bottom:15px;}
}
@media only screen and (max-width:450px) {
    .contactOfficeMap{height:300px;}
    .officeOpt2 .officeinfo .sec{float:none;margin:0}
}
@media only screen and (max-width:767px) {
    .officeOpt2 .offimg2{margin-bottom:15px;}    
}



