header {
  position: relative;
  background-color: black;
  height: 80vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;

}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(35, 31, 32, 0.1);
    background-image: radial-gradient(#72bf44 27%, transparent 50%);
    background-size: 3px 3px;
    z-index: 2;
}

.card-img-top {
    width: 100%;
}
.card-img-top-2 {
    width: 40%;
}

.h1title{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    opacity: .8;
}
.h4subtitle{
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.text-black-70 {
    color: #6d6e71;
}
.red{
    color: #e82924;
}
.orange{
    color: #f37123;
}
.blue {
    color: #0089cf;
}
.opensans-light {
    font-weight: 300;
}
.opensans-bold {
    font-weight: 700;
}
.opensans{
    font-family: 'Open Sans', sans-serif;
}
.oswald{
    font-family: 'Oswald', sans-serif;
}
.oswald-light{
    font-weight: 300;
}
.oswald-regular{
    font-weight: 400;
}
.oswald-bold{
    font-weight: 700;
}
.bg-strada-red {
    background-color: rgba(39, 74, 162, 1);
}
.bg-strada-orange {
    background-color: #ffae00;
}

.navbar-brand img {
    width: 400px;
}



.card-2 {
    border: 1px solid rgba(0,0,0,.125) !important;
}

.bg-skew {
    transform: skew(0deg, -10deg) translateY(-300px);
    box-shadow: inset 0 -500px 0 #f37021;
}
.bg-skew-red {
    transform: skew(0deg, -10deg) translateY(0);
    box-shadow: inset 0px 500px 0px 0px #e82924;
}
.text-history p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.container-header {
    padding: 500px 0 0 0;
    transform: skew(0deg, 10deg);
}
.fixed-top{
    padding-top: 10px;
}

.footer {
    padding: 50px 0 50px 0;
}

.img-bus {
    transform: skew(0deg, 10deg);
}

.cont-historia {
        margin-top: 10rem;

}

.tit-historia {
    font-weight: 800;
    color: #0089cf;
}

.fa-undo-alt {
    color: #ffae00;
}

.bg-skew-frota {
    transform: skew(0deg, 10deg) translateY(100px);
    background-color: #ffae00 !important;
    background-image: url(../img/bg-frota.jpg);
    background-position: center;
    background-size: cover;
}
.bg-skew-frota::before {
    transform: skew(0deg, -10deg) translateY(100px);
}

.container-frota {
    padding-bottom: 170px;
    transform: skew(0deg, -10deg);
}

.tit-frota {
    font-weight: 800;
    color: white;
    margin-bottom: 50px;
}

.descricao{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.carousel-item img{
    transition: all .2s ease-in-out;
}
.carousel-item:hover img{
    transform: scale(1.05);
}


.carousel-item a{
    text-decoration: none;
}

.carousel-control-prev {
    left: -20px;
    width: 3%;
}

.carousel-control-next {
    right: -20px;
    width: 3%;
}

.card{
    border: none;
}

.logo-footer img{
    width: 400px;
}

.carousel-control-next, .carousel-control-prev{
        opacity: 1;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255);
}

@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }

    
    

}

@media (max-width: 1440px) {
        .bg-skew {
    box-shadow: inset 0 -400px 0 #ffae00;
}
}


    @media (max-width: 1024px) {
        .bg-skew {
    box-shadow: inset 0 -260px 0 #ffae00;
    }
}
@media (max-width: 768px) {
        .tit-frota {
    font-size: 4rem !important;
    letter-spacing: -4px !important;
    font-weight: 800;
    color: white;
    margin-bottom: 50px;
}
    .logo-footer img{
    width: 200px;
}
    .carousel-control-prev {
    left: -30px;
    width: 20%;
}
    

.carousel-control-next {
    right: -30px;
    width: 20%;
}
    .bg-skew {
    box-shadow: inset 0 -200px 0 #ffae00 !important;
}
    .navbar-brand{
        width: 230px;
    }
    
    header {
    margin-top: 4rem;
}
    
    .bg-skew-frota {
    margin-top: 18rem;
}

}
    



@media (max-width: 425px) {
    .navbar-brand{
        width: 180px !important;
    }
    .bg-skew {
    box-shadow: inset 0 -120px 0 #ffae00 !important;
}
}