@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');
body {font-family: "Roboto", Arial, sans-serif;}
/* 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; /*border-bottom: 2px solid #FFBA00;*/ 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 {width: 100%; height: auto; float: left; max-width: 386px; 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: #FFBA00; 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: #FFBA00;}
header .navbar .navbar-toggle .icon-bar {background-color: #000000;}
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;height: auto;}
header .navbar .navbar-nav.navbar-right {height: 40%;margin: 0;float: left !important;width: 100%;padding: 0;}
header .navbar .navbar-nav > li {width: 100%;}
header .navbar .navbar-nav > li > .dropdown-menu > li.active > a {background-color: #FFBA00; color: #000 !important;}
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;}
header .navbar .navbar-nav > li > a {font-size: 12px;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 #FFBA00;}
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: #FFBA00;}
header .navbar .navbar-nav > li:hover .dropdown-menu {display: block; border-radius: 0; border: none; min-width: 100%; box-shadow: none; background-color: #000; margin-bottom: 10px;}
header .navbar .navbar-nav > li:hover .dropdown-menu > li > a {font-size: 12px; color: #fff;}
header .navbar .navbar-nav > li:hover .dropdown-menu > li > a:hover,
header .navbar .navbar-nav > li:hover .dropdown-menu > li > a:focus {background-color: #FFBA00; color: #000;}
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;}
@media (max-width: 991px) {
header .navbar .navbar-nav > li > .dropdown-menu {display: none !important;}
header .navbar .navbar-nav > li.mobile-exp > .dropdown-menu {display: block !important;width: 100%;border-radius: 0;padding-top: 0; padding-bottom: 0; position: relative;}
header .navbar .navbar-nav > li.mobile-exp > a {transition: height 0.5s, background 0.33s;}
header .navbar .navbar-nav > li.mobile-exp > .dropdown-menu > li > a {height: 30px;line-height: 25px;transition: height 0.33s; overflow: hidden;}
}
/* X override twitter*/
.navbar.navbar-default > .side-menu-widget.left > ul > li > a> i.fa.fa-twitter::before{
content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0ieGxvZ28iIHZpZXdCb3g9IjAgMCAyNCAyNCIgYXJpYS1sYWJlbD0iWCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTguMjQ0IDIuMjVoMy4zMDhsLTcuMjI3IDguMjYgOC41MDIgMTEuMjRIMTYuMTdsLTUuMjE0LTYuODE3TDQuOTkgMjEuNzVIMS42OGw3LjczLTguODM1TDEuMjU0IDIuMjVIOC4wOGw0LjcxMyA2LjIzMXptLTEuMTYxIDE3LjUyaDEuODMzTDcuMDg0IDQuMTI2SDUuMTE3eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L3N2Zz4=);
display:block;width:14px;height:14px;
}
/* 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;}
.btn.btn-primary {background-size: 0% 100%;}
.btn.btn-primary:hover {background-image:linear-gradient(to right, rgba(237,173,1,0) 0%, rgba(237,173,1,.4) 40%, rgba(237,173,1,.8) 100%); background-repeat: no-repeat; background-size: 200% 100%; transition: background 1s, background-color 1s;}
/* 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.btt a:before {content: "\f077"; font-family: 'fontAwesome'; padding-right: 10px; padding-bottom: 1px;}
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 > li.active a {border-bottom: 2px solid #ffba00;}
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 #ffba00;}
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 #ffba00;}
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.active {border-bottom: 2px solid #ffba00;}
footer #legal-section .legal span a:hover, footer #legal-section .legal span a:active { border-bottom: 2px solid #FFBA00;}
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) {
/* 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: 25%;}
}
@media (min-width: 992px) {
/* logo */
header .logo {width: 25%; padding-left: 10px;}
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: 75%; padding-left: 10px; padding-right: 10px;}
header .navbar hr {display: block; margin-top: 0; margin-bottom: 0; border-top: 0; border-left: 2px solid #fff; 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: 100%;}
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 {/*width: calc(100% / 7);*/ width: 14%; float: none; padding-left: 1vw; padding-right: 1vw;}
header .navbar .navbar-nav > li.btn.btn-primary {display: block; padding: 0; max-width: 170px; float: right;}
header .navbar .navbar-nav > li {float: left;}
header .navbar .navbar-nav > li > a {font-size: 65%; padding-top: 15px; padding-bottom: 15px; padding-left: 0; padding-right: 0; text-align: center;}
header .navbar .navbar-nav > li.active > a {border-bottom: 2px solid #FFBA00;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover {background-color: transparent;}
header .navbar .navbar-nav > li.exp .dropdown-menu {min-width: 200px;}
/* 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 {padding-left: 20px; width: 20%;}
header .logo .dealer-name {font-size: 16px; width: 90%;}
/* navigation */
header .navbar {padding-left: 20px; padding-right: 20px; width: 80%;}
header .navbar .navbar-nav > li > a {font-size: 85%;}
header .navbar .navbar-nav > li.btn.btn-primary > a {font-size: 90%;}
/* 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;}
}