body{color:#000;}
#content{background-color:transparent!important;}
a:visited, a:link{color:#336699;text-decoration:none;}
a:hover{color:#777;text-decoration:underline;}
#error404 a{background:url('../Images/logo.jpg') no-repeat left;width:950px;height:126px;display:block;}
#header a{display:block;}
.logo{float:left;margin-right:30px;}
.HomeRotator{float:left;}
#MainContent{width:710px;}
#contentwrap{padding-top:0!important;}
#menuBar{margin-top:2px;}
#menuBar table{border-collapse:collapse;margin:0 auto;position:relative;top:-1px;}
#footer{background:#666;color:#fff;padding-top:5px;}
#footer a:visited, #footer a:link{color:#fff;text-decoration:none;}
#footer a:hover{color:#fff;text-decoration:underline;}
.quickSearch p, .sideMap p{font-size:20px;}
.quickSearch label{line-height:20px;color:#8A8887;font-weight:bold;}
.sideSearch{position:relative;left:-2px;}
.rentalsImg, .TopSlideShow, .findAgt{display:none;}
.lblFeature{display:none;}
.TopRotator{width:795px!important;height:150px!important;float:left;}
.TopRotator .rrRelativeWrapper, .TopRotator .rrClipRegion{width:795px!important;height:150px!important;}
.sideSearchType .rtSelected .rtIn, .sideSearchType .rtHover .rtIn{background:none!important;border:none!important;padding:4px 3px 3px!important;}
.northMap{margin-top:10px;}
.memberLogin{margin-left:10px;}
.footerNav{margin-right:10px;}
.mobilepage .pnlbannerimgs video{width:300px;height:169px;}
.mobilepage .homeVideo{position:relative!important;}
/*.mobilepage .bannercontainer{padding-bottom:200px;}*/
/*----------- Menu ------------------*/
.btnMenuHome span {
    margin-left: 20px;
}
.RadMenu_Default{text-align:left;z-index:4;top:0px;color:#666!important;}
.RadMenu_Default, .RadMenu_Default .rmLink{color:#666!important; line-height:30px!important;}
.RadMenu_Default .rmRootGroup{background-color:Transparent!important;border:none!important;}
.RadMenu_Default .rmRootGroup, .RadMenu_Default .rmLink, 
.RadMenu_Default .rmText, .RadMenu_Default .rmLeftArrow, 
.RadMenu_Default .rmRightArrow, .RadMenu_Default .rmTopArrow, 
.RadMenu_Default .rmBottomArrow{background:none!important;} 
.RadMenu_Default .rmLink:hover, .RadMenu_Default .rmFocused, .RadMenu_Web20 .rmSelected, 
.RadMenu_Default .rmExpanded, .RadMenu_Default .rmExpanded:hover{color:#fff!important;background-color:#FF911A!important;}
.RadMenu_Default .rmGroup .rmLink{color:#000!important;}
.RadMenu_Default .rmGroup .rmLink:hover,
.RadMenu_Default .rmGroup .rmFocused,
.RadMenu_Default .rmGroup .rmExpanded{color:#fff!important;}
.RadMenu_Default .rmGroup,
.RadMenu_Default .rmGroup .rmVertical{margin-top:1px;background:#fff!important;border:1px solid #000;}
.RadMenu_Default .rmGroup .rmItem{border-top:1px solid #fff!important;}
.RadMenu_Default .rmGroup .rmLink:hover .rmText,
.RadMenu_Default .rmGroup .rmFocused .rmText,
.RadMenu_Default .rmGroup .rmExpanded .rmText{background:none!important;color:#fff!important;}
.RadMenu .rmGroup .rmText{padding:0 7px!important;margin:0 4px!important;}
.RadMenu_Default .rmHorizontal .rmSeparator .rmText,
.RadMenu_Default .rmVertical .rmHorizontal .rmSeparator .rmText{background-color:#fff!important;}
.RadMenu_Default .rmBottomArrow{background-color:#e6e6e6!important; background-image:url('../Images/rmSprite.png')!important;background-position:50% -391px!important;}
.RadMenu_Default .rmTopArrow{background-color:#e6e6e6!important;background-image:url('../Images/rmSprite.png')!important;background-position: 50% -367px!important}
/*------------- Home ---------------*/
.rotatorFrame{height:500px;}
.HomeSideContainer .rtbWrap{background-color:#ccc;}
.HomeSideContainer .rtbText{color:#333!important;}
.HomeSideContainer .rtbItemHovered .rtbWrap{background-color:#ccc!important;}
.HomeSideContainer .rtbItemHovered .rtbText{color:#333!important;}
.sildsuburb{color:#333;}
/*.sildeDiv{background-color:#ccc;}
.featureRotator, .featureRotator2{background-color:#ccc;border:1px solid #b5b5b5;}
.featureContainer h1, .HomeSideContainer h1{background-color:#ccc;border-bottom:1px solid #fff;color:#333;}
*/
/*---------------- fonts ----------------*/
@font-face {

font-family: 'Gillsans'; 

src: url('/inc/gill-sans-mt-light.ttf'); 

font-weight: normal;

font-style: normal;
}

/*--------------------- filter ------------------------*/
#mapFilter .RadMenu_Web20 .rmLink:hover, #mapFilter .RadMenu_Black .rmFocused, #mapFilter .RadMenu_Black .rmExpanded{color:#000!important;}
/*------------ show -------------*/
#propertyTitle, .showRequestForm{display:none!important;}
.pnlAuction{border-bottom:1px solid #000;}
.infoLinksContainer{color:#929497;}
.agentHeader{background-color:#000;color:#fff;border:1px solid #000;border-bottom:none;}
.agent{background-color:#f1f1f2;border:1px solid #e0e0e0;}
.showEmailAdd{display:none;}
.AgtGetails h3{color:#333;}
.showWebID{display:none;}
.agtName a:visited, .agtName a:link, .agtName a:hover, .showCompany{color:#336699!important;} 
.enhancedReport a:visited, .enhancedReport a:link, .agentInfo a:visited, .agentInfo a:link{color:#000;}
.infoLinks .rtbItemHovered .rtbText{color:#000!important;}
.showHeaderContainer{color:#336699;}
/*--Print show--*/
.printHeader{width:115px;margin-bottom:8px;}
.staffPosition{background-color:#000;}
.staffPosition a:visited, .staffPosition a:link, .position{color:#fff;}
.staffContactContainer a:visited, .staffContactContainer a:link{color:#000!important;}
.staffContactContainer a:hover{color:#000!important;}
/*----------- admin --------------*/
.LoginBtn:hover{background-color:#666!important;color:#fff!important;}
.LoginBtn{background-color:#ccc!important;}
.LogoutBtn:hover{color:#fff!important;}
/*------------- contact ---------------*/
.findMap{display:none!important;}
.leftSideLinks{display:none;}
.officeinfo .emailIcon, .RentalsContact .emailIcon{margin-left:0!important;}
/*-------------- office/Agent Search -----------------*/
.btnSearch{display:none;width:200px;}
/*------------ advance search --------------*/
#divAdvancedSearch .northMap{float:left;}
/*----------- agent Details ---------------*/
.agtInfo, .agentTestimonials, .staffContact{color:#336699;}
/*--------------- request form ----------------------*/
#requestForm fieldset {border:1px solid #ccc;}
/*---------------- properties Locator -------------*/
#propertiesList .lstAddress, #propertiesList .price, #propertiesList .proSuburb, #propertiesList .proStreet{color:#000!important;}
/*---------------- gallery view ----------------*/
#GallaryProperties .propertyHeader{color:#336699;}


.leftCol{ z-index: 100!important;width:100%;color:lightcoral;font-size:3em;line-height:1.5em;position:absolute;}
.rightCol {background-color: rgba(87, 1, 103, 0.6);height: 55.8vw;z-index: 100!important;display: table;width:33.33333333%;color:#fff;padding:65px;box-sizing: border-box;}
.wrapper-home{   
    display: flex;    
    flex-wrap: wrap;
    list-style: none;
    margin-left: 20px;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top:50px;

}
.home2 {
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
    text-transform: none;
    font-weight: 300;
    font-size: 1.2rem;
}
.pnlbannerimgs .landingImgContainer{display:none;}
.bannercontainer{width: 100%;background-image: url(/pages/34/landimages/OSL%20Commercial.png);background-repeat: no-repeat;min-height: 620px;background-position: center center;background-size: cover;
    color: #fff;padding: 30px 0;height: 620px;position: relative;}

.pnlbannerimgs{position:relative;}
.layertext{z-index:999;position:absolute;color:#fff;width:100%;height:100%;font-size:20px;}
.layertext .info{width:1100px;margin:0 auto;display:table;line-height:140%;margin-top:40px;}
.layertext .header1{font-size:60px;}
.layertext .header2{font-weight:bold;font-size:24px;padding:15px 0 30px 0;}
.landingImgContainer{max-height:500px;overflow:hidden;}
.footercontainer{width: 100%;background-color: #f0f1f3;padding: 20px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%!important;}
.footersection{width: 1100px;margin: 0 auto;color: #000;clear: both;overflow: hidden;padding:0 10px;font-size:14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.footersection a:link, .footersection a:visited{color:#000!important;}
.footersection .col{float:left;width:20%;line-height:160%;}
.sitename{color: #000; width: 1100px; margin: 0 auto; padding: 20px 10px;color:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.homeCols .clo{float:left;width:33.33333%;padding:5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.homeCols .clo h2{text-align:center;}
.homeCols .clo h2 img{vertical-align:bottom;}
.homeCards .card-image-container {overflow:hidden;}
.homeCards .k-card-image {transition: transform .7s;vertical-align:bottom;}
.homeCards .k-card-image:hover {transform: scale(1.2);}
@media (max-width: 1280px) {
    .leftCol{font-size:1.7em;}
}
@media (min-width: 1100px) {
    .landingImgContainer{height:500px;overflow:hidden;position:relative;}
    .bannerImg img {position: absolute;margin: auto;min-height: 100%;min-width: 100%;left: -100%;right: -100%;top: -100%;bottom: -100%;}
    .sitename, .footersection{padding:10px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:100%;}
}
@media (max-width: 1100px) {
    .layertext .info{width:100%;padding:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .layertext .header1{font-size:26px;}
    .layertext .header2{font-size:22px;}
    .layertext{font-size:18px;}
 .footersection{width:100%;}
}
@media (max-width: 767px) and (min-width: 768px){    
    .hometopimg{display:block!important;z-index:-10;}
    .leftCol{font-size:2em;}
    .rightCol{padding:40px 20px;font-size:1em;}
}
@media only screen and (max-width:650px) {
   .footersection .col{float:none;width:100%}
}
@media (max-width: 767px){
    .home-bg-video{display:none!important;}
    .hometopimg{display:block!important;z-index:-10;}
    .leftCol{background-size: cover;display:block;font-size:1.5em;
    background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url('/Pages/34/Images/hero.jpg');}
    .rightCol{padding:50px;background-color: rgba(115, 33, 130, 1);}
    .leftCol, .rightCol{width:100%;float:none;height: 55.7vw;}
    .layertext .info{margin-top:0px;}
    .bannercontainer{height: auto!important; min-height: 350px;}
	.homeCols .clo {width: 100%;float:none;}
	
}
@media (max-width: 485px) {
    .leftCol {font-size: 1em;}
    .rightCol {font-size: 1em;}
    .wrapper-home{margin-top:20px!important;}
    .homeCols .clo {width: 100%;float:none;}
}

@media (max-width: 375px) {
    .layertext{font-size:16px;}
    .layertext .header1{font-size:24px;}
    .layertext .header2{padding:10px 0 15px 0;font-size:20px;}    
}