@charset "UTF-8";

html { 
		background-color: rgb(174, 19, 12);			
		
		width: 100%; 
		height:100%;
			
} 

body { 
		background-color: #fff;		
		
		width: 100%; 
		height:100%;
		
		overflow-x:hidden;
		overflow-y:hidden;
		
} 


/*<-----header start ------>*/


header {

		background-color:rgb(174, 19, 12);		
		
		width:100%;
		height:7%;
		
}

.dropdown-menu{
	
				min-width: 100%;
	
}


.dropdown-menu {
	
					left: -25%;
					
}


/*<-----Jivo Chat Start------>*/

/*#jivo-iframe-container {

			right:3px!important;
					
}


jdiv {
    z-index: 10 !important;
	right:3px!important;
}



#jivo-iframe-container:hover {

	bottom:6% !important;
	transition: 10s ease-in-out 4s bottom;
	

}


#jivo-iframe-container {

z-index:10 !important;

}

*/


/* hide the original widget - that there were no two labels on the screen*/
#jivo_chat_widget{
	display: none;
}

/* the default style - for offline messages if no one is online */
#jivo_custom_widget{
	position: fixed;
	
	/*left: -3px;*/
	right: 3px;
	

	bottom: 0px;
	width: 170px;
	
	z-index: 300000;
	cursor: pointer;
	
	height: 35px;
	background-image: url(../img/jivo_widget_offline.png);
}

/* when you hover the label should be shifted to the right by 3px */
#jivo_custom_widget:hover{
	
	/*left:0;*/
	/*right:0;*/
	
	
}


/* if there are operators online - show other label*/
#jivo_custom_widget.jivo_online{
	width: 215px;
	
	background-image: url(../img/jivo_widget_online.png);
}


/*#jivo-iframe-container:hover {

	bottom:6% !important;
	transition: 10s ease-in-out 4s bottom;
	

}
*/

/*<-----Jivo Chat End------>*/

#landscapephone {

		display:none;

}


/*<-----Welcome modal & outbounce Start------>*/

#welcomemod {

		text-align: center;
		
}


.modal-header {

		background-color:rgb(174, 19, 12);	

}

.modal-header > a{

		color: #FFF;
		font-size: 1.5em;
    	font-weight: bold;
    	text-decoration: none;

}

.modal-header .close {
	
		margin-top: -12px;
		color:#FFF;
		opacity: 1 !important;
}

.modal-body {

		background-color:#FFFFFF;
}

#modalOffer .modal-header, #modalsubscribe .modal-header,#modalLogin .modal-header,#ouibounce-modal .modal-header {
	
		text-align: center;
		padding-bottom: 0;

}

#modalOffer .modal-body img, #modalsubscribe .modal-body img,#modalLogin .modal-body img, #ouibounce-modal .modal-body img {

		float: left;
}
 
#modalOffer .modal-body, #modalsubscribe .modal-body,#modalLogin .modal-body,#ouibounce-modal .modal-body {

		display: table;

}

#modalOffer .modal-body div {
	
		text-align: justify;
		margin: 4% 0;
}


#modalOffer .modal-body div a, #modalsubscribe .modal-body div a, #modalLogin .modal-body div a,#ouibounce-modal .modal-body div a {

		text-decoration: none;
		color: #000;

}

#modalOffer .close, #modalLogin .close, #modalsubscribe .close, #ouibounce-modal .close {

		padding: 5px 15px 0px 0px !important;
		color:#FFF;
		opacity: 1 !important;
		font-size: 40px !important;
}


#modalOffer .modal-body,#modalLogin .modal-body, #modalsubscribe .modal-body, #ouibounce-modal .modal-body {

		width: 100% !important;

}

#modalLogin .form-control, #ouibounce-modal .input-group {

		/*width: 75% !important;*/
		width: 50% !important;
		margin-bottom: 1%;
}



#btnModalClientLogin {
	
		/*background-color: #CCCCFF;*/
		border: 0 none;
		/*margin-left: 15%;*/
}


.middle-bernie {
	
		height: 75%;
		position: fixed;	
}

.promoa-label {
	
		text-align: left !important;
}

.promo-coupon {
	
		display: none;
}


/*<-----Welcome modal & outbounce END------>*/




/*<-----header top start ------>*/

#header1 {

        background-color:rgb(174, 19, 12);		

		height:100%;
		width:100%;
}

#menu {
	
		position:absolute;
	
		top:10px;
		left:6px;	
}

