@import url('https://fonts.googleapis.com/css?family=Nunito:400,600,700&display=swap');

body{
	background-color: #fff;
	font-family: 'Nunito', sans-serif;
}
.main-container{

}
.content{
	border-bottom-width: 0px;
}

header{
	background-color: #dc1d2e;
}
.header-inner{
	color:#fff;
	background-color: #dc1d2e;
}
.header-inner .sep{
	color: #eee;
}

.mobile-toolbar {
    background: #dc1d2e;
}

a.return-top {
    font-size: 16px;
}

footer{

}

.footer-inner{
	background-color: #004e9b;
	margin-bottom: 10px;
	color: #bbb;
}

.footer-inner a{
	color: #ccc;
}

.footer-inner a:hover{
	color: #eee;
}

.column1{
	color: #fff;
	background-color: #fff;
	background-repeat:no-repeat;
	background-position: right bottom;

}

.column2{
	background-color: #fff;
	background-repeat:no-repeat;
	background-position: left bottom;
	background-image: url('/XposurePublicIncludes/branding/remax-penticton/col2-md.jpg');
}

.column3{
	background-color: #fff;
}

.column1 .info{
	color: #231f20;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	margin: 0px 0px 15px 0px;
	padding-left: 20px;
	text-align: left;
}
.column1 .agent-photo-container{
	margin: 0;
}
.column1 .info.name{
	line-height: 26px;
	background-color: #004e9b;
	color: #fff;
	padding: 18px 0 15px 15px;
	text-transform: uppercase;
	font-weight: 400;
}

.column1 .info a{
	color: #dc1d2e;
	text-decoration: none;
}

.column1 .info.name img{
	display: none;
}

.column1 .info.contact{
	
}

.column1 .info.contact span.phone{
	
}

.column1 .info.contact .cell-label{

}

.column1 .info.contact span.fax{
	display: none;
}

.column1 .info.contact a.website{

}

.column1 .info.address{
	font-size: 12px;
	line-height: 16px;
	margin: 0;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
	white-space: nowrap;
}

.column1 .info.address span.company-name{
	display: none;
}

.column1 .info.address span.company-citystate br{
	display: none;
}

.column1 .info.address span.company-country{
	display: none;
}
.column1 .agent-photo-container{
}

.column1 img.agent-photo{
}

.office-logo-wrapper{
	background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(/XposurePublicIncludes/branding/remax-penticton/penticton-logo.png);
    position: absolute;
    bottom: 71px;
    right: 0;
    left: 20px;
    height: 38px;
    background-size: 110px;
}

.ofc812 .office-logo-wrapper{
	background-image: url(/XposurePublicIncludes/branding/remax-penticton/orchard-logo.png);
}

.ofc736 .office-logo-wrapper{
	background-image: url(/XposurePublicIncludes/branding/remax-penticton/realty-logo.png);
}

.column1 img.office-logo{
    display: none;
}

.custom-brand-second-member{
	display: none;
}

.main-nav li{
	border-bottom-color: transparent;
}

.main-nav li.active{
	border-bottom-color: transparent;
}

.main-nav li:last-child{
	border-bottom-color: transparent;
}

.main-nav li a{
	color: #18331b;
	text-shadow: none;
}

.main-nav li.active a{
	color: #fff;
}

.column2 form{
	bottom: 7px;
}

.column2 form label{
	font-size:14px;
	color: #231f20;
	font-weight: 600;
}

.column2 form fieldset input, .column2 form fieldset textarea{
	border-radius: 3px;
}

.button{
	background: #dc1d2e;
	color: #fff;
	border-radius: 3px;
}

.column2 form fieldset .visible-fields{

	background: transparent;
}

#details{
	background: #fff;
}

#details table td{
	color: #666;
	border-bottom: 1px solid #DFDFDF;
}

#details table .first td{
	border-top:none;
}

#details table .last td{
	border-bottom:none;
}

#details p{
	color: #666;
	text-shadow: none;
}

#about {
	background: #fff;
}

#multimedia{
	background: #fff;
}

#multimedia ul a{
	color: #3F4A56;
	background-color: #fff;
}

#multimedia ul a:hover{
	background-color: #f1f3f6;	
}

#video {
	background-color: transparent;	
}

#video .video{
	border-bottom:none;
}

#plans{
	background-color: transparent;
}

.map-tabs a{
	background: #7a7472;
	border-radius: 0 0 4px 4px;
	color: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15);
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	border: none;
	border-bottom: 1px solid #505050;
}

.map-tabs a.active{
	background: #dc1d2e;
	border-bottom: 1px solid #5A5A5A;
}

#gallery,
#gallery .rsOverflow,
#gallery .rsSlide,
#gallery .rsVideoFrameHolder,
#gallery .rsThumbs {
	background-color: #fff;
}

#gallery .rsThumbs {
	background-color: #d7cdc8;
}

#gallery .rsThumb.rsNavSelected {

}

#gallery .rsThumb.rsNavSelected span.thumbIco {
	border-color: #dc1d2e;
}

#gallery .rsThumbsArrow {
    background:  rgba(0, 0, 0, 0.3);
}

#gallery .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.5);
}

.column1 .info .mobile-phone-btn{
	margin-right: 20px;	
}

.html-content h1{
	color: #666;
}

.html-content h2{
	color: #666;
}

ul.xp-search-list li.xp-search-button {
	background: #0b6623;
}

.xp-dark ul.xp-search-list li.xp-search-button {
	background: #0b6623;
}

@media only screen and (min-width: 500px){
	
.column1 .info.contact span.phone{
	display: inline;
}

}

@media only screen and (min-height: 750px) and (min-width: 960px) {

.office-logo-wrapper{
    height: 56px;
    background-size: 168px;
	bottom: 75px;
}
.column1 .info{
	font-size: 16px;
	line-height: 21px;
}	
	
}