@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900&display=swap');
@import url("library.css");
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: 40%;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;height: 40%;margin-right: 2vw;margin-left: 2vw;} 
header .logo img {width: 45%;height: auto;float: left;max-width: fit-content;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;border-left: 2px solid;height: 50%;padding-left: 5%;float: left;margin-left: 5%;}
/* rotating logos */
@-moz-keyframes dealerLogo {
 0% { opacity:0; -moz-animation-timing-function:ease-in }
 8% { opacity:1; -moz-animation-timing-function:ease-out }
 17% { opacity:1 }
 25% { opacity:0 }
 100% { opacity:0 }
}
@-o-keyframes dealerLogo{
  0%{opacity:0;-o-animation-timing-function:ease-in}
  8%{opacity:1;-o-animation-timing-function:ease-out}
  17%{opacity:1}
  25%{opacity:0}
  100%{opacity:0}
}
@-ms-keyframes dealerLogo{
	0%{opacity:0;-ms-animation-timing-function:ease-in}
	8%{opacity:1;-ms-animation-timing-function:ease-out}
	17%{opacity:1}
	25%{opacity:0}
	100%{opacity:0}
}
@keyframes dealerLogo{
	0%{opacity:0;animation-timing-function:ease-in}
	8%{opacity:1;animation-timing-function:ease-out}
	17%{opacity:1}
	25%{opacity:0}
	100%{opacity:0}
}
header .logo a .rotating-logos {position: relative;width: 40%;max-width: 345px;border: 10px solid transparent;height: 100%;float: left;background-size: contain;background-repeat: no-repeat;background-position: 5% center;}
header .logo a .rotating-logos img{position:absolute;width: 100%;left:0;opacity:0;border: none;-webkit-backface-visibility:hidden;-webkit-animation: dealerLogo 7s linear infinite 0s;-moz-animation: dealerLogo 7s linear infinite 0s;-o-animation: dealerLogo 7s linear infinite 0s;-ms-animation: dealerLogo 7s linear infinite 0s;animation: dealerLogo 7s linear infinite 0s;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%);-ms-transform: translate(0,-50%);}
header .logo a .rotating-logos img[alt=volvo]{-webkit-animation-delay: 7s;-moz-animation-delay: 7s;-o-animation-delay: 7s;-ms-animation-delay: 7s;animation-delay: 7s;}
header .logo a .rotating-logos img[alt=volkswagen]{-webkit-animation-delay: 3.5s;-moz-animation-delay: 3.5s;-o-animation-delay: 3.5s;-ms-animation-delay: 3.5s;animation-delay: 3.5s;}
/* navigation */ 
header .navbar {height: 100%;width: 60%;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;}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {background-color: var(--clr3);}
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; height: auto;} 
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.active {text-decoration: underline;}
header .navbar .navbar-nav > li.btn.btn-primary > a {padding: 15px 30px;} 
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; border-color: var(--clr3);}
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: var(--clr3); color: var(--clr2) !important;} 
header .navbar .navbar-nav > li:hover .dropdown-menu {display: block;width: 100%;border-radius: 0;padding-top: 0;padding-bottom: 5px;position: relative;background-color: var(--clr1);} 
header .navbar .navbar-nav > li:hover .dropdown-menu > li > a {font-size: 14px;background-color: var(--clr2);color: var(--clr1);padding: 5px 10px;}
header .navbar .navbar-nav > li:hover .dropdown-menu > li > a:hover,
header .navbar .navbar-nav > li:hover .dropdown-menu > li > a:focus {background-color: var(--clr1); color: var(--clr2);}
header .navbar .navbar-nav > li.active .dropdown-menu > li.active > a {border-bottom: 2px solid; border-color: var(--clr3);}
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;}

/* 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,var(--btnHvrGradStart),var(--btnHvrGradMid),var(--btnHvrGradEnd));
	background-repeat:no-repeat;background-size:200% 100%;
	transition:background 1s,background-color 1s,background-size 1s;color:var(--btntxtclr1) !important;}
/* 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; padding: 0 10px;} 
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 > a:hover,
footer #nav-section .footer-menu > li.active > a {border-bottom: 2px solid;}
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(--btnclr1);}
footer #nav-section .footer-menu .dropdown .dropdown-menu > li > a {padding: 3px 0; white-space: inherit;border-bottom:2px solid transparent;} 
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(--btnclr1);}
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(--btnclr1);} 
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: 30%;}
	/* 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: 40%;} 	 
	header .logo hr {display: block; margin-top: 0; margin-bottom: 0; border-top: 0; border-left: 2px solid; height: 40%; margin-right: 2vw; margin-left: 2vw;} 
	header .logo .dealer-name {width: 70%;}
	/* rotating logos */
	header .logo a .rotating-logos {width: 60%;}
	/* navigation */ 
	header .navbar {width: 60%;} 
	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: 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.active > a,
	header .navbar .navbar-nav > li.active .dropdown-menu > li.active > a {border-bottom: 2px solid; border-color: var(--clr3);}
	header .navbar .navbar-nav > li:hover .dropdown-menu > li > a {background-color: var(--clr2); color: var(--clr1);}
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover {background-color: transparent; color: var(--clr3) !important} 
	header .navbar .navbar-nav > li:hover .dropdown-menu {padding-bottom: 0; position: absolute; top: 46px; right: 0; width: auto; text-align: right;}
	/* 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: 20%;} 
	header .logo .dealer-name {font-size: 16px; width: 90%;} 
	/* navigation */ 
	header .navbar .navbar-nav > li > a {font-size: 12px;} 
	/* 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;}
}