@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Oswald&display=swap');
/*body{color:#e5e5e5;}*/
btn-primary {display: none;}
btn-primary > a {padding: 15px 30px;color: #fff !important; font-family: "Oswald","Arial",sans-serif; font-size: 14px; text-transform: uppercase; letter-spacing: .1em !important;} 
/*btn-primary > a {background-color: transparent;} 
btn-primary.hover{background-image:linear-gradient(to right, rgba(37,201,152,0) 0%, rgba(37,201,152,.4) 40%, rgba(37,201,152,.8) 100%); background-repeat: no-repeat; background-size: 200% 100%; transition: background 1s, background-color 1s; color:#FFF;}
btn-primary.active {text-decoration: underline;border-bottom-style:none;}
btn-primary > a.highlight-primary-text:hover{border-bottom-style:none;}*/

/* header */ 
header {position: relative;height: 100px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);} 
/* logo */
header .logo {height: 100%; width: 80%; float: left; padding-right: 0;} 
header .logo a {width: 100%; height: 100%; display: flex; align-items: center;} 
header .logo hr {margin-top: 0; margin-bottom: 0; border-top: 0; border-left: 2px solid #fff; height: 40%; margin-right: 2vw; margin-left: 2vw;} 
header .logo img {height: auto; float: left; max-width: 292px; min-width: 100px; border: 10px solid transparent;} 
header .logo .dealer-name {width: 50%; height: 100%; font-weight: 600; text-transform: uppercase;line-height: 1;display: flex; align-items: center; flex-wrap: wrap;} 
/* navigation */
header .navbar {height: 100%;width: 20%;position: relative;float: left;margin-bottom: 0; padding-left: 0; z-index: 3;} 
header .navbar hr {display: none;} 
header .navbar .navbar-toggle {background-color: #198667; color:#FFFFFF; border-radius: 0; padding: 15px 10px; margin-right: 0; margin-bottom: 0; margin-right: 20px;} 
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {background-color: #198667; color:#FFFFFF} 
header .navbar .navbar-toggle .icon-bar {background-color: #ffffff; color:#FFFFFF !important;} 
header .navbar .navbar-header {height: 100%;display: flex;align-items: center;width: 100%;justify-content: flex-end;} 
header .navbar .navbar-collapse {padding-left: 0; padding-right: 0; position: absolute;top: 99px;right: 0;width: 300px;} 
header .navbar .navbar-nav.navbar-right {margin-right: 0;height: 40%;margin: 0;float: left !important;width: 100%;padding-bottom:20px;}
header .navbar .navbar-nav > li {width: auto;float: none;} 
header .navbar .navbar-nav > li.btn.btn-primary {display: none;}
header .navbar .navbar-nav > li.btn.btn-primary.active {text-decoration: underline;}
header .navbar .navbar-nav > li.btn.btn-primary > a {padding: 15px 30px;color: #fff !important; font-weight:normal !important; letter-spacing:.1em;} 
header .navbar .navbar-nav > li > a {font-family: "Oswald","Arial",sans-serif;/*font-size: 1vw !important;*/letter-spacing: .1em;text-transform: uppercase;line-height: 14px;/*font-weight: 600;*/padding-top: 10px;padding-bottom: 10px;}
header .navbar .navbar-nav > li:not(.active) > a:hover {cursor: pointer; border-bottom: 2px solid #198667;}
header .navbar .navbar-nav > li.btn-primary > a.highlight-primary-text:hover{border-bottom-style:none;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {background-color: #198667; color:#FFFFFF !important;} 
header .navbar .navbar-nav > li.exp .dropdown-menu {display: block; border-radius: 0; border: none; min-width: 200px; box-shadow: none;} 
header .navbar .navbar-nav > li.exp .dropdown-menu > li > a {font-size: 14px;} 
header ul li.dropdown > a[href^=javascript]{cursor:default;}
header .navbar-default .navbar-nav > .active.btn.btn-primary > a {background-color: transparent;} 
.navbar-default {background-color:transparent;border:0;} 
.navbar-default .navbar-toggle{border:0;font-size:18px;} 
.nav>li>a:hover, 
.nav>li>a:focus{text-decoration:none;background-color:inherit;} 
.dropdown-menu>.active>a, 
.dropdown-menu>.active>a:hover, 
.dropdown-menu>.active>a:focus {color:inherit;background-color:inherit;} 
.caret {display: none;} 
/* footer */ 
footer {position: relative;} 
footer.highlight-primary{background-color:#e7e7e7 !important;color:#666666 !important;}
footer #nav-mobile .footer-menu {padding-left:0;margin-bottom:0;} 
footer #nav-mobile .footer-menu > li {display:inline-block; width: 100%;} 
footer #nav-mobile .footer-menu > li a {font-family: "Oswald","Arial",sans-serif; font-size:14px;letter-spacing:.1em; font-weight:normal;text-transform:uppercase;color:#666666 !important;} 
footer #nav-section {display:none;} 
footer #nav-section .footer-menu {display: flex; width: 100%;padding: 0;margin: 0;list-style: none; align-items: start; justify-content: space-evenly;} 
footer #nav-section .footer-menu > li {width: inherit; display: inline-block;} 
footer #nav-section .footer-menu > li > a {font-family:"Oswald","Arial",sans-serif;letter-spacing:.1em;font-weight:400;color:#666666 !important;text-transform:uppercase;font-size:14px;display:inline-block;margin-top:20px;margin-bottom:20px;border-bottom:2px transparent solid;}
footer #nav-section .footer-menu > li:not(.active) > a:hover {cursor: pointer; border-bottom: 2px solid #198667;}
footer #nav-section .footer-menu > li.active > a {border-bottom: 2px solid #198667;color:#666666 !important;}
footer #nav-section .footer-menu .dropdown > a[href="javascript:;"]{cursor:default;} 
footer #nav-section .footer-menu .dropdown .dropdown-menu {position: relative; top: 0; left: 0; display: inline-block; float: left; min-width: 0; padding: 0; margin: 0; list-style: none; font-size: 12px; background: none; border: 0; box-shadow: none;} 
footer #nav-section .footer-menu .dropdown .dropdown-menu > li.active > a {border-bottom: 2px solid #198667;color:#666666 !important;}
footer #nav-section .footer-menu .dropdown .dropdown-menu > li > a {padding: 3px 0; white-space: inherit;} 
footer #nav-section .footer-menu .dropdown .dropdown-menu > li > a:hover,
footer #nav-section .footer-menu .dropdown .dropdown-menu > li > a:focus,
footer #nav-section .footer-menu .dropdown .dropdown-menu > li > a:active {background-color: transparent; border-bottom: 2px solid #198667;}
footer #legal-section {display: block;width:100%;font-family: "Oswald","Arial",sans-serif; font-size:14px;letter-spacing:.1em; font-weight:400;border-top:1px #666666 solid;color:#666666 !important;}
footer #legal-section hr {display: none;}
footer #legal-section .legal {display: inline-block; width: calc(85% - 10px);} 
footer #legal-section .legal > div span {display: block;} 
footer #legal-section .legal > div span:nth-of-type(1) {margin-bottom: 10px;} 
footer #legal-section .legal span a {display:none;text-transform:uppercase;font-weight:400;} 
footer #legal-section .legal span a:hover, footer #legal-section .legal span a:active { border-bottom: 2px solid #198667;} 
footer #legal-section .poweredby {display: block;} 
/* bootstrap resets */ 
.row.block {margin-bottom:0;} 
.row {margin-left:0;margin-right:0;} 
.btn {padding: 15px 30px;} 
div[class*="col-xs-"]:not(.column-pad), 
div[class*="col-sm-"]:not(.column-pad), 
div[class*="col-md-"]:not(.column-pad), 
div[class*="col-lg"]:not(.column-pad){padding-left:0;padding-right:0;} 
h1, .h1, h2, .h2, h3, .h3 {margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; text-align: center;}

.container .page-title h1.h1,
.container .page-title-block  div h1.h1{font-size:24px;text-transform:capitalize;letter-spacing:0.1em;}

#zipModal input#zipfld{padding:12px 4px;border:1px solid #999;line-height:16px;display:inline;height:40px;min-width:80px;vertical-align:middle;}
#zipModal button#zipOK{line-height:10px;font-size:14px !important;}
#ziperror{color: #900}

@media (max-width: 991px) { 
	header .navbar {position:relative;top:0;right:0;padding-right:0;} 
} 
@media (min-width: 768px) { 
	/* navigation */
	header .navbar .navbar-toggle {display: block;} 
	header .navbar-collapse.collapse {display: none !important;}
    header .navbar-collapse.collapse.in {display: block !important;}
	/* footer */
	footer #nav-mobile .footer-menu > li {width: 33.333%;}
	.container .page-title-block  div h1.h1,.container .page-title h1.h1{font-size:30px;}
} 
@media (min-width: 992px) { 
	/* logo */ 
	header .logo {width: 30%;} 
	header .logo hr {display: block; margin-top: 0; margin-bottom: 0; border-top: 0; border-left: 2px solid #fff; height: 40%; margin-right: 2vw; margin-left: 2vw;} 
	header .logo .dealer-name {width: 70%;} 
	/* navigation */ 
	/*header .navbar {width: 70%;} 
	header .navbar hr {display: block;margin-top: 0;margin-bottom: 0;border-top: 0;border-left: 2px solid #fff;height: 40%;margin-right: 1vw;margin-left: auto;} 
	header .navbar .navbar-header, 
	header .navbar .navbar-toggle {display: none;}
	header .navbar .navbar-nav.navbar-right {float: right !important;width: auto;padding-bottom:0;}
	header .navbar .navbar-collapse {position: relative; top: 0; height: 100% !important;line-height: 1;display: flex !important;align-items: center;flex-wrap: nowrap;float: right;width: 100%;} 
	header .navbar-collapse.collapse.in {display: flex !important;}
	header .navbar .navbar-nav > li.btn.btn-primary {display: block; padding: 0; margin-left: 10px;} 
	header .navbar .navbar-nav > li {float: left;}
	header .navbar .navbar-nav > li > a {font-size: 10px; padding-top: 15px; padding-bottom: 15px;}
	header .navbar .navbar-nav > li.active a {border-bottom: 2px solid #198867;} 
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover {background-color: transparent;} 
	header .navbar .navbar-nav > li.desktop.active a {border-bottom-style: none;}*/
	/* footer */ 
	footer.row-pad,
	footer .row-pad {padding-top: 40px; padding-bottom: 40px;}
	footer #nav-section {display: block;position: relative;width: 100%;} 
	footer #nav-section .footer-menu > li {text-align: center;} 
	footer #legal-section hr {display: inline-block; width: 1px; margin-left: 1vw; margin-right: 1vw; height: 24px; background: #666666; margin-top: 0; margin-bottom: 0; vertical-align: middle;} 
	footer #legal-section .legal {width: calc(75% - 10px);}
	footer #legal-section .legal > div span {display: inline-block; font-size: 10px;} 
	footer #legal-section .legal > div span:nth-of-type(1) {margin-bottom: 0;} 
	footer #legal-section .legal span a {display: inline-block;} 
	footer #legal-section .legal span.btt a::before {content: "\f077"; font-family: "fontAwesome"; padding-right: 10px; padding-bottom: 1px;} 
	footer #legal-section .poweredby {display: inline-block; width: calc(25% - 10px); text-align: right; font-size: 10px;} 
}

@media (min-width: 1200px) { 
	/* navigation */
	header .navbar {width: 70%;} 
	header .navbar hr {display: block;margin-top: 0;margin-bottom: 0;border-top: 0;border-left: 2px solid #fff;height: 40%;margin-right: 1vw;margin-left: auto;} 
	header .navbar .navbar-header, 
	header .navbar .navbar-toggle {display: none;}
	header .navbar .navbar-nav.navbar-right {float: right !important;width: auto;padding-bottom:0;}
	header .navbar .navbar-collapse {position: relative; top: 0; height: 100% !important;line-height: 1;display: flex !important;align-items: center;flex-wrap: nowrap;float: right;width: 100%;} 
	header .navbar-collapse.collapse.in {display: flex !important;}
	header .navbar .navbar-nav > li.btn.btn-primary {display: block; padding: 0; margin-left: 10px;} 
	header .navbar .navbar-nav > li {float: left;}
	header .navbar .navbar-nav > li > a {font-size: .9vw !important; padding-top: 15px; padding-bottom: 15px;}
	header .navbar .navbar-nav > li.active a {border-bottom: 2px solid #198667;} 
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover {background-color: transparent;} 
	header .navbar .navbar-nav > li.desktop.active a {border-bottom-style: none;}
	/*header .navbar hr {margin-left: auto;}
	header .navbar .navbar-nav > li > a {font-size: .9vw !important;}*/
	/* footer */
	footer #legal-section .legal > div span {font-size: 12px;} 
	footer #legal-section .poweredby {font-size: 12px;}
}