#name {

		position:absolute;

		top:4px;
		left:46px;
		
		font-weight:bold;
		
		font-size:20px;
		color:#FFF;
		

}

#name a{

		color:#FFF;
		text-decoration:none;
}

#tag {

		position:absolute;
		
		top:28px;
		left:43px;
		
		font-weight:bold;
		text-align:center;

		font-size:10px;

		color:#FFF;

}

#header_bannerbase {
	
		background:#000;
		
		height:40px;
		width:480px;

		margin-top: 5px;

		margin-right: auto;
		margin-left: auto;

		overflow:hidden;
}


#bannerslider img{

		height:40px;	
		width:480px;
}


#date {

		position:absolute;
		
		top:0px;
		right:10px;

		color:#FFF;
}


/*<-----header Dropdown select start ------>*/

.tsize2 {
	
		padding:0 !important;
	
		height:20px;
	
		font-size:12px;
	
}

.Pid2 {
		
	position:absolute;
	
	margin-top:-20px;
	
	right:15px;
	width: 160px; 
	
}

/*<-----header Dropdown select end ------>*/

/*<-----header top End ------>*/

/*<-----header links Start ------>*/

#header2 {
		
		background:#000;
		
		width:100%;
		height:3%;

}

#headerlinks {
	
 		margin:0 auto;
   		padding:0px;
  		
		list-style:none;
  	/*    width:600px;*/

        text-align:center;

			
}


/*<-----header end ------>*/


/*<-----middle Start ------>*/


#middle {

		background-color: #FFF;	
		
		height:84%;
		width:100%;	
						
		overflow-x:hidden;
		overflow-y:hidden;
}



#middle1 {

		background-color:#a90329;
		
		border-bottom: solid 5px;
		border-color:#000;			
		
		height:100%;	
		
		overflow-x:hidden;		
		overflow-y:hidden;
		
		display:none;
					
}


#middle2  {

		background-color: #FFF;
		
		height:100%;			
		
		overflow-x:hidden;
		overflow-y:auto;
		
}


.middle2b {

		background-color: #FFF;			
		
		height:100%;
		
		overflow-x:hidden;
		overflow-y:auto;
		
}

.middle2a {

		background-color: #FFF;			
		
		height:100%;		
		
		overflow-x:hidden;
		overflow-y:auto;
		
		width:100%;

}


/*<-----Enter Property ID start ------>*/


#enter_id_text {
		
	background-color:#a90329;
	
	color:#FFF;
	font-weight:bold;
	
	text-align:center;
	
}

.Pid {
	
		margin-top:10px;

}


.tsize {
	
		font-size:12px;

}


/*<-----Enter Property ID start ------>*/




/*<-----Side Menu start ------>*/


#contact_landscape {

		display: none;

}

#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {
	
 		 position: relative;
		
		 margin: 0;
 		 padding: 0;
		 border: 0;
 		 				 
		 font-family: 'Open Sans', sans-serif;
		 font-weight: normal;
  		 font-size: 14px;
		 
  		 line-height: 1;
  		
  		 list-style: none;
  		 text-decoration: none;
 		 
}

#cssmenu {
		     
 		   margin-top:10px;
		   
		   border-radius: 3px;
		   -webkit-border-radius: 3px;
 		   -moz-border-radius: 3px;
 		  		  
		   width: 100%;
 				 
		   height:86%;
		  	  
		   overflow-x: hidden;
		   overflow-y: auto;
		   		   
}


#cssmenu a {
 
  		 line-height: 1.3;
}



#cssmenu > ul > li {

		  background:#000;

  
}


#cssmenu > ul > li > a > span {
 
 		 color:#FFF;
		 font-weight:Bold;
		 		 
		 display: block;
  		
		 padding: 12px 10px;
  		 -webkit-border-radius: 4px;
 		 -moz-border-radius: 4px;
  		  border-radius: 4px;
   		 
}


#cssmenu > ul > li:hover {
  
 		/* background:#a90329;*/
  
  		/* background: #e84323;
  		background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
  		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
  		background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
  		background: linear-gradient(#e84323 0%, #c33115 100%);*/
    
}

#cssmenu > ul > li > a {
  
  		border-top: none;
		border: 2px solid #a90329;
		
		font-size: 14px;
  		
		display: block;
  		
}

#cssmenu > ul > li > a:hover {
  
  		color:#a90329; 
		
		text-decoration: none;
}

#cssmenu > ul > li.active {
  
  		border-bottom: none;

}

