/*====================================== 
	
	Site Designed by:
	Derek Watson, Sandhills Publishing

	Color information
	
	- Yellow: #FFF500 rgba(255,245,0,1.0)
		 
========================================*/

/*====================================== 
		CSS reset/normalize 
========================================*/

/*===== Correct `block` display not defined in IE 8/9. =====*/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small {font-size: 80%;}
svg:not(:root) {overflow: hidden;}

/* Hides giant arrows that show up on inventory pages on Chrome *smh* */
.container.cf .widgets svg[class*="fa"], .container.cf .widgets-details svg[class*="fa"] {display: none !important;}




	
/*====================================== 

			Typography

=======================================*/
@font-face {font-family: roboto; src: url(../webfonts/roboto/roboto-regular.woff);} .roboto {font-family: roboto;}
@font-face {font-family: roboto-bold; src: url(../webfonts/roboto/roboto-bold.woff);} .roboto-bold {font-family: roboto-bold;}
@font-face {font-family: roboto-bold-italic; src: url(../webfonts/roboto/roboto-bold-italic.woff);} .roboto-bold-italic {font-family: roboto-bold-italic;}
@font-face {font-family: roboto-italic; src: url(../webfonts/roboto/roboto-italic.woff);} .roboto-italic {font-family: roboto-italic;}
@font-face {font-family: roboto-light; src: url(../webfonts/roboto/roboto-light.woff);} .roboto-light {font-family: roboto-light;}
@font-face {font-family: roboto-light-italic; src: url(../webfonts/roboto/roboto-light-italic.woff);} .roboto-light-italic {font-family: roboto-light-italic;}

.changa {font-family: 'Changa'; font-weight: 300}
.changa-light {font-family: 'Changa'; font-weight: 400}
.changa-bold {font-family: 'Changa'; font-weight: 700;}

html {font-size: 16px;}

