/*@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://use.fontawesome.com/releases/v5.0.13/css/all.css");
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body, html { height: 100%;}
body {
    border-top:5px solid #e2212b;
    font-family: 'Segoe UI', sans-serif;
    background: #fafafa;
    -webkit-font-smoothing: antialiased;       
     margin: auto;}

article,aside,details,figcaption,figure,footer1,header,hgroup,main,menu,nav,section,summary {display: block;}
p {
    font-family: 'Segoe UI', sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #000000;
    margin: 0 0 10px;
    
}
a, a:hover, a:focus, a:active {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
a
{
        text-decoration: none;
        color:inherit;
        transition: color .5s ease;
}
/*
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;}
*/
.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
/* HEADER */
header
{
        position:relative;
        width: auto;
        margin: 50px;
}
header h1
{
        margin:35px 0 0 0;
        font-size:55px;
        color:#e2212b;
        font-family: 'Baumans', cursive;
}
.logo

{
    margin:15px 0 0 0;
}
header p
{
        font-family: "Open Sans", sans-serif;
        font-size:16px;
        color: #e2212b;
        margin-left:132px;
}
nav
{
        position:absolute;
        right: 100px;
        bottom:0;
}
nav ul
{
        list-style:none;
}
nav ul li
{
        display:block;
        float:left;
        padding:3px 10px;
}
nav ul li a
{
        font-family: "Open Sans", sans-serif;
        text-transform:uppercase;
        -webkit-transition: all .25s ease;
      
        text-decoration: none;
        color:inherit;
        transition: color .5s ease;
}
nav ul li a:hover
{
        color:#e2212b;
}
#mobileMenu
{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}
#mobileMenu ul li
{
        display:block;
        background-color: #e2212b;
        color: #fff;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
        border-bottom: 1px solid #CC5836;
}
#mobileMenu a{color:inherit;
}
.toggleMobile
{
        display: none;
}
#ctmenu{  max-width: 1200px;}
#text_columns article.column1, #text_columns .column2 { margin-left: 20px;}
.row {margin-left: 20px;}
#copyright
{
        position: absolute;
        margin-left: 50px;
        margin-right: 50px;
        
        
}
#copyright p
{
    width: 100%;
    font-size: x-small;border-top: 1px solid #444444;
    }
#copyright .wrapper
{
        font-family: "Segoe UI", sans-serif;
        color: #5e5e5e;
        font-size:10px;
}
#copyright .wrapper .social
{
 position: absolute;
 left: 5%;
 top: 5px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        display: inline-block;
        float:left;
        margin-left: 12px;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}