#cssmenu > ul > li.has-sub > a span {
	
  		/*background: url(../images/icon_plus.png) 96% center no-repeat;*/
}

#cssmenu > ul > li.has-sub.active > a span {
	
 		/* background: url(../images/icon_minus.png) 96% center no-repeat;*/
}

/* Sub menu */

#cssmenu ul ul {
  
 		background: #fff;
  		
		border-right: 1px solid #a2a194;
  		border-left: 1px solid #a2a194;
		
		display: none;
 		 		
}

#cssmenu ul ul li {
 
 		padding: 0;
  		border-bottom: 1px solid #d4d4d4;
  		border-top: none;
 		
		background: #f7f7f7;
 		
		background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
  		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
 		background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
  		background: linear-gradient(#f7f7f7 0%, #ececec 100%);
   
}
#cssmenu ul ul li:last-child {
	
  		border-bottom: none;
}

#cssmenu ul ul a {
  
  		color: #676767;
  		
		font-size: 12px;
  		font-weight: normal;		
		
		padding: 10px 10px 10px 25px;
  		
		display: block;
  								
}

#cssmenu ul ul a:before {
  
  		content: "»";
  		position: absolute;
  		left: 10px;
  		color: #e94f31;
		
}

#cssmenu ul ul a:hover {
  color: #e94f31;
}

/*<-----Side Menu End ------>*/


/*<-----Property Cards Start ------>*/

.Window-Card {
					
					background-color:#FFFFFF ;
										
					float: left;	
					height: 49%;
					/*width:100%;*/
					margin-top:4px;
					margin-bottom:1px;				
					
					outline: 0;
					/*margin-left:0.1px;	
					margin-right:0.1px;	*/				
					
					overflow-x:hidden;
					overflow-y:hidden;
					
					border-style:solid;
					border-color:#CC0000;
					-webkit-border-radius: 10px;
					-khtml-border-radius: 10px;
					-moz-border-radius: 10px;
					-ms-border-radius: 10px;
					-o-border-radius: 10px;
					border-radius: 10px;
					-webkit-box-shadow: 0 0 5px #d2d2d3;
					-khtml-box-shadow: 0 0 5px #d2d2d3;
					-moz-box-shadow: 0 0 5px #d2d2d3;
					-ms-box-shadow: 0 0 5px #d2d2d3;
					-o-box-shadow: 0 0 5px #d2d2d3;
					box-shadow: 0 0 5px #d2d2d3;
					-webkit-transition: background .1s ease-out;
					-khtml-transition: background .1s ease-out;
					-moz-transition: background .1s ease-out;
					-ms-transition: background .1s ease-out;
					-o-transition: background .1s ease-out;
					transition: background .1s ease-out;
					
					
}

.Window-card a {

				outline: 0;

}

.Window-Card a:first-child{
	
				text-decoration: none;
				
}

.property_dialog{
	
				display: none;
	
}

.cardtop{
	
		width:100%;		
		height:8%;
				
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		
		overflow:hidden;
		outline: 0;
}

.cardtop .topleft {
	
					float:left;
					
					color:#000;
		
					padding-left:2px;
					
					font-weight:bold;
					font-size:15px;
		
					overflow:hidden;	
					outline: 0;
}

.cardtop .pricered {
	
					float:right;
					
					color:#F00;
	
					padding-right:2px;
	
					font-weight:bold;
					font-size:15px;
	
					overflow:hidden;	
					outline: 0;
}

.windowphoto {
					
				width:100%;
				height:50%;
				
				outline: 0;
				
				/*overflow:hidden;*/	
				
}

.windowphoto img{
		
				width:100%;
				height:100%;
				
				/*border:0;*/
				outline: 0;
				padding:4px;
				
}


.windowphotor {
					
				width:100%;
				height:50%;
				
				outline: 0;
				
				/*overflow:hidden;*/	
				
}

.windowphotor img{
		
				width:100%;
				height:100%;
				
				/*border:0;*/
				outline: 0;
				
}


.windowphotob {
					
				width:100%;
				height:50%;
				
				outline: 0;
				
				/*overflow:hidden;*/	
				
}

.windowphotob img{
		
				width:100%;
				height:100%;
				
				/*border:0;*/
				outline: 0;
				
}


.windowphotos {
					
				width:100%;
				height:50%;
				
				outline: 0;
				
				/*overflow:hidden;*/	
				
}

.windowphotos img{
		
				width:100%;
				height:100%;
				
				/*border:0;*/
				outline: 0;
				
}


