body { 
	font-family: "Times New Roman", Times, serif;
}
.position-left {
	position: absolute;
	z-index: 50;
	left: 30px; 
	top: 60px; 
	
}
.dark-color-back {
	background-color: #935417;
	color: white; 
}
.gray-color-back {
	background-color: rgba(46,46,46,0.9); 
	color: white; 
}
.light-color-back {
	background-color: #b87332;
	color: white;
}
.modal-content { background-color: transparent;}


#data_sheet { background-color: rgba(46,46,46,0.9); }
#btn_find_address { margin-top: -4px; }
#lbl_address { margin-top: -4px;}
#panel_wrap { position: relative;  }
#search_box, #featur_box  { background-color: #925315; box-sizing: border-box; border: solid 4px #b87332; border-radius: 10px; }
#calc_affd .btn-alt1 { margin-top: 0px; }

.menu_buffer { height: 10vh;  }
.tab-top { margin-top: 8px; }

.small-xs-padding { padding: 3px; }
.bottom_link .btn-alt3 { 
	text-align: center; 
}
.bottom_link { 
	padding-top: 10px; 
}


.carousel-indicators li {
	background-color: #323232; 
	border-radius: 4px; 
}
.carousel-control:focus, .carousel-control:hover {
	color: #925315;
}
@media screen and (min-width: 768px) {

	.carousel-indicators {
		bottom: 30px;
	}
	#content { padding-top: 120px; }
}

.carousel-inner { border-radius: 10px; }

.left.carousel-control { border-bottom-left-radius: 10px; }
.right.carousel-control { border-bottom-right-radius: 10px; }



#quicksearch { 
	background-color: #b87332; 
	background-image: url(../assets/panel2.png);
    background-size: cover;
    background-repeat: no-repeat;	
}

#panel_top { 
	height: 100vh; 
	width: 100%;
	background-image: url('../assets/index02.JPG');
	background-position: center;
	background-size: cover; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index:10;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#panel_hop { 
	height: 100%; 
	min-height: 74vh;
	width: 100%;
	
	position: relative; 
	top: 0; 
	left: 0; 
	z-index:10;
	background-image: url('../assets/test01.jpg');
	background-position: center;
	background-size: cover; 
	background-attachment: fixed;
	background-repeat: no-repeat;
}
#panel_top2 { 
	height: 100vh; 
	width: 100%;
	background-image: url('../assets/index03.JPG');
	background-position: center;
	background-size: cover; 
	position: absolute; 
	top: 0; 
	left: 0;
	z-index:5;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#search-bar { 
	background-color: #323232;
	padding: 6px 16px;
	color: black;
	position: relative; 
	z-index: 998;
}
#search-bar label { margin-top: 0px; padding-top: 0px; color: white;}
.form-prop_query { height: 32px; }
#search-bar .btn-sort { margin-top: -3px; }
#prop_type option { color: #ccc; }
.img-full { 
	width: auto; 
	height: 300px;
	
	/* max-width: 100vw; */
	max-width: 100%;
	
	margin-left: 50%;
	
	/* transform: translateX(-50%); */
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
}
.wide-buff { padding: 0 20px; }
.feat_items { font-size: 12px; }

#panel_hop_search { position: absolute; bottom: 100px; left: 0; width: 100%; }
.backcol_search { background-color: rgba(50, 50, 50, 0.8); padding: 40px 50px;}
#signup { float: right; text-align: right; width: 100%;  background-color: #323232; padding: 2px 20px 2px 4px; }


#logo {
	margin: 0;
	height: inherit;
}

#logo a {
	display: block;
	padding: 10px 0;
}

header {
	border-bottom: none;
	height: 120px;
	background-color: rgba(146, 82, 19, 0.9);
}

#head_containter {
	background-color: rgba(146,82,19,1);
	
	
}

header nav > a {
	line-height: inherit;
	margin-left: 0;
	display: inline-block;
	padding: 39px 10px;
	font-size: 16px;
}