#copyright .wrapper a:hover
{
        color: #fff;
}
footer a{color:inherit;}
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #ccc;
}
ul.CTAs {
    padding: 20px;
}
ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #CE0000;
}
a.article, a.article:hover {
    background: #CE0000 !important;
    color: #fff !important;
}
/**************************************************************************************/
* {box-sizing: border-box}
body {font-family: Verdana, sans-serif; margin:0}
.mySlides {display: none}
.mySlides p {font-family:'Segoe UI', sans-serif !important;}
.mySlides a {font-family:'Segoe UI', sans-serif !important;color:#e2212b;}
.mySlides a:hover{color:#e2212b;}
img {vertical-align: middle;}
.homelogo{ float:right; padding-left:10%;}

/* Slideshow container */
.slideshow-container {
 /* max-width: 1000px;
  position: relative;
  margin: auto;*/
 background-position: center;
 background-size: cover;
   position: relative;
    background-repeat: no-repeat;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 20px;
  margin-top: -22px;
  color: #e2212b;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/****************************************************************
                   Hero
****************************************************************/
.hero-text {
  text-align: left;
  position: absolute;
  top: 25px;
  left: 150px;
 /* transform: translate(-50%, -50%);
   color: white;
 background-color:#333;*/
}
.hero-text1 {
    font-family:'Segoe UI', sans-serif !important;
    color: #ffffff;
    font-size:25px;
    font-weight:400;
    padding-bottom:20px;
    line-height:normal;
}
.hero-text2 {
    font-family:'Segoe UI', sans-serif !important;
    color: #000000;
    font-size:25px;
    font-weight:400;
    padding-bottom:20px;
    line-height:normal;
}
.hero-text-button a
{   font-family:'Segoe UI', sans-serif !important;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 5px 1px;
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color:#333;
    font-size:20px ;
    font-weight:200;
}
.hero-text-button a:hover 
{text-decoration:none; color:#e2212b;}
.hero-text-center {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
.subhero-text {
  text-align: left;
  position: absolute;
  top: 15px;
  left: 50px;
  /*transform: translate(-50%, -50%);*/
  color: white;
  /*background-color:#333;*/
}
.subhero-text1 {
    font-family:'Segoe UI', sans-serif !important;
    color: white;
    font-size:25px ;
    font-weight:400;
    line-height:normal;
}
.subhero-text2 {
    font-family:'Segoe UI', sans-serif !important;
    color: #000;
    font-size:25px ;
    font-weight:400;
    line-height:normal;
}
.subhero-text3 {
    font-family:'Segoe UI', sans-serif !important;
    color: #000;
    font-size:25px;
    /*text-shadow: 2px 2px rgba(0, 0, 0, 0.6);*/
    font-weight:400;
    line-height:normal;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 50px;
  position: absolute;
  top: 0;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #717171;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/* On smaller screens, decrease text size */
/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400);*/
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
.snip1519 {
  font-family: 'Segoe UI', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 5px 1%;
  min-width: 250px;
 max-width: 250px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  border-top: 5px solid #333;
  color: #9e9e9e;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

.snip1519 *,
.snip1519 *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}


.snip1519 figcaption {
  padding: 12% 10% 14%;
}
    .snip1519 figcaption p {font-family: 'Segoe UI', Arial, sans-serif !important;    }
.snip1519-button {
    font-family: 'Segoe UI', sans-serif !important;
    color: #fff;
    padding:5px 5px 5px 5px ;
    border: 1px solid rgba(0, 0, 0, 0.3);
    min-width: 200px;
    max-width: 250px;
    display: inline-block;
    position: relative;
    z-index: 1;
    background-color: #333;
    font-size: 16px !important;
    font-weight: 200;
}
    .snip1519-button a {  color: #fff;    }

/*.snip1519 i {
  font-size: 54px;
  color: #fff;
  width: 80px;
  line-height: 80px;
  background-color: #d2652d;
  border-radius: 50%;
  padding: 0;
  margin: 0 0 10px;
  text-align: center;
  display: inline-block;
}*/

.snip1519 h3 {
  color: #3c3c3c;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0;
}

.snip1519 h3 a {
  color: #3c3c3c;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0;
}
.snip1519 h3 a:hover {
  color:#e2212b;
}

.snip1519 a{color:#ffffff;}
.snip1519 a:hover{color:#e2212b;}

.snip1519 p {
  font-size: 0.9em;
  font-weight: 300;
  margin: 0 0 20px;
}

.snip1519 .button {
  text-decoration: none;
  color: #777;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  z-index: 1;
}

.snip1519 .button:before {
  background-color: #ce0000;
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  z-index: -1;
  opacity: 0;
}

.snip1519 .button:hover {
  color: #fff;
}

.snip1519 .button:hover:before {
  top: 0;
  opacity: 1;
}





.floatleft{float:left}
.floatright{float:right; padding-right:5%}
#sidebar {
    height: 100vh;
    background-color: #333;
}

#sidebar .list-group-item {
    border-radius: 0;
    background-color: #333;
    color: #ccc;
    border-left: 0;
    border-right: 0;
    border-color: #2c2c2c;
    white-space: nowrap;
    text-decoration: none;
}

/* highlight active menu */
#sidebar .list-group-item:not(.collapsed) {
    background-color: #CE0000;
}

/* closed state */
#sidebar .list-group .list-group-item[aria-expanded="false"]::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 5px;
}

/* open state */
#sidebar .list-group .list-group-item[aria-expanded="true"] {
  background-color: #CE0000;
}
#sidebar .list-group .list-group-item[aria-expanded="true"]::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 5px;
}

/* level 1*/
#sidebar .list-group .collapse .list-group-item  {
  padding-left: 20px;
}

/* level 2*/
#sidebar .list-group .collapse > .collapse .list-group-item {
  padding-left: 30px;
}