.cardmiddle {
	
				width:100%;			
				height:20px;
				
				outline: 0;
				
				overflow:hidden;
				
}
	
	
.icons {
	
		padding:2px;
		
		outline: 0;
		
}

.icons img{
	
			padding:0px;
			
			outline: 0;
			
}

.icons span {
	
			float: right;
			color: #000;
}

.cardtitle {
		
			float:left;
		
			width:100%;
			height:5%;
		
			font: 0.8125em Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;	
			
			outline: 0;
			
}

.cardtitle h1{
			
		color:#F00;
		
		margin-top:0px;	
		padding-left:2px;
		
		font-weight:bold;
		font-size:14px;		
			
		outline: 0;
		
}

.description{
	
			width:98%;
			height:25%;
		
			padding:2px;
		
			margin-top:2px;	
			
			color: #000;
			
			outline: 0;
			
}

.description h2{
	
			width:100%;
			height:100%;
		
			font-size:14px;
			text-align:justify;		
			font: 0.8125em Helvetica, 'Helvetica Neue', Arial, Verdana, sans-serif;		
		
			overflow-x:hidden;
			overflow-y:auto;
		
			outline: 0;
				
}

/*<-----Property Cards End ------>*/

/*<-----middle End ------>*/

/*<-----footer Start ------>*/


* {
		margin: 0;
		padding: 0;
}

ul, ol {
    		
   		 margin-bottom: 0px;
}

.links li {
	
		display: inline;
		
}

.links li.first {
	
		padding-left: 0 !important;	
	
}

.links li.last {
	
		background: none !important;
		padding-right: 0 !important;
}

.links a {
	
		background: url(../icons/links_div.gif) no-repeat 0 50% !important;	
		padding: 0 5px 0 6px;
	
		text-decoration:none;
	
		white-space: nowrap;
	
		color: #FFF;
	
}

.links li.first a {
	
		background: none !important;
		padding-left: 0
	
}
.links li.last a {
	
		padding-right: 0
}


#address {
	
		font-style: normal;
		
}

#address a{
	
		
		background: none !important;
}



footer {

		background-color: rgb(174, 19, 12);	
		
		width:100%;
		height:6%;
				
		overflow:hidden;
		
		font: 12px/1.35 Arial, Helvetica, sans-serif;
		color: #FFF;
		text-align: center;
		
		
}


footer .row a{
	
				text-decoration: none;
				color: #fff;
				font-weight:bold;

}


#footerbar {

/*display:none;*/

}




.footer-links{

				float: left;
				text-align: center;
					
}

.footer-phone{

				background-color: rgb(174, 19, 12);
				float: right;
				
				width: 30%;
				
				margin-top: -32px;
				text-align: right;
				
				font-size: 1.8em;
				font-weight: bold;
				
				/*height:50px;*/
				height:1.8em;	
					
				z-index:99999999!important; ;
									
				/*z-index:99999999999999999999 !important;			
				display:none;	*/		
}



/*<----- End footer ------>*/



/*<-----Media Queries Start ------>*/


/*<-----From Desktop(first)down to mobile ------>*/


@media screen and (min-width: 1023px){
		
/*<----- start Window Card square boarder ------>*/	
	
.Window-Card{
	
			height: 50%;
		
			margin-top:0;
			margin-bottom:0;
		
			border-width: 2px;
			border-radius: 0;
			-webkit-border-radius: 0;
			-khtml-border-radius: 0;
			-moz-border-radius: 0;
			-ms-border-radius: 0;
			-o-border-radius: 0;
				
}

/*<----- End Window Card square boarder ------>*/	


#modalOffer.modal, #modalsubscribe, #modalLogin.modal, #ouibounce-modal.modal {
  
  		text-align: center;
}

#modalOffer.modal:before, #modalsubscribe.modal:before, #modalLogin.modal:before, #ouibounce-modal.modal:before {
  
  		display: inline-block;
 		vertical-align: middle;
  		content: " ";
  		height: 100%;
}

#modalOffer .modal-dialog, #modalsubscribe .modal-dialog, #modalLogin .modal-dialog, #ouibounce-modal .modal-dialog {
  
  		display: inline-block;
  		text-align: left;
  		vertical-align: middle;
}

#modalLogin.modal:before{
  
  		display: inline-block;
  		vertical-align: middle;
 		content: " ";
  		height: 20%;
}

#modalsubscribe.modal:before{
  
  		display: inline-block;
  		vertical-align: middle;
 		content: " ";
  		height: 20%;
}



}