#search-bar {
	width: 100%; 
	background-color: rgba(146, 82, 19, 0.68);
	position: absolute;
	top: 100px;
	left: 0;
}

#panel_wrap {

}

#panel3 {
	background: none;
}

header.smaller h1#logo { margin-top: 0; }
header.smaller h1#logo a { padding: 8px 0 7px; }
header.smaller nav a { line-height: inherit; padding: 27px 10px 26px; }

label { margin-top: 5px; margin-bottom: 4px; font-weight: 200; font-size: 18px;}
#content { background-color: #323232; color: white; }
.form-control { 
	border-radius: 0; 
	padding: 16px 6px; 
	height: 60px;  
	font-size: 18px;
}

/*### [BEGIN: NEW BUTTON CLASSES ]###*/
.btn-alt1 { 
	background-color: #935417; 
	border-color: #935417; 
	color: white; 
	padding-top:18px; 
	padding-bottom: 20px; 
	margin-top: 10px; 
	border-radius: 0;
}
.btn-alt1:hover { 
	color: #D69659;  
}
.btn-alt2 { 
	background-color: #935417; 
	border-color: #935417; 
	color: white; 
	padding-top:18px; 
	padding-bottom: 20px; 
	margin-top: 0px; 
	border-radius: 0;
}
.btn-alt2:hover { 
	color: white; 
	background-color: #b87332;
}

.btn-alt5 { 
	background-color: #b87332; 
	border-color: #935417; 
	color: white; 
	padding-top:18px; 
	padding-bottom: 20px; 
	margin-top: 0px; 
	border-radius: 0;
}
.btn-alt5:hover { 
	color: white; 
	background-color: #935417;
}

.btn-adj { 
	font-size: 25px; 
	background-color:#b87332; 
	border-color: #b87332; 
	color: white; 
	padding-top:11px; 
	padding-bottom: 12px; 
	margin-top: 0px; 
	border-radius: 0; 
	text-align: right; 
	padding-right: 10px; 
}
.btn-adj:hover { 
	color: white; 
	background-color: #935417;
}


.btn-alt3 { 
	background-color: #935417; 
	border-color: #935417; 
	color: white; 
	padding-top:18px; 
	padding-bottom: 20px; 
	margin-top: 0px; 
	border-radius: 0; 
	text-align: right; 
	padding-right: 30px;  
}
.btn-alt3:hover { 
	color: #D69659; 
}
.btn-alt3:active {
	color: #D69659;
}
.btn-alt3:focus {
	color: #D69659;
}
.btn-alt4 { 
	background-color:  #935417; 
	border-color: #935417;
	color: white;
	padding-top: 18px;
	padding-bottom: 20px;
	margin-top: 10px;
	border-radius: 0;
}
.btn-sortlabelDark { 
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	background-color:  #935417; 
	border-color: #935417;
	color: white;
	border-radius: 0;
	display: inline-block;
	font-weight: 400;
	border: 1px solid transparent;
	margin-left: -4px;
}
.btn-sortlabel { 
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	background-color:  #b87332; 
	border-color: #b87332;
	color: white;
	border-radius: 0;
	display: inline-block;
	font-weight: 400;
	border: 1px solid transparent;
}
.btn-sort { 
	background-color:  #935417; 
	border-color: #935417;
	color: white;
	border-radius: 0;
	margin-top: -2px; 
}

/*### [END: NEW BUTTON CLASSES ]###*/