/* level 3*/
#sidebar .list-group .collapse > .collapse > .collapse .list-group-item {
  padding-left: 40px;
}

 {
    /* overlay sub levels on small screens */
    #sidebar .list-group .collapse.in, #sidebar .list-group .collapsing {
        position: absolute;
        z-index: 1;
        width: 190px;
    }
    #sidebar .list-group > .list-group-item {
        text-align: center;
        padding: .75rem .5rem;
        min-width: 39px;
    }
    /* hide caret icons of top level when collapsed */
    #sidebar .list-group > .list-group-item[aria-expanded="true"]::after,
    #sidebar .list-group > .list-group-item[aria-expanded="false"]::after {
        display:none;
    }
}

/* change transition animation to width when entire sidebar is toggled */
#sidebar.collapse {
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .2s;
       -o-transition-duration: .2s;
          transition-duration: .2s;
}

#sidebar.collapsing {
  opacity: 0.8;
  width: 0;
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-property: width;
       -o-transition-property: width;
          transition-property: width;

}    
    .center {text-align:center;}


/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/












/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    DEALER LOCATOR STYLES
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .dealerlisting {float: left; margin-right: 20px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px;}
    .dealerlisting p{color: #333;font-family: "Century Gothic", GillSans, Arial, SansSerif; font-size: 0.95em; font-weight: bold;}
    .dealerlisting a{text-decoration:none; }
    .dealerlisting a:hover{color: #b43939; text-decoration:none; font-weight:bold}
    .dealerservices {border-left: 1px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; margin:auto;text-align:center;}
    .dealerservices p {color: #333;font-family: "Century Gothic", GillSans, Arial, SansSerif; font-size: 0.95em; font-weight: bold; padding:0 2px 0 2px; margin:0;}
    .dealerLink {text-decoration:none; color:#000; margin-top:0; margin-bottom:0;}
    .dealeraddress{float:left; padding:0 10px 0 10px ; width: 100%; max-width:300px; color: #333;font-family: "Century Gothic", GillSans, Arial, SansSerif; vertical-align:top;}
    .dealeraddress p{font-size: .95em;}
    .dealeraddress a{text-decoration:none; }
    .dealeraddress a:hover{color: #b43939; text-decoration:none; font-weight:bold}
    .dealerlisting p{font-size: .95em;}
    .dealerlisting a{text-decoration:none; }
    .dealerlisting a:hover{color: #b43939; text-decoration:none; font-weight:bold}
    .bold{font-weight:bold}
    .rating{color: #000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 0.85em; padding: 4px; padding-right: 20px; padding-left: 10px; clear: both;}
    .locator h1{color: #000; }
    .locator h2{color: #5c2431; text-shadow: 1px 1px 2px #333;}
    .locator h3{color: #5c2431; background-color: #fff;}
    .locator{color: #333;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 0.95em; padding: 4px; padding-right: 20px; padding-left: 10px; clear: both;}
    .producer{font-family: Verdana; color:#000; font-size: .95em;}
    .producer h2{font-family: Verdana; color:#000; font-size: 1em; font-weight: bold; width:100%;  padding-left: 8px; padding-top: 6px;}
    .producer div{border:solid 1px black; background-color: #333;}
    .dealerBold {color: #000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 1em;font-weight: bold;padding: 4px;}
    .dealerBoldSmall {color: #000000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 0.95em;font-weight: bold;}
    .dealer {color: #000000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 1em;font-weight: normal;padding: 4px;}
    .dealerSmall {color: #000000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 0.85em;}
    .EventTitle {font-family: "Palatino Linotype", Times, Serif, "Baskerville BE Regular";color: Black;font-size: 1.2em;font-weight: bold;}
    .Event {color: #000000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 0.95em;font-weight: normal;padding: 4px;padding-right: 20px;padding-left: 10px;}
    a.DealerLink:link {font-family: Verdana;font-size: 10px;text-decoration: none;font-weight: normal;}
    a.DealerLink:visited {font-family: Verdana;font-size: 10px;text-decoration: none;font-weight: normal;}
    a.DealerLink:hover {font-family: Verdana;font-size: 10px;text-decoration: underline;font-weight: normal;}
    a.DealerLink:active {font-family: Verdana;font-size: 10px;text-decoration: none;font-weight: normal;}
    a.FeedbackLink:link {font-family: Verdana;font-size: 10px;text-decoration: none;font-weight: normal; color:#333;}
    a.FeedbackLink:visited {font-family: Verdana;font-size: 10px;text-decoration: none;font-weight: normal;}
    a.FeedbackLink:hover {font-family: Verdana;font-size: 10px;text-decoration: underline;font-weight: normal;}
    a.FeedbackLink:active {font-family: Verdana;font-size: 10px;text-decoration: none;font-weight: normal;}
    a.Stars5:link{background-image: url('https://old.allanblock.com/dealers/images/Banners/star5.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars5:visited {background-image: url('https://old.allanblock.com/dealers/images/Banners/star5.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars5:hover {background-image: url('https://old.allanblock.com/dealers/images/Banners/star5Hover.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars5:active {background-image: url('https://old.allanblock.com/dealers/images/Banners/star5Active.png');	text-decoration: none; background-repeat:no-repeat;}
    a.Stars4:link {	background-image: url('https://old.allanblock.com/dealers/images/Banners/star4.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars4:visited {background-image: url('https://old.allanblock.com/dealers/images/Banners/star4.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars4:hover {background-image: url('https://old.allanblock.com/dealers/images/Banners/star4Hover.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars4:active {background-image: url('https://old.allanblock.com/dealers/images/Banners/star4Active.png');	text-decoration: none; background-repeat:no-repeat;}
    a.Stars3:link {	background-image: url('https://old.allanblock.com/dealers/images/Banners/star3.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars3:visited {background-image: url('https://old.allanblock.com/dealers/images/Banners/star3.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars3:hover {background-image: url('https://old.allanblock.com/dealers/images/Banners/star3Hover.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars3:active {background-image: url('https://old.allanblock.com/dealers/images/Banners/star3Active.png');	text-decoration: none; background-repeat:no-repeat;}
    a.Stars2:link {	background-image: url('https://old.allanblock.com/dealers/images/Banners/star2.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars2:visited {background-image: url('https://old.allanblock.com/dealers/images/Banners/star2.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars2:hover {background-image: url('https://old.allanblock.com/dealers/images/Banners/star2Hover.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars2:active {background-image: url('https://old.allanblock.com/dealers/images/Banners/star2Active.png');text-decoration: none; background-repeat:no-repeat;}
    a.Stars1:link {	background-image: url('https://old.allanblock.com/dealers/images/Banners/star1.png');text-decoration: none;background-repeat:no-repeat;}
    a.Stars1:visited {background-image: url('https://old.allanblock.com/dealers/images/Banners/star1.png');text-decoration: none;background-repeat:no-repeat;}
    a.Stars1:hover {background-image: url('https://old.allanblock.com/dealers/images/Banners/star1Hover.png');text-decoration: none;background-repeat:no-repeat;}
    a.Stars1:active {background-image: url('https://old.allanblock.com/dealers/images/Banners/star1Active.png');	text-decoration: none;background-repeat:no-repeat;}
    a.Showroom:link {background-image: url('https://old.allanblock.com/dealers/images/Banners/Showroom.png');text-decoration: none;background-repeat:no-repeat;}
    a.Showroom:visited {background-image: url('https://old.allanblock.com/dealers/images/Banners/Showroom.png');	text-decoration: none;background-repeat:no-repeat;}
    a.Showroom:hover {background-image: url('https://old.allanblock.com/dealers/images/Banners/ShowroomHover.png');	text-decoration: none;background-repeat:no-repeat;}
    a.Showroom:active {background-image: url('https://old.allanblock.com/dealers/images/Banners/ShowroomActive.png');	text-decoration: none;background-repeat:no-repeat;}
    .DealerPageLink{font-family: Verdana;font-size: 11px;}
    a.EventsLink:link{ font-family: Verdana;font-size: 11px;font-weight:bold;color:Blue;}
    a.EventsLink:visited{ font-family: Verdana;	font-size: 11px;font-weight:bold;color:Blue;}
    a.EventsLink:hover{font-family: Verdana;font-size: 11px;font-weight:bold;color:yellow;}
    a.EventsLink:active{font-family: Verdana;font-size: 11px;font-weight:bold;	color:Blue;}
    .dealerImages{border: 1px solid #666; padding: 5px; box-shadow: 2px 2px 3px #a1a1a1; background-color: White;}
    .BlockName {color: #000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 0.95em; padding: 4px; padding-right: 20px; padding-left: 10px; font-weight: bolder; clear: both;}
    .BlockName a{color: #000; text-decoration:underline;}
    .BlockName h1{color: #000; text-shadow: 1px 1px 2px #333;}
    .BlockName p{font-weight:normal;font-size: 0.95em;}
    .Series {color: #000;font-family: "Century Gothic", GillSans, Arial, SansSerif;font-size: 0.95em; padding: 4px; padding-right: 20px; padding-left: 10px; font-weight: bolder; clear: both;}
    .Series a{color: black; text-decoration: none;}
    .Series a:visited {color: black;text-decoration: none;}
    .Series a:hover {color: red;text-decoration: Underline;}
    .Series a:active{color: black; text-decoration: none;}
    .ChartText {font-family:Verdana;font-size:10px;	font-weight: bold;}
    a.Resources:link { color: black; text-decoration: none; background-image: none;font-weight:normal; font-family:verdana; font-size:13px;}
    a.Resources:visited {color: black;text-decoration: none; background-image: none; font-weight:normal;font-family: verdana;font-size:13px;}
    a.Resources:hover {color: red;text-decoration: Underline;background-image: none; font-weight:normal; font-family:verdana; font-size:13px;}
    a.Resources:active {color: black;text-decoration: none;background-image: none;font-weight:normal;font-family:verdana;font-size:13px;}
/*END Dealer Styles*/


/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT */

@media (max-width: 1028px)
{
    header { margin-top: 10px; margin-left: 20px; text-align: left; width:100%;}
    header nav {right: auto;bottom: auto;left: 10%;top: 120px;margin-left: -100px;}
    header h1 {font-size: 40px;}
    header p {margin-left: 60px;font-size: 14px;    }
    .logo{ margin:0 0 0 0; width:300px;}
    .logo p{margin:0 0 0 0; font-size:10px; width:500px;}
     #search{text-align: left; font-size:10px; width:500px;}
     input {width: auto;}
    .slideshow-container{margin:10px 0 0 0; width:100%;}
    .mySlides{margin:10px 0 0 0;}
    .hero-text{  text-align: left;  position: absolute;  top: 20px;  left: 30px; right: 30px;}
    .hero-text1, .hero-text2{font-size:18px;}
    .hero-text-button a{font-size:16px ; }
    .prev, .next {  font-size: 20px; top: 60%;}
    .subhero-text {top: 10px;left: 30px;}
    .subhero-text1 {font-size:16px ;font-weight:600;}
    .subhero-text2 {font-size:16px ;font-weight:600;}
    footer .wrapper {width: auto;}
    footer .wrapper .column {margin: 0 auto 15px auto;max-width: 300px;}
    footer p {font-size: 10px;}
    .snip1519 {margin: 5px 5%;}
       
}
@media (max-width: 915px) {
    header { margin-top: 10px; margin-left: 20px; text-align: left; width:100%;}
    header nav {right: auto;bottom: auto;left: 10%;top: 120px;margin-left: -100px;}
    header h1 {font-size: 40px;}
    header p {margin-left: 60px;font-size: 14px;    }
    .logo{ margin:0 0 0 0; width:300px;}
    .logo p{margin:0 0 0 0; font-size:10px; width:500px;}
     #search{text-align: left; font-size:10px; width:500px;}
     input {width: auto;}
    .slideshow-container{margin:10px 0 0 0; width:100%;}
    .mySlides{margin:10px 0 0 0;}
    .hero-text{  text-align: left;  position: absolute;  top: 20px;  left: 30px; right: 30px;}
    .hero-text1, .hero-text2{font-size:18px;}
    .hero-text-button a{font-size:16px ; }
    .prev, .next {  font-size: 20px; top: 60%;}
    .subhero-text {top: 10px;left: 30px;}
    .subhero-text1 {font-size:16px ;font-weight:600;}
    .subhero-text2 {font-size:16px ;font-weight:600;}
    footer .wrapper {width: auto;}
    footer .wrapper .column {margin: 0 auto 15px auto;max-width: 300px;}
    footer p {font-size: 10px;}
}
@media (max-width: 768px) {
    header { margin-top: 10px; margin-left: 20px; text-align: left; width:100%;}
    header nav { display: none;}
    header h1 {font-size: 40px;}
    header p {margin-left: 60px;font-size: 14px;    }
    .logo{ margin:0 0 0 0; width:300px;}
    .logo p{margin:0 0 0 0; font-size:10px; width:500px;}
     #search{text-align: left; font-size:10px; width:500px;}
     input {width: auto;}
    .slideshow-container{margin:10px 0 0 0; width:100%;}
    .mySlides{margin:10px 0 0 0;}
    .hero-text{  text-align: left;  position: absolute;  top: 20px;  left: 30px; right: 30px;}
    .hero-text1, .hero-text2{font-size:18px;}
    .hero-text-button a{font-size:16px ; }
    .prev, .next {  font-size: 20px; top: 60%;}
    .subhero-text {top: 10px;left: 30px;}
    .subhero-text1 {font-size:16px ;font-weight:600;}
    .subhero-text2 {font-size:16px ;font-weight:600;}
    footer .wrapper {width: auto;}
    footer .wrapper .column {margin: 0 auto 15px auto;max-width: 300px;}
    footer p {font-size: 10px;}
    #mobileMenu {display: block;z-index: 99;}
    .toggleMobile { position: fixed;top: 10px;left: 10px;display: block;width: 40px;height: 36px;cursor: pointer;z-index: 999;}
    .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {display: block;position: absolute;width: 40px;height: 8px;left: 0;background: #EDA28C;-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
    .toggleMobile span.menu1 {top: 0;}
    .toggleMobile span.menu2 {top: 14px;}
    .toggleMobile span.menu3 {top: 28px;}
    .toggleMobile.active span.menu1 {top: 14px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
    .toggleMobile.active span.menu2 {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
    .toggleMobile.active span.menu3 {opacity: 0;-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
}

@media (max-width: 500px) {
    header { margin-top: 10px; margin-left: 20px; text-align: left; width:100%;}
    header nav { display: none;}
    header h1 {font-size: 40px;}
    header p {margin-left: 60px;font-size: 14px;    }
    .logo{ margin:0 0 0 0; width:300px;}
    .logo p{margin:0 0 0 0; font-size:10px; width:300px;}
     #search{text-align: left; font-size:10px; width:300px;}
     input {width: auto;}
    .slideshow-container{margin:10px 0 0 0; width:100%;}
    .mySlides{margin:10px 0 0 0;}
    .hero-text{  text-align: left;  position: absolute;  top: 20px;  left: 30px; right: 30px;}
    .hero-text1, .hero-text2{font-size:14px;}
    .hero-text-button a{font-size:12px ; }
    .prev, .next {  font-size: 20px; top: 60%;}
    .subhero-text {top: 10px;left: 30px;}
    .subhero-text1 {font-size:14px ;font-weight:600;}
    .subhero-text2 {font-size:14px ;font-weight:600;}
    footer .wrapper {width: auto;}
    footer .wrapper .column {margin: 0 auto 15px auto;max-width: 300px;}
    footer p {font-size: 10px;}
    #mobileMenu {display: block;z-index: 99;}
    .toggleMobile { position: fixed;top: 10px;left: 10px;display: block;width: 40px;height: 36px;cursor: pointer;z-index: 999;}
    .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {display: block;position: absolute;width: 40px;height: 8px;left: 0;background: #EDA28C;-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
    .toggleMobile span.menu1 {top: 0;}
    .toggleMobile span.menu2 {top: 14px;}
    .toggleMobile span.menu3 {top: 28px;}
    .toggleMobile.active span.menu1 {top: 14px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
    .toggleMobile.active span.menu2 {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
    .toggleMobile.active span.menu3 {opacity: 0;-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);}
}
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
   header {margin-top: 80px; text-align: center; }        
}
@media (max-width:48em) {
    /* overlay sub levels on small screens */
    #sidebar .list-group .collapse.in, #sidebar .list-group .collapsing {
        position: absolute;
        z-index: 1;
        width: 190px;
    }
    #sidebar .list-group > .list-group-item {
        text-align: center;
        padding: .75rem .5rem;
        min-width: 39px;
    }
    /* hide caret icons of top level when collapsed */
    #sidebar .list-group > .list-group-item[aria-expanded="true"]::after,
    #sidebar .list-group > .list-group-item[aria-expanded="false"]::after {
        display:none;
    }
}