@media screen and (max-width: 988px){

#footerbar {

			margin-left: -70px;

}

.footer-phone{


			width: 35%;

}


}


@media screen and (max-width: 905px){

#footerbar {

		margin-left: -100px;

}

}


@media screen and (max-width: 865px){


#header_bannerbase {

		display:none;
}

.Pid2 {

		margin-top:20px;
}


#footerbar {


		margin-left: -160px;


}

.footer-phone{


		width: 38%;

}



}



@media screen and (max-width: 850px){

#footerbar {


		margin-left: -200px;


}

.footer-phone{


		width: 40%;

}


}

@media screen and (max-width: 775px){

#footerbar {


margin-left: -220px;


}


#tellbernie {

    display:none;
}



}

/*legacy styles */
@media (min-width: 768px) {
	
	.appraisal-address-panel {
		border-color: #337ab7;
	}
}

@media (min-width: 768px) {
	
	.middle-main {
		margin-left: 25%;
	}	
}

/*legacy styles */


@media screen and (max-width: 767px){
		

#footerbar {


margin-left: -280px;


}


}


@media screen and (min-width: 767px) and (orientation: portrait){


#menu {	
		top:25px;	
}

#name {
	
		top:19px;		
}

#tag {
				
		top:43px;	
}

#header_bannerbase {

		display:none;
}

#date {		
		top:4px;		
}

.Pid2 {

		top:15px;
			
}


#middle {
	
		height: 86%;
}

.footer {

		height:4%;
}

}


@media screen and (max-width: 750px){
		

#footerbar {


margin-left: -300px;


}

.footer-phone{


		width: 45%;

}


}


@media screen and (max-width: 680px){
		

#address {


display:none;

}



.footer-phone{


		width: 100%;
		
		margin-top:-15px;
		

}


}


@media screen and (min-width: 481px) and (max-width: 767px){


#modalOffer.modal {
  
  		text-align: center;
}

#modalOffer.modal:before {
  
  		display: inline-block;
  		vertical-align: middle;
  		content: " ";
 		height: 100%;
}

#modalOffer .modal-dialog {
  
  		display: inline-block;
  		text-align: left;
  		vertical-align: middle;
}


#modalsubscribe.modal {
  
  		text-align: center;
}

#modalsubscribe.modal:before {
  
  		display: inline-block;
  		vertical-align: middle;
  		content: " ";
 		height: 100%;
}

#modalsubscribe .modal-dialog {
  
  		display: inline-block;
  		text-align: left;
  		vertical-align: middle;
}



}


@media screen and (min-width: 600px) and (orientation: portrait){


#middle {
	
		height: 86%;
}

.footer {

		height:4%;
}


}


@media screen and (max-width: 585px){
	

#header2 {
		
		background-color:rgb(174, 19, 12);		
}
	
#headerlinks {

		display:none;

}

}


@media screen and (max-width: 500px){
	
    
 #ouibounce-modal .modal-body img {

		display:none;
        
}






@media screen and (min-width: 420px) and (max-width: 480px){	

.Window-Card {

	
		width:50%;
	
}


}

@media screen and (max-width: 419px){
	

		
#date {		
		display:none;		
}

.Pid2 {
        display: none;
}
         

}


@media (max-width: 496px) and (orientation: landscape) {


#header2 {
		
		background-color:rgb(174, 19, 12);		
}


#menu {	
		top:5px;	
}

#name {
	
		top:2px;		
}

#tag {
				
		display:none;	
}

#date {		
		display:none;		
}

.Pid2 {

		display:none;
			
}

#ask {

		display:none;

}

#list {

		display:none;
}


#contact {

		display:none;

}

#contact_landscape {

		display: block;

}

.Window-Card{
	
			height:150%;	
			width: 100%;
}

#middle { 

			height:77%;

}

footer {

			height:12%;

}
	
.windowphoto {
				
			height:40%;
			 		
}

.footer-phone{


		height:12%;
		

}

#jivo-iframe-container:hover {

	bottom:0% !important;
	
}


#jivophone {
	
		display:none;

}

#landscapephone {

		display:block;


}


}


@media screen and (max-width: 320px){
		
.Window-Card{
	
			height: 80%;
	
}

#menu {	
		top:3px;	
}

#name {
	
		top:-1px;		
}


#tag {
				
		top:20px;	
}



}


@media (max-width: 320px) and (orientation: landscape) {

		
.Window-Card{
	
			height: 80%;
						
	
}



}



/*<-----Media Queries End ------>*/