@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700;800&family=Roboto:wght@400;700;900&family=IBM+Plex+Sans:wght@400;700;900&display=swap');
@import url("library.css");
body {font-family: "IBM Plex Sans","Roboto";}
h1.h1,h2.h2,h3.h3,h4.h4 {font-family: "EB Garamond";}
/* 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 #000;height: 40%;margin-right: 2vw;margin-left: 2vw;} 
header .logo img {width: 45%;height: auto;float: left;max-width: 150px;min-width: 100px;border: 5px 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: var(--clr3); border-radius: 0; padding: 15px 10px; margin-right: 0; margin-bottom: 0; margin-right: 20px;}
header .navbar .navbar-toggle .icon-bar {background-color: var(--clr2);} 
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%;} 
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:hover > a {color: var(--clr1) !important;}
header .navbar .navbar-nav > li.btn.btn-primary.active {text-decoration: underline;}
header .navbar .navbar-nav > li.btn.btn-primary > a {padding: 15px 30px; font-weight: 500; font-size: 14px;} 
header .navbar .navbar-nav > li > a {font-size: 14px;text-transform: uppercase;line-height: 14px;font-weight: 600;padding-top: 10px;padding-bottom: 10px;}
header .navbar .navbar-nav > li:not(.active,.btn) > a:hover {cursor: pointer; border-bottom: 2px solid; border-color: var(--clr3);}
header .navbar .navbar-nav > li.btn-primary > a.highlight-primary-text:hover{border-bottom-style:none;} 
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: 12px;} 
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;}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {background-color: var(--clr3);}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {background-color: var(--clr3); color: var(--clr2) !important;}
.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;} 
/* content */ 
h1.h1 {text-align: center;} 
.page-title {border-bottom: 1px solid #707070; padding-bottom: 20px;} 
.img-responsive{width:100%;height:auto;} 
.container{width:100%;padding:0;margin:0;} 
a,a:hover,a:active:not(.link){color:inherit;text-decoration:none;outline:none} 
a:focus{color:inherit;text-decoration:none !important;outline:none !important;} 
.btn[class*="btn-"]{outline:none !important;white-space:normal;}
/* forms */ 
form {text-align: center;} 
form > fieldset > label {margin-bottom: 0; font-weight: normal;} 
.alert {display: none;} 
form .form-control::placeholder {color: #000;} 
form .form-control::-webkit-input-placeholder {color: #000;} 
form .form-control::-moz-placeholder {color: #000;} 
form .form-control:-ms-input-placeholder {color: #000;} 
form .form-control:-moz-placholder {color: #000;} 
/* footer */ 
footer {position: relative;} 
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-weight: bold; text-transform: uppercase;} 
footer #nav-section {display: none;} 
footer #nav-section .footer-menu {display: flex; /*display: block;*/ width: 100%;padding: 0;margin: 0;list-style: none; align-items: start; justify-content: space-evenly;} 
footer #nav-section .footer-menu > li {width: inherit; /*width: auto;*/ display: inline-block;} 
footer #nav-section .footer-menu > li > a {font-weight: bold;text-transform: uppercase;font-size: 12px;display: block; margin-top: 20px; margin-bottom: 20px;} 
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; border-color: var(--clr3);}
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; border-color: var(--clr1);}
footer #legal-section {display: block; width: 100%; font-size: 12px; border-top: 1px solid;}
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: bold;} 
footer #legal-section .legal span a:hover, footer #legal-section .legal span a:active {border-bottom: 2px solid; border-color: var(--clr2);} 
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;} 
@media (max-width: 991px) { 
	header .navbar {position: relative; top: 0; right: 0; padding-right: 0;} 
} 
@media (min-width: 768px) { 
/* logo */
header .logo img {width: 50%;max-width: 345px;}
header .logo .dealer-name {width: 45%;}
	/* 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%;} 
} 
@media (min-width: 992px) { 
	/* logo */ 
	header .logo {width: 50%;} 
	header .logo img {width: 55%;} 
	header .logo hr {display: block;} 
	header .logo .dealer-name {width: 50%;}
	/* rotating logos */
	header .logo a .rotating-logos {width: 60%;}
	/* navigation */ 
	header .navbar {width: 50%; float: right;} 
	header .navbar hr {display: block; margin-top: 0; margin-bottom: 0; border-top: 0; border-left: 2px solid; height: 40%; margin-right: 1vw;} 
	header .navbar .navbar-header, 
	header .navbar .navbar-toggle {display: none;}
	header .navbar .navbar-nav.navbar-right {float: right !important;width: auto;}
	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:not(.btn).active a {border-bottom: 2px solid; border-color: var(--clr3); color: var(--clr3) !important;}  
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover {background-color: transparent;} 
	/* 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 {/*width: 20%;*/} 
	footer #legal-section hr {display: inline-block; width: 2px; margin-left: 1vw; margin-right: 1vw; height: 24px; background: #fff; 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) { 
	/* logo */ 
	header .logo img {width: 40%;} 
	header .logo .dealer-name {font-size: 16px;width: 60%;} 
	/* navigation */ 
	header .navbar .navbar-nav > li > a {font-size: 16px;} 
	/* footer */ 
	footer #nav-section .footer-menu > li {/*width: calc(20% - 20px);*/} 
	footer #legal-section .legal > div span {font-size: 12px;}
	footer #legal-section .poweredby {font-size: 12px;}
}