html { font-size:98%;}
body{ background-color: #fdfdfd; margin:0; font-family: 'Roboto', sans-serif!important; font-size: 1rem; color: #424242!important;height: 100vh; /* Sets the height to full viewport height */}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: 'Barlow Semi Condensed', sans-serif; text-transform: uppercase;}
h1,h2,h3,h4,h5,h6 {font-weight: 800!important;}
.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 700!important;}
.roboto{font-family: 'Roboto', sans-serif;}
.barlow {font-family: 'Barlow Semi Condensed', sans-serif;}
.sm-text {font-size:.85em;}
.lg-text {font-size:2.5em;}
.bg-blue {background-color: #4e6eb8!important;}
.bg-green {background-color: #62b84e!important;}
.bg-mint {background-color: #4eb885!important;}
.bg-yellow {background-color: #b2b84e!important;}
.bg-red {background-color: #b84e4e!important;}
.bg-purple {background-color: #914eb8!important;}
.bg-orange {background-color:rgba(226,97,40,1.0)!important;}
.bg-dk-blue {background-color: #2c3f68!important;}
.bg-black {background-color: rgba(25,35,55,0.90)!important;}
.bg-black-trans {background-color: rgba(52,60,76,0.75)!important;}
.bg-white-trans {background-color: rgba(255,255,255,0.50)!important;}
.bg-blue-gradient {/*edit his gradient: https://colorzilla.com/gradient-editor/#2c3f68+0,42608b+39,4e6eb8+100 */
background: linear-gradient(to right,  #2c3f68 0%,#42608b 39%,#4e6eb8 100%);
}
.bg-white-trans-gradient {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+49,ffffff+93&0+0,0.85+27,0.25+86,0+100 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 27%,rgba(255,255,255,0.63) 49%,rgba(255,255,255,0.25) 86%,rgba(255,255,255,0.13) 93%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.boto {display: none; visibility: hidden; max-height: 0; overflow: hidden;}

.narrow {width:95%; max-width: 900px; margin-left:auto; margin-right:auto;}
.box {background-color: #fff; border:none; box-shadow: 0 0 4px 0 #b8b8b8; padding: .95em;}


.form-label {text-transform: uppercase; font-weight:500; font-size: .8rem; line-height: .8rem;}
.form-control {font-weight:600; font-size: .95rem; line-height: .8rem;}
.box-third p {font-size: .9em;}
.box-third ul,.box-third ol {font-size: .9em; line-height: 2em;}

/* top of sub page counts buttons .box */
.mainnavbar {
    background: #2c3f68;
	box-shadow: 0 0 7px 1px #424242;
   /*  transition: background-color 0.5s ease-in-out; Example of combining properties */
}

.mainnavbar, .mainnavbar .container {
    will-change: box-shadow, background-color, max-width; /* Optimize for these properties, but use sparingly */
}

.scrolled {
   /*  background: linear-gradient(to bottom, #2c3f68 0%,#4e6eb8 100%) !important;
    No need for transition-property or transition-duration here if they're the same for both states */
}

.mainnavbar .container {
    max-width: 900px !important;
    transition: max-width 3s ease-in-out; /* Smooth transition for max-width */
}

.scrolled .container {
    max-width: 800px !important;
    /* No need for a separate transition property if it's the same */
}
.viewport .container {max-width: 400px!important; transition-duration: 1750ms; transition-property: max-width;}

.fade-in-element { opacity: .5; }

.box-70 {width:70%; margin: auto;}
.box-80 {width:80%; margin: auto;}
.box-90 {width:90%; margin: auto;}
.box-content {width:75%; margin: auto;}
.icon { width: 1em;height: 1em;vertical-align: -.125em; }U
 a.nounder, .nounder, span.nounder {text-decoration: none!important;} 
/*Cols*/
.container {max-width:1300px!important;}
.cols-2,.col-3,.cols-4,.cols-5,.cols-6 { column-gap: 25px;}
.cols-2 {columns: 2;}
.cols-3 {columns: 3; }
.cols-4 {columns: 4;}
.cols-5 {columns: 5;}
.cols-6 {columns: 6;}

.section-gap-120 {padding-top: 120px; padding-bottom: 120px;}
.section-gap-100 { padding-top: 100px; padding-bottom: 100px;}
.section-gap-95 {  padding-top: 95px; padding-bottom: 95px;}
.section-gap-75 {  padding-top: 75px;  padding-bottom: 75px;}
.section-gap-50 {  padding-top: 50px;  padding-bottom: 50px;}

.hover {cursor:pointer;}

.listingimgbg {
  background-position: center;
  background-size:contain;
  background-repeat: no-repeat;
	height:200px
}
.imgbg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.headerbg {
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-color:#2c3f68!important;
 /*#343c4c rgb(34,48,75)28395D*/
}

.dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.btn {text-transform: uppercase; border-radius: 0;}
.btn-primary {background-color:#4e6eb8; border-color:#4e6eb8;}
.btn-primary:hover {background-color:rgba(78,110,184,0.8); border-color:#2c3f68;}
.btn-secondary {background-color:#555555; border-color:#555555;}
.btn-orange {background-color:#4e6eb8; border-color:#4e6eb8; font-weight: 700; color: rgba(255,255,255,0.90)!important;}

.btn-orange:focus {background-color:#2c3f68; border-color:#4e6eb8; color: #FFFFFF;}

.btn-orange:hover {background-color:#2c3f68; border-color:#2c3f68; color: rgba(255,255,255,1.00)!important; transition: background-color 0.75s ease; transition: color 0.5s ease;transition: border 0.75s ease; }

.navbar-toggler { border: none!important;}
.navbar-toggler-icon {
  color: #f8f8f8;
  background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='square' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-toggler:focus {
  box-shadow: none!important;
}
.pricetable {font-size:.9em;}
table.pricetable th {text-align: center; color:#24531E;}
.tblabel {font-weight: 600; color: #808080!important;}

.crumblist {text-transform: uppercase; font-size: .9rem; padding: .5vh 0; font-weight: 600; }
.crumblist a { text-decoration: underline; color:#4e6eb8;}/*#2c3f68;*/
.crumblist a:hover {color:#2c3f68; text-decoration: none;}

button.btn-close {background-color: #EFEFEF!important;}
.btn-close:hover,.btn-close:active {background-color: #FFFFFF!important; border: none; box-shadow: none!important; outline: none;}


.paymentdisclaimer{font-size:10px;font-weight: normal!important; font-style: italic; color:#b8b8b8;}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-size: 15px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-size: 15px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-size: 15px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}

input::placeholder,
textarea::placeholder {
  font-size: 15px;
  letter-spacing: 0.3px;
  text-transform: capitalize;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: .5;
}
textarea:focus,
select.form-select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(155,155,155, 0.8);
 /* border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
  outline: 0 none;
  box-shadow: none!important;
}

.navbar-expand-lg {padding-top: 2vh;padding-bottom: 2vh;}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: transparent;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 600!important; text-transform: uppercase; font-size: 1.5rem;}
.accordion-button:focus{box-shadow: none!important;}


#noCreditCheckLoanFAQ .accordion-button, #no-credit-checkFAQs .accordion-button, #bhphFAQs .accordion-button , #bmfsFAQs .accordion-button {font-family: 'Barlow Semi Condensed', sans-serif; font-weight: 600!important; text-transform: uppercase; font-size: 1rem;}

#noCreditCheckLoanFAQ .accordion-body, #no-credit-checkFAQs .accordion-body, #bhphFAQs .accordion-body, #bmfsFAQs .accordion-body { background-color:#e0e0e0;font-size: .9em;}



.rounded-image img.img-fluid {
 -webkit-border-radius: 2%; -moz-border-radius: 2%; border-radius: 2%;
 box-shadow: 0 0.5rem 1rem rgba(44,44,44,0.15);
}
.modal-content { border:none;}
.modal.fade.show .modal-dialog {
  animation: fade-in-left 0.2s linear;
}
@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-1500px);
  }
  90% {
    opacity: .7;
    transform: translateX(-200px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.modal.fade.hide .modal-dialog {
  animation: fade-out-left 0.2s linear;
}
@keyframes fade-out-left {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  90% {
    opacity: .7;
    transform: translateX(-200px);
  }
  100% {
    opacity: 0;
    transform: translateX(-1500px);
  }
}
.modal-backdrop {
  /* background-color: #914eb8;*/
   background-color: rgba(44,44,44,.9);
   opacity: .8;
}
/****STATE****/



/* Base style for the checkmark span */

.btn.filter-btn .checkmark {
    display: inline-block;
    text-align: center;
    margin-right: 2px;
    visibility: hidden;
	width:1em;
}

.btn.filter-btn.active .checkmark::before {
    content: "\2713"; 
    visibility: visible; 
}
.btn.filter-btn.active  {
    color:rgba(27,135,43,1.00);
}

.btn.filter-btn {
    padding:.75em .25em;
	margin-right:.75em;
    color: #3B4967;
	border:transparent!important;
}


.topdealer2 p{ font-size: 1.25rem; font-weight: 300;}
/*Search page Filters

.zipchange {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-size: 1em;
background-position: right;
background-repeat: no-repeat;
padding-right: 1.5em;
margin-right: .25em;
font-size: .9em;
}*/
.zipchange {
display: inline-block;
padding-right: .5em;
font-size: .8em;
color: #4e6eb8!important;
text-decoration: underline;
cursor: pointer;
}
.zipchange:hover {
text-decoration: none;
}

small.nounder {text-decoration: none!important;font-size: .9em;} 
a.btn.filter-btn-search {
	color:#424242;
	font-size: .8em;
}
.btn.filter-btn-search {
    padding:0  0 0;
	margin-right:.25em;
	line-height: 1.75;
    color: #3B4967;
	border:transparent!important;
	text-transform: inherit;
}
.btn.filter-btn-search .checkmark::before {
    content: "\2713"; 
    visibility: visible;
	color: rgba(25, 135, 84 ,1.0);/**/
	padding:.25em;
	height: auto;
	font-weight: 700;
}
.btn.filter-btn-search:hover {
	color: rgba(144,0,2,1.00);
}

.btn.filter-btn-search:hover .checkmark::before {
    content: "\2715"; 
	background-color: rgba(255,255,255 ,.2);
	
	color: rgba(144,0,2,1.00);
	
}


table.table-hover.tablecategory > tbody > tr > *{
	font-size: .8em;
	text-transform: uppercase;
}
table.table-hover.tablecategory > thead > tr > *{
	font-size: .9em;
	text-transform: uppercase;
	letter-spacing: -1px;
}

table.table-hover.tablecategory > tbody > tr:hover > *,
table.table-hover.tablecategory > tbody > tr:active > *,
table.table-hover.tablecategory > tbody > tr:focus > *
{
	background-color: #4E6EB8;
	color: #FFFFFF;
	cursor: pointer;
}
/*****FOOTER*******/
.footer-part{ background-color:#4E6EB8; color: rgba(255,255,255,.85); padding-top:2vh; padding-bottom:2vh;}
.footer-part ul.footer-list {list-style-type: none!important; margin: 0; padding: 0; }
.footer-part ul.footer-list li {list-style-type: none!important; line-height: 1.5; }
.footer-bottom { background-color:#2c3f68; color: #fefefe; padding:21px 0;}
.footer-bottom a { color: #fefefe;}
.footer-bottom a:hover { text-decoration:none!important;}
.footer-text {}
a.footer-link {font-size: 13px; color: rgba(255,255,255,.85); text-decoration:none!important; text-transform: uppercase; font-weight: 600; }
a.footer-link:hover { color: rgba(255,255,255,.95); text-decoration:underline!important; }

/****BREAKPOINTS****/

@media (min-width: 576px) and (max-width: 767px) {
  .section-gap-120,
  .section-gap-100 {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .section-gap-95,
  .section-gap-75,
  .section-gap-50 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-gap-120,
  .section-gap-100 {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .section-gap-95,
  .section-gap-75,
  .section-gap-50 {
   padding-top: 55px;
   padding-bottom: 55px;
  }
	.box-70 {width:85%; padding: auto;}
	.box-80 {width:85%; padding: auto;}
	.box-90 {width:85%; padding: inherit auto;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .section-gap-120,
  .section-gap-100 {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .section-gap-95,
  .section-gap-75,
  .section-gap-50 {
   padding-top: 65px;
   padding-bottom: 65px;
  }
}

@media (max-width: 768px) {
    .cols-2,.col-3,.cols-4,.cols-5,.cols-6 {column-gap: 15px;}
    .cols-2 {columns: 2;}
    .cols-3 {columns: 2; }
    .cols-4 {columns: 3;}
    .cols-5 {columns: 3;}
    .cols-6 {columns: 3;}
	.box-70 {width:95%; margin: auto;}
	.box-80 {width:95%; margin: auto;}
	.box-90 {width:95%; margin: inherit auto;}
	.listingimgbg { height:300px;background-size:contain;}

	
}

@media (max-width: 575px) {
  .section-gap-120,
  .section-gap-100 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .section-gap-95,
  .section-gap-75,
  .section-gap-50 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

    .cols-2,.col-3,.cols-4,.cols-5,.cols-6 { column-gap:normal; column-rule:hidden;}
    .cols-2 {columns: 1;}
    .cols-3 {columns: 1; }
    .cols-4 {columns: 3;}
    .cols-5 {columns: 3;}
    .cols-6 {columns: 3;}
	.listingimgbg { height:250px; background-size:100%;}

textarea:focus,
select.form-select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color:#4E6EB8;
 /* border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
  outline: 0 none;
  box-shadow: none!important;
}


}
@media (max-width: 415px) {

}