#generac{
  font-family: 'Roboto', sans-serif; font-weight: lighter;
  font-size: 0.8em;
  text-decoration: none;
  color: #fff;
  background-color: black;
  text-align: center;
  width: 100%;
}
.brand { width: auto; height:35px; margin-left:1em;}
#generac a{ color: white; text-transform: uppercase; }
#generac a:hover{ color:#e31f26; }
#generac .dropdown-menu{ background-color: #3d3d3d; font-size: 1em; padding: 0.25em;}
#generac .dropdown-menu ul li{ background-color: #3d3d3d; font-size: 1em; padding: 1em; border:none;}
#generac .dropdown { padding-top: 1.1em; }
#generac .dropdown-menu a:hover { color:#e31f26; }

#generac .navbar-toggler{ margin: 0.25em; border: 0; }
.navbar{padding:0!important;}
.txt-min{ text-transform: none!important; }

@media (min-width: 992px) {
  #generac ul li{ border-left: 1px solid rgb(87, 87, 89); padding: 0.5em; }
  #generac .dropdown-menu ul li{border-left: none;}
  #generac .no-border{ border-left: 0; padding: 0.5em; }
  .dropdown-menu{border-left: none;}
}

@media (max-width: 575.98px) { 
  #generac .navbar-collapse { text-align: left; padding-left: 1em; border: 0; }
  #generac .navbar-collapse ul li{ padding: 0.5em;}
  .md-stepper-horizontal .md-step .md-step-title { visibility: hidden; }
}
@media (min-width: 576px) and (max-width: 991px) {
  #generac .navbar-collapse { text-align: left; padding-left: 1em; border: 0; }
  .md-stepper-horizontal .md-step .md-step-title { visibility: hidden;}
  #generac .navbar-collapse ul li{ padding: 0.5em;}

}
.no-border{border: none;}


/*headings*/
h2{font-family: 'Open Sans', sans-serif; font-size: 1.35em;  text-transform: uppercase; color:#e31f27;}
h3{ font-size: 1.15em; margin-bottom: 0; }
@media (max-width: 575.98px) { 
  #generac .navbar-collapse { text-align: left; padding: 1em; margin-top: 1em;}
  h1{ font-family: 'Open Sans', sans-serif; font-size: 2em; }
  .md-stepper-horizontal .md-step .md-step-title { visibility: hidden; }

}
@media (min-width: 576px) and (max-width: 991px) {
  #nav-volvo .navbar-collapse { text-align: left; padding: 1em; border: 0; margin-top: 1em;}
  .md-stepper-horizontal .md-step .md-step-title { visibility: hidden;}

}
@media (min-width: 576px) and (max-width: 767.98px) {  
  h1{ font-family: 'Open Sans', sans-serif; font-size: 2em; }
}
@media (min-width: 768px) {
  h1{     font-family: 'Open Sans', sans-serif; color: #687074; text-transform: uppercase; font-weight: lighter;
    font-size: 2.1em;}
}
a { color: #e31f26; text-decoration: none;}
a:hover{ color: #e31f27; }

a.txt-grey { color:#495057; text-decoration: none; }
a.txt-grey:hover { color:black!important; text-decoration: none; }

.grey{color:#495057;}
.color { color:#e31f27; }
.bg-grey{ background-color:#ededed; }
.bg-color{ background-color:#495057; color: white; padding: 0.5em; border-bottom: 1px solid white; }
.under:hover{ text-decoration: underline; color: #e31f27;}

label{font-family: Arial,sans-serif; font-size: 0.9em; color: #4d4e53; font-weight: bolder;}
label.form-check-label{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 0.9em; color: #343a40; font-weight: normal;}
.btn-color{ background-color:#e31f26; color: white;}
.btn-color:hover { background-color:#f9cd1d; color: white;}
.btn-color-line{ background-color:white; border:1px solid #e31f26; color: #e31f26;  }
.btn-color-line:hover { background-color:white; border:1px solid #e31f27; color: #e31f27; }
.btn-search{ color:#e31f27; background-color: #e9ecef; border: 1px solid #ced4da;}
.btn-search:hover { background-color:#e31f27; color: white;}

/*steps*/
.md-stepper-horizontal .md-step .md-step-circle {
  width:40px;
  height:40px;
  margin:0 auto;
  background-color:#999999;
  border-radius: 50%;
  text-align: center;
  line-height:40px;
  font-size: 1em;
  font-weight: 600;
  color:#FFFFFF;
}
.md-stepper-horizontal.orange .md-step.active .md-step-circle {
  background-color:#e31f26;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
  background-color: rgb(33,150,243);
}

.btn-8:hover{background: #e31f27; border:1px solid #e31f27;}
.btn-8:visited,.btn-8:focus {background: #e31f27; border:1px solid #e31f27;}
/*skews bg*/
@media (max-width: 575.98px) {
    .bg-skew{background-color: rgba(186,78,0,.8); position: relative; top: -105px; padding: 0; text-align: center;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .bg-skew{background-color: rgba(186,78,0,.8); position: relative; top: -105px; padding: 0; text-align: center;}
}
@media (min-width: 768px) {
    .bg-skew{ 
    position:relative;
    overflow:hidden;
    width:100%; 
    padding: 0.9em;
    color: white;
    z-index: 1;
    }
    .bg-skew:before{      
    content:'';
    position:absolute;
    top:0; right:0;
    width:110%; height:94%;
    background-color: rgba(186,78,0,.8);
    background-image: url(https://www.navalmotor.com/mediaserver/web/generac/imgs-19/diag-line.png);
    background-position: 0 0;
    background-repeat: repeat;
    transform-origin:100% 0;
    transform:skewX(-40deg);
    z-index:-1;
    }
  }
h1.title-card { font-family: 'Open Sans', sans-serif; font-size: 1.2em; text-transform: none;}
.card-footer{ border:none; }
.card-b:hover{ border: 1px solid #999999; }

.heading-envio{ 
  background-image: url('https://www.navalmotor.net/img/rp/andreani.jpg'); 
background-size: cover; 
height: 15vh; 
-webkit-box-shadow: none; 
box-shadow: none; 
border: 0px; 
border-radius: 0px; 
background-position:center;
}
 .heading-compra{ 
  background-image: url('https://www.navalmotor.net/img/generac/compra-online-g.jpg'); 
background-size: cover; 
height: 15vh; 
-webkit-box-shadow: none; 
box-shadow: none; 
border: 0px; 
border-radius: 0px; 
background-position:center;
}
 .heading-fob{ 
  background-image: url('https://www.navalmotor.net/img/rp/rp-envios.jpg'); 
background-size: cover; 
height: 15vh; 
-webkit-box-shadow: none; 
box-shadow: none; 
border: 0px; 
border-radius: 0px; 
background-position:center;
}
@media (min-width: 994px) and (max-width: 1242px) { 
  .heading-envio,.heading-compra, .heading-fob{ height: 16vh; }
  }