.glyphicon-star { color: yellow; }
.fbicon { height: 30px; }
.x_desc { min-height: 75px; }
.dark_color { background-color: #925315; color: white; }
.light_color{ background-color: #b87332; color: white; }
.head_pad   { padding: 5px 10px; }
.prop_cont  { padding: 5px;}
.fp_cont { background-color: #FFF; border: solid 1px #ccc; }
.prop_data { margin-top: 8px; margin-bottom: 8px; }
.feat_address { color: #323232; font-weight: bold; font-size: 18px; }
.feat_rent    {  }
.fp_cont span { margin-left: 10px; }
#buffer1 { padding-top: 2px; }
.btn-size2 { width: 50%; }

/*### [BEGIN: HELPER CLASSES ] ###*/

.img-fullwidth { display: block; width: 100%; height: auto;}
.float_left { float: left; }
.float_right{ float: right;}
.addpadd { padding-right: 15px; padding-left: 15px; }

.rtp { padding-top: 0 !important;   }
.rbp { padding-bottom: 0 !important;}
.rlp { padding-left: 0 !important;  }
.rrp { padding-right: 0 !important; }
.rrm { margin-right: 0 !important;  }
.rlm { margin-left: 0 !important;   }
.rtm { margin-top: 0 !important;    }
.rbm { margin-bottom: 0 !important; }
.aml { margin-left: 5px !important; }
.gmr { margin-right: -10px; }
.dropshadow {box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75); }
.remcol-pad { padding-left: 0; padding-right: 0; }
.remrow-pad { padding-left: 0; padding-right: 0; }
.addrow-mgn { margin-left: 15px; margin-right: 15px; }
.rembtn-mgn { margin-left: 0; margin-right: 0;}

/*### [END: HELPER CLASSES ] ###*/

.control-box {
    text-align: right;
    width: 100%;
}
@media screen and (min-width: 992px) {
	
	.twopermar { margin-right: 2%; width: 48%; }
}

@media screen and (min-width: 992px) AND (max-width: 1199px) {
	
	#searchimg { 
		height: 366px; 
	}
}

/****************************************************************************
css pulled from index page. 

****************************************************************************/
#bLogo { 
	max-height: 102px;
}
#thisisit { }	
#row-frm.row { position: relative; }

#col-frm { height: 100%; }
#girl_key { height: 390px; }

.row {
	position: relative;
}

.bottom-align-text {
	position: absolute;
	bottom: 0;
	left: 0;
}
.para_info {
	display: none; 
	position: absolute;
	z-index: 2;
	padding: 8px 4px; 
	background-color: rgba(255,255,255,0.8);
	margin: 5px 20px 30px 5px; 
	color: #323232;
	overflow: hidden;
	overflow-y: scroll;
}

	
/* ###############################################################
##
## This is the section for Small and XS classes..
##
############################################################### */
.navbar-inverse {
	background-color: #925213;
	border-color: black;
	color: white; 
}
.navbar-inverse .navbar-brand {
    color: white;
}
.navbar-inverse .navbar-nav>li>a {
    color: white;
}
.head_buffer { 
	padding-top: 105px; 
}
.sm_headBuffer {
	padding-top: 50px; 
}
.xs_headBuffer { 
	padding-top: 50px; 
	margin-bottom: -10px; 
}
body { background-color: #323232; }


/*
#################################################
##  Section for classes pertaining to property
##	displays. 
##
#################################################
*/
.in-error { background-color: #AA3939; color: #FFAAAA; border: solid 1px #801515;   }
.color-white { color: white; }
.color-red   { color: #932817;   }
.favprop { float: left; margin-left: 20px; font-size: 30px; margin-top: 12px;}
.citystate { float: right; font-size: 10px; }
.thestate { position: absolute; z-index: 10; right: 20px; top:40px; color: white; background-color: #925315;  }
.back_color_black { background-color: black; }
.street { background-color: rgba(146, 83, 21, 0.8); margin-top: 0; padding-top: 15px; padding-bottom: 10px; padding-left: 30px;  }

.item img { width: 100%; }
.feat_address { color: white; text-align: center; font-weight: normal; font-size: 14px;  }
.feat_rent { float: right; }
#panel3 h1 { color: white; }

.nodec:link { text-decoration: none; }
.nodec:hover{ text-decoration: none; }
.nodec:active{ text-decoration: none; }
.nodec:visited { text-decoration: none; }
.nodec {
	display: block; 
	overflow: hidden; 
}