.white {color: #fff;}
p.white > a {color: #fff !important;}
h4.white > a {color: #fff !important;}
.grey {color: #303030;}
.light-grey {color: #5C5C5C!important;}
.yellow {color: #FFF500;}
.red {color: #C50000;}

h1.extralarge {font-size: 4em;}

.text-shadow {text-shadow: 2px 2px 2px rgba(0,0,0,0.6);}
.text-capitalize {text-transform: uppercase !important;}
.no-caps {text-transform: none !important;}
.underline {text-decoration: underline;}

h1 {font-size: 2.4rem;}
h2 {font-size: 2.0rem;}
h3 {font-size: 1.7rem;}
h4 {font-size: 1.4rem;}
h5 {font-size: 1.2rem;}
h6 {font-size: 0.8rem;}

.large {font-size: 1.6rem;}
.medium {font-size: 1.2rem;}
.small {font-size: 0.8rem;}


@media screen and (min-width: 992px) {
	.text-right-lg {text-align: right;}
	.text-left-lg {text-align: left;}
	.text-center-lg {text-align: center;}
}

@media screen and (min-width: 768px) {
	.text-right-md {text-align: right;}
	.text-left-md {text-align: left;}
	.text-center-md {text-align: center;}
}

@media screen and (min-width: 575px) {
	.text-right-sm {text-align: right;}
	.text-left-sm {text-align: left;}
	.text-center-sm {text-align: center;}
}






/*====================================== 

			Base Styles

========================================*/
* {box-sizing: border-box;}

.clear {clear: both;}
img {border: 0;max-width:100%;} 

body {
    font-family: roboto, sans-serif;
    margin: 0;
	padding:0;
	background-color: #fff;
	color: #111;
	font-size: 1.0rem;
    height: auto!important;
}

.container-fluid {padding: 0; overflow-x: hidden;}





/*====================================== 

	Borders, Backgrounds, Shadows

========================================*/

.border-bottom {border-bottom: 1px solid rgba(255,255,255,0.7);}
.border-top {border-top: 1px solid rgba(255,255,255,0.7);}
.border-bottom-dk {border-bottom: 1px solid rgba(0,0,0,0.7);}
.border-top-dk {border-top: 1px solid rgba(0,0,0,0.7);}

.dark-bg {background: url(../siteart/subtle-patterns/gun-metal.png) repeat; background-color:#000;}
.dark-bg1 {width: 100%;background: url(../siteart/subtle-patterns/gun-metal.png) repeat; background-color:#000;}
.white-bg {background-color: white;}
.black-bg {background-color: black;}
.light-grey-bg {background-color: #fafafa;}
.yellow-bg {background-color: #FFF500;}

.drop-shadow {box-shadow: 1px 1px 2px 3px rgba(0,0,0,0.2);}


/*====================================== 

			Link Styles

=======================================*/

a {text-decoration: none; color: #136cab;}
a:hover  {color: red; text-decoration: none;}
a.white {color: #fff;}
a.dark {color: #333}
a.hov-under:hover {text-decoration: underline;}





/*======================================

			Header Styles

=======================================*/

header{
	width:100%;
	background-color: #fff;
	display: block;
}

.header-link-1 {
    font-size: 16px;
    padding:5px 10px;
    background:#000;
    color:#FFF500;
    margin-top:10px;
    margin-bottom:10px;
}

.header-link-1 span {
    font-size: 18px;
    font-weight: 600;
}
.header-link-1:hover {
    background:#FFF500;
    color:#000;
}

.navbar.bg-dark {background-color: #111 !important;}
.navbar-nav > li.nav-item {padding-left: 0.5rem; padding-right: 0.5rem;}
/* Shrink the hamburger icon a little on mobile */
.navbar-toggler {
    padding: 0.2rem;
    background-color:transparent!important;
    border:1px solid rgba(255, 255, 255, 0.8)!important;
}
.navbar-toggler-icon {width: 1.2rem; height: 1.2rem;}

.dropdown-item {
	width: auto !important;
}
.fb-blue {color: #3B5998 !important;}
.fb-blue:hover {color: #fff !important;}

.twitter-blue {color: #00aced !important;}
.twitter-blue:hover {color: #fff !important;}

.insta {color: #fff !important;}
.insta:hover {color: #ccc !important;}

.header {
	width: 100%;
}

.head-contain {
	width: 95%;
	margin: 0 auto;
}

.top-bar {
	width: 95%;
    margin: 0 auto;
    text-align: right;
}

.header-contain {
	display: flex;
	padding: 1rem 0;
	align-content: center;
	align-items: center;
}

.left-side {
	padding: 0 15px;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.left-side a:first-child {
    margin:0 20px 0 0;
}
.left-side a {
    margin:0 20px;
}

.right-side {
	padding: 0 15px 0 0;
    width: 50%;
}

.right-side-text {
	display: flex;
}

.icon {
	padding-right: 60px;
}

.address {
	width: 50%;
}
.mobile{display:none;}
/*======================================

			Carousel Styles

======================================*/
.carousel-card {
	position: absolute; 
	bottom: 10px; 
	left: 10%;
	width: 50%;
}

/* Fixes issue with transition in Firefox */
.carousel-item {
	transition: -webkit-transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
	-webkit-backface-visibility: visible;
	        backface-visibility: visible;
}




#smaller-logo {
	max-width: 10% !important;
}


/*======================================

			Content Styles

======================================*/
.col-12.man-logos img {
	max-width: 14%;
    min-width: 10%;
	margin: 2px 2.5%;
}

/* Inventory Category Links */
.inventory-category-tile {
	height: 200px;
	background-image: url(../siteart/categories/all.jpg);
	background-position: center center;
	background-size: cover;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,245,0,0.75);
	left: 0;
	transition: 0.4s;
}

.overlay > h4 {
	font-family: Changa, sans-serif;
	font-weight: 400;
	height: 3.0rem;
	width: 100%;
	position: absolute;
	top:0;bottom:0;
	text-shadow: 0 0 2px rgba(255,255,255,1.0);
	margin: auto;
	text-align: center;
	color: #111;
	transition: 0.2s;
}

.overlay:hover {background-color: rgba(255,245,0,0);}
.overlay:hover > h4 {
	text-shadow: 0 0 2px rgba(0,0,0,1.0);
	font-weight: 700;
	color: #fff500;
}

.category-selector {cursor: pointer;}
.category-selector:hover {border-color: rgba(0,0,0,0.3) !important;}

.category-selector.active {background-color: #eee;}

.p-5{
	width: 100%;
}

.p-md-5{
	width: 100%;
}




/*======================================

		Contact Form Styles

======================================*/
form#request-form {
	width: 100%;
	display: inline-block;
}

form#request-form input, form#request-form textarea, form#request-form select {
	width: 100%;
	padding: 5px 10px;
	margin: 6px 0;
	border: 1px solid #ddd;
}

form#request-form select {
	color: #707070;
}

form#request-form input:focus, form#request-form textarea:focus {
	border: 1px solid #bbb;
}

/* One line Captcha */
.CaptchaPanel {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	text-align: center;
	line-height:normal !important;
}

.CaptchaImagePanel {
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 50%;
	display: inline-block;
	float: left;
}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:11px;
	line-height:13px;
	width: 50%;
	display: inline-block;
	float: left;
}

.CaptchaAnswerPanel {
	margin:0 0 0 0;
	padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}

.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
#CaptchaImage {margin-top: 10px !important;}
#CaptchaAnswer {width: 40% !important;}






/*======================================

			Footer Styles

======================================*/
.footer-contain {
	display: inline-flex;
}

.facebook {
	margin-left: 5%;
}

/*======================================

			FACETED INVENTORY

======================================*/

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin-top: -2px !important;
	margin-left: 3px !important;
}

.list-content .list-top-section .sticky-top-menu {
    padding-top:50px;
}

.faceted-search-content .selected-facets-container .selected-facet,.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn,.detail-content .dealer-info .phone-and-email .send-email-btn,.view-listing-details-link, .buy-now-link,.detail-content .detail-additional-data .data-row .data-label,.compare-listings-container .compare-container .button,.modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input,.detail-content-mobile .contact-options a,.detail-content-mobile .detail-contact-bar .contact-bar-btn {
		color: #212529 !important;
    background-color: #ffc107 !important;
    border: 1px solid #212529 !important;
}

.detail-content .detail-additional-data .data-row .data-label {
	font-weight: bold !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
	background-color: #212529 !important;
}

.list-content .price-container .price,.list-content .list-title .list-listings-count,.currency-selector,.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3,.compare-listings-container .compare-container .compare-price,.bread-crumbs-heading .return-links .return-links-link span,.rent-title-details, .lease-title-details, .fractional-title-details {
	color: #212529 !important;
}


.compare-chkbox-container .compare-listings .fa-check {
	top: 3px !important;
	left: 1px !important;
}

.compare-chkbox-container .compare-listings .compare-label {
	margin-bottom: 6px !important;
	margin-left: 4px !important;
}

.list-content .list-container .buy-now-link, .list-content .list-container .contact-btn, .list-content .list-container .check-availability, .list-content .list-container .email-seller, .list-content .list-container .video-chat, .list-content .list-container .facebook-messenger, .list-content .list-container .whatsapp, .list-content .list-container .text {
	color: #fff !important;
}

/*======================================

		  Responsive Styles

======================================*/

@media screen and (max-width: 1703px) {
	#sales-text {
		font-size: 24px !important;
	}
}


@media screen and (max-width: 1499px) {
	#sales-text {
		font-size: 22px !important;
		
	}
	
	#remove {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

@media screen and (max-width: 1338px) {
	#sales-text {
		font-size: 20px !important;
	}
}



@media screen and (max-width: 1180px) {
	.navbar-nav > li.nav-item {padding-left: 0.2rem; padding-right: 0.2rem;}
 
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
}
}

/*===== Bootstrap col-lg breakpoint =====*/
@media screen and (max-width: 992px) {
	html {font-size: 14px;}
	
	.nav-link, .nav-dropdown {padding: 0.2rem 0;}
}

@media screen and (max-width: 991px) {
	.right-side {
		display: none !important;
	}
	
	.header-contain {
		display: block !important;
		text-align: center;
	}
	
	.left-side {
		text-align: center;
    width: 100%;
		max-width: 100%;
		flex: none;
		padding: 0 !important;
	}
	
	#sales-text {
		font-size: 1.5rem !important;
	}
	.mobile{display:block;}
}

/*===== Bootstrap col-md breakpoint =====*/
@media screen and (max-width: 768px) {
	.col-12.man-logos img {max-width: 19%;}
	html {font-size: 18px;}
	
	.footer-contain {
		width: 100%;
	}
}

@media screen and (max-width: 764px) {
	.top-bar {
		font-size: 18px !important;
	}
}

/*===== Bootstrap col-sm breakpoint =====*/
@media screen and (max-width: 635px) {
	.top-bar {
		text-align: center;
	}
}

@media only screen and (max-width: 480px) {
	
}

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

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