/***** BEGIN RESET *****
font-family: 'Hind', sans-serif;
font-family: 'Montserrat', sans-serif;


*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

a img {
  padding: 0;
  margin: 0;
  display: block;
}

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family: 'Hind', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Montserrat', sans-serif;
}
p {
	font-family: 'Hind', sans-serif !important;
	font-size: 16px;
	    font-weight: 500;
	line-height: 1.5;
}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {
	
	box-shadow: rgb(0 0 0 / 15%) 0px 2px 8px;
    position: relative;
	background: #fff;
}

.flex-head {
	width: 90%;
	margin: 0 auto;
	justify-content: space-between;
	padding: 8px 0;
}

.logo {
    display: flex;
    align-items: center;
    gap: 40px;
}

.logo a img {
	max-width:100%;
	width: 95px;	
}

.secondary-logo {
	display: flex;
}
.secondary-logo img {
   	width: 140px !important;
    max-width: 100%;
}

.right-side {
	gap: 15px;
	    display: flex;
    flex-direction: column;
    align-items: flex-end;
	justify-content: space-between;
}


.top-head {
	display: flex;
    align-items: baseline;
    gap: 15px;
}

form.detailed-search {
    display: flex;
    align-items: center;
}

.inv-search {
	border: 1px solid #bbb;
	padding: 3px;
}

.inv-search input {
    border: none !important;
    font-size: 16px;
	padding: 0 0 0 5px;
	font-family: 'Hind', sans-serif;
	    line-height: 2;
	width: 100%;
}

.inv-search button {
    border: none;
    background: none;
    font-size: 16px;
    padding: 0 5px 0 0;
	color: #242c7a;
	cursor: pointer;
	
}

.social-icons {
	display: flex;
    gap: 10px;
}

.social-icons a {
    font-size: 18px;
	color: #bbbbbb;
	transition: .3s all;
}

.social-icons a:hover {
	color: #242c7a;
}

a.head-phone {
    font-size: 16px;
    font-weight: 700;
	color: #242c7a;
	font-family: 'Montserrat', sans-serif;
	
	transition: .3s all;
}

a.head-phone:hover {
	color: #bbbbbb;
}

.mobile-only {
	display: none;
}

.mobile-only {
	 background: #31377a;
}

.mobile-only .wid-90 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.left-side-mobile {
	display: flex;
    gap: 20px;
    align-items: center;
}

/*---BODY--------------------------------*/
.wid-90 {
	width: 90%;
	margin: 0 auto;
}

.wid-80 {
    width: 80%;
    margin: 0 auto;
}

.wid-75 {
    width: 75%;
    margin: 0 auto;
}

#pad-l {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.page-container {
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
}

.grey-bg {
	background: url("../siteart/body-bg.jpg") repeat;
}

.navy-bg {
	    background: #0f084e;
	color: #fff !important;
}
.flex-container {
	display: flex;
}

.center {
	text-align: center;
}

.hero-flex {
	
}

.hero {
	display: flex;
    justify-content: space-between;
    background: #0f084e;
}

.hero-text {
	flex: 1;
    color: #fff;
    display: flex;
    align-items: center;
}

.hero-text h1 {
    font-size: 60px;
    line-height: 64px;
    margin-bottom: 25px;
}

span.light-grey {
    font-weight: 400;
    color: #b1b1b1;
}

span.dark-blue-bg {
   display: inline-block;
    height: 28px;
    background-color: #242c7a;
    color: white;
    line-height: 1px;
    padding: 5px;
}

.hero-element {
	background-size: contain;
    flex: 1;
    margin-bottom: -4.5%;
    width: 100%;
}



span.rent-head {
    display: inline-block;
    height: 20px;
    background-color: #242c7a;
    color: white;
    line-height: 12px;
    padding: 0;
    font-size: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.hero-element img {
        max-width: 100%;
    width: 100%;
}



/*---home page---*/
.page-container {
	width: 90%;
	margin: 0 auto;
}

#pad-xl {
	padding-top: 90px;
	padding-bottom: 90px;
}

.flex-container.home-half {
    gap: 100px;
	align-items: center;
}

.cat-buttons.flex-container {
    flex: 1;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.home-text {
    flex: 1;
}

.cat-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    padding: 25px 0;
    font-family: 'Montserrat', sans-serif;
    flex-wrap: wrap;
    font-weight: 600;
}


a.cat-btn.inv-sale,a.cat-btn.inv-rent {
        flex-basis: 40%;
    flex-grow: 1;
}

a.cat-btn.inv-sale {
	background: url("../siteart/sale-btn.jpg") no-repeat;
	background-size: cover;
	background-position: 25% 37%;
	transition: .6s all;
}

a.cat-btn.inv-rent {
	background: url("../siteart/rent-sale2.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	transition: .6s all;
}

a.cat-btn.at-btn {
    flex-basis: 100%;
	background: url("../siteart/online-auction2.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	transition: .6s all;
}

a.cat-btn.inv-rent:hover {
	border-top-right-radius: 30px;
	overflow: hidden;
}

a.cat-btn.inv-sale:hover {
	border-top-left-radius: 30px;
	overflow: hidden;
}

a.cat-btn.at-btn:hover {
	border-radius: 0 0 30px 30px;
	overflow: hidden;
}
img.cat-ico {
    max-width: 100%;
    width: 100px;
    display: block;
	margin: 0 auto 10px;
}

.icon-img {
	flex-basis: 100%;
	text-align: center;
}

.home-text h2 {
    font-size: 32px;
    margin-bottom: 15px;
}

.half-page {
   flex: 1;
    background: #0f084e;
    color: #fff;
    padding: 60px 0px;
}

.half-page h3 {
    font-size: 28px;
    text-transform: uppercase;
}

.half-img {
    flex: 1;
	background: url("../siteart/rent-half.png") no-repeat;
	background: cover;
	background-position: center;
}

.rent-list {
	    margin-top: 22px;
    margin-bottom: 22px;
	    display: flex;
	gap: 20px;
}
.rent-list li {
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 15px;
	    font-weight: 500;
}

ul.fa-ul.flex-container.rent-list {
    margin-left: 40px;
    flex-wrap: wrap;
    margin: 20px 0px 20px 40px;
}

span.half-list {
    position: relative;
    display: inline-block;
    flex-basis: 40%;
	flex-grow: 1;
}

/*----CONTACT US STYLES----*/

.contact-half {
	background: #0f084e;
	padding: 50px 0;
}
.contact-half,.map-half {
	flex: 1;
	color: #fff;
}

.contact-half a {
	color: #fff;
	
}



.contact-ico {
    font-size: 18px;
    margin-right: 8px;
    color: #bbb;
	transition: .3s all;
}

.contact-half p {
    font-size: 18px;
    margin-bottom: 15px;
}

.contact-half a:hover .contact-ico {
	color: #fff !important;
}

.map-half {
	display: inherit !important;
}

.map-half iframe {
	-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
/*----BUTTON STYLES----*/

.button-wrap {
	margin-top: 30px;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
button.buy-btn {
    padding: 8px 30px;
    background: transparent;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
	font-family: 'Hind', sans-serif;
	font-weight: 600;
	cursor: pointer;
	transition: .3s all;
}

button.buy-btn:hover {
	background: #fff;
	 color: #0f084e;
}

button.rent-btn {
    padding: 8px 30px;
    background: #fff;
    border: 2px solid #fff;
    font-size: 16px;
    color: #0f084e;
	font-family: 'Hind', sans-serif;
	font-weight: 600;
	cursor: pointer;
	transition: .3s all;
}

button.rent-btn:hover{
	background: transparent;
	color: #fff;
}

button.blue-btn {
	padding: 8px 30px;
    background: #242c7a;
    border: 2px solid #242c7a;
    font-size: 16px;
    color: #fff;
	font-family: 'Hind', sans-serif;
	font-weight: 600;
	cursor: pointer;
	transition: .3s all;
}

button.blue-btn:hover {
	background: #0f084e;
}

/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{}


.foot-icon {
    color: #ababad;
    margin-right: 5px;
}

.white-top {
	    border-top: 2px solid #31377a;
	background: #fff;
}
.white-top .wid-90.flex-container {
    padding: 20px 0;
    justify-content: space-between;
}

 .foot-links a {
	font-size: 18px;
	color: #2f3679;
	 text-transform: uppercase;
	 font-weight: 600;
	 font-family: 'Montserrat', sans-serif;
	 transition: .3s all;
}
.foot-links a:hover {
	 color: #ababad;
}

.blue-bg {
    background: #31377a;
    padding: 30px 0;
    color: #fff;
}

footer .wid-90.flex-container {
    justify-content: space-between;
}


span.foot-title {
	text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
	margin-bottom: 10px;
	line-height: 14px;
}

.foot-col a,.foot-col p {
	color: #fff;
	font-size: 14px;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----


*/

.list-top-section .list-title .list-listings-count,.list-content .price-container .price {
	color: #242c7a !important;
}

.faceted-search-content,.list-content .list-main-section,.detail__specs-label, .detail__specs-label_showroom {
	background: #fff !important;
	

}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name,.list-content .listing-description,.list-content .list-listing .listing-main-stats,.list-content .list-listing .listing-top-right,.list-content .spec-value,.list-content .list-listing .listing-main-stats .spec-label {
	font-family: 'Hind', sans-serif !important;
}

.list-top-section .list-title .list-title-text,.list-content .listing-portion-title,.faceted-search-content .faceted-section-head,.list-content .price-container .price,.view-listing-details-link,.faceted-search-content .faceted-section-box .faceted-search,.list-content .list-container .buy-btn, .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,.faceted-search-content .faceted-section-box .faceted-search,.list-content .listing-widgets a,.list-content .list-error-container .info button,.faceted-search-content .selected-facets-container .selected-facet {
	font-family: 'Montserrat', sans-serif !important;
}

.view-listing-details-link,.list-content .list-error-container .info button,.faceted-search-content .selected-facets-container .selected-facet {
	background: #242c7a !important;
	border: 1px solid #242c7a !important;
	border-radius: 0 !important;
	color: #fff !important;
}

.list-content .list-container .buy-btn, .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,.faceted-search-content .faceted-section-box .faceted-search {
	background: #0f084e !important;
	border-radius: 0 !important;
	
}

.faceted-search-content .faceted-section-box .faceted-search {
	text-transform: uppercase !important;
    font-weight: 600 !important;
}

.view-listing-details-link:hover,.list-content .list-error-container .info button:hover,.faceted-search-content .selected-facets-container .selected-facet:hover {
	background: #fff !important;
	color: #242c7a !important;
}

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1620px) {
	.hero-text h1 {
    font-size: 55px;
    line-height: 58px;
	}
}

@media only screen and (max-width: 1520px) {
	.hero-text h1 {
    font-size: 48px;
    line-height: 58px;
	}
}

@media only screen and (max-width: 1400px) {
	.flex-container.home-half {
    gap: 70px;
	}
	
	span.half-list:first-of-type {
    margin-right: 50px;
}
	span.half-list {
    width: 43%;
}
	
}


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

.hero-text h1 {
    font-size: 44px;
    line-height: 50px;
}
	.cat-btn {
		font-size: 16px;
	}
	
	
}


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

.hero-text h1 {
    font-size: 38px;
    line-height: 44px;
}
	
	span.dark-blue-bg {
		height: 18px;
	}
	
	.hero-element {
		    margin-bottom: -4.8%;
	}
	
	.half-page .wid-75 {
    width: 90%;
		
	}
	
	span.half-list {
    width: 45%;
}
	
	span.half-list:first-of-type {
    margin-right: 30px;
}
	.mobile-only {
	display: block;
		padding: 10px 0;
}
	
	.top-head {
		display: none;
	}
	
	a.head-phone {
		color: #fff !important;
	}
	
	.inv-search {
		border: none !important;
    padding: 3px 5px;
    background: #fff;
    margin: 5px 0;
}
	
	
	.mobile-only .wid-90 {
		flex-wrap: wrap;
	}
	
	form.detailed-search,.left-side-mobile {
		justify-content: space-between;
	}
	
	.right-side-mobile,.left-side-mobile {
		flex-basis: 100%;
	}

}

@media only screen and (max-width: 1100px) {
.hero-text h1 {
    font-size: 32px;
    line-height: 40px;
	}
span.dark-blue-bg {
    height: 14px;
}
	.flex-container.home-half {
		flex-wrap: wrap;
	}
	
	.cat-buttons.flex-container {
		flex-basis: 100%;
	}
	
	a.cat-btn.at-btn, a.cat-btn.inv-sale, a.cat-btn.inv-rent {
    flex-basis: 25%;
    text-align: center;
		flex-grow: 1;
		padding: 20px;
}
	a.cat-btn.at-btn:hover, a.cat-btn.inv-sale:hover, a.cat-btn.inv-rent:hover {
		border-radius: 30px 0 30px 0;

	}
	
}

@media only screen and (max-width: 1000px) {
	
	.hero-text {
		flex-wrap: wrap;
	}
	.hero-text {
		flex-basis: 100%;
	}
	
	.hero-element {
		display: none;
	}
	
	.hero-text .wid-75 {
		width: 90%;
		padding: 6% 0;
		padding: 60px 0;
	}
	
	span.dark-blue-bg {
    height: 20px;
}
	
	.hero-text h1 {
    font-size: 45px;
    line-height: 48px;
}
	
	.home#pad-xl {
		padding-top: 60px;
			padding-bottom: 60px;
	}
	.flex-container.home-half {
    gap: 60px;
}
	
	span.half-list {
    width: 40%;
}
		.flex-half {
		flex-wrap: wrap;
	}
	.contact-half, .map-half {
		flex-basis: 100%;
	}
	
	.map-half iframe {
		height: 300px;
	}
	
	.contact-half .wid-80 {
		width: 90%;
	}
	
	.contact-half {
		order: -1;
	}
	
}

@media only screen and (max-width: 900px) {
	.half-img {
		display: none;
	}

	span.half-list {
		flex: 1;
	}
	
	.rent-list {
		display: flex;
		gap: 10px;
	}
	
	a.head-phone {font-size: 13.5px; text-align: center;}
	
}
@media only screen and (max-width: 700px) {
	.foot-col {
    flex-basis: 45%;
    flex-grow: 1;
}
	footer .wid-90.flex-container {
    flex-wrap: wrap;
    gap: 20px;
}

	
}

@media only screen and (max-width: 660px) {
	.foot-links span {
		display: none;
	}
	
	.foot-links a {
    font-size: 34px;
	}
	
	
}

@media only screen and (max-width: 560px) {
	span.dark-blue-bg {
    height: 15px;
}
	.hero-text h1 {
    font-size: 36px;
    line-height: 40px;
}
		.foot-col {
    flex-basis: 100%;
    flex-grow: 1;
}
	
}

@media only screen and (max-width: 460px) {
	a.cat-btn.at-btn, a.cat-btn.inv-sale, a.cat-btn.inv-rent {
		flex-basis: 100%;
		justify-content: space-between;
		    gap: 15px;
	}
	.flex-head {gap: 30px;}
	.cat-btn {
		flex-wrap: nowrap
	}
	
	.logo{gap:10px;}
	
	.icon-img  {
		flex-basis: fit-content !important;
		order: 1 !important;
		text-align: right !important;
	}
	
	.cat-btn span {
		order: -1;
		    flex-basis: 100%;
		flex-grow: 1;
		text-align: left;
	}
	
	img.cat-ico {
    max-width: 50px;
    width: 100%;  
		margin: 0 !important;
	}
	
	.rent-list {
		flex-wrap: wrap;
	}
	
	span.half-list {
		flex-basis: 100%;
	}
	
	span.rent-head {
		font-size: 28px;
	}
		
	span.dark-blue-bg,span.rent-head {
		background: transparent;
		line-height: 42px;
	}
	
	span.rent-head {
		line-height: 32px !important;
	}
	.button-wrap a {
    flex: 1;
}
	
	button.buy-btn,button.rent-btn {
		width: 100%;
	}
	
	.left-side-mobile {
		flex-wrap: wrap;
	}
	
	.left-side-mobile span {
		flex-basis: 100%;
	}
}


@media only screen and (max-width: 430px) { 
	.button-wrap a {
		flex-basis: 100%;
	}
}

@media only screen and (min-width:768px) and (max-width: 1130px) {
	
}


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

	
}