.page-direct .container{
    width: 1600px !important;
    max-width: 100% !important;
}
.page-direct .line-top{
  background-color:#0A0A0A;
}
.page-direct .line-top > .container{
    padding-top: 12px;
    padding-bottom:12px;
}
.page-direct .line-top p{
    color: #fff;
    font-weight: normal;
    font-family: "Work Sans", sans-serif;
}

.page-direct .line-top p > b,
.page-direct .line-top p > strong{
   font-weight: 700;
}
.page-direct .link-back{
    width: 300px;
    max-width: 100%;
}
.page-direct .link-back span{
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: underline;
    font-family: "Work Sans", sans-serif;
}
.btn-outline-white{
    --bs-btn-color: #fff;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(255,255,255,0.3);
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: "Work Sans", sans-serif;
    border-radius: 18px;
    padding-left: 20px;
    padding-right: 20px;
}
.btn-red-direct{
    --bs-btn-color: #7C0416;
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #7C0416;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #770214;
    --bs-btn-hover-border-color: #770214;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #770214;
    --bs-btn-active-border-color: #770214;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #550914;
    --bs-btn-disabled-border-color: #550914;
    border-radius: 18px;
    font-size: 15px;
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
}
.btn-red-direct svg path{
    stroke:#7C0416;
}
.btn-red-direct:hover svg path,
.btn-red-direct:focus svg path,
.btn-red-direct:active svg path{
    stroke:#fff;
}

.direct-inicial{
   position: relative;
   padding-top: 100px;
   padding-bottom: 50px;
   min-height: 90vh;
   background-repeat: no-repeat;
   background-image: url("../img/direct/bg-top-direct.jpg");
   background-position: bottom center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
}
.direct-inicial > .c-header{
    display: block;
    width: 100%;
    min-height: 100px;
    position: absolute;
    left: 0;top: 0;
}

.direct-inicial > .container{
    padding-top: 25px;
    padding-bottom: 25px;
}
.direct-inicial .c-content h2{
    color: #fff;
    font-size: 5em;
    font-weight: 900;
    font-family: "Open Sans", sans-serif;
}
.direct-inicial .c-content p{
    color: #DADADA;
    font-size: 20px;
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
}

.direct-inicial .c-header > .container{
    padding-top: 30px;
    padding-bottom:20px;
}
.direct-inicial .c-header hr{
    opacity: 1;
    border-top: 1px solid #fff;
}
.direct-inicial .svg-inline{
    width:109px;
    height: auto;
    display: inline-block;
}
.logo-cca-direct svg{
  width:197px;
  height: auto;
 /* width="197" height="69" */
}
@media(max-width:1399px){

    .direct-inicial .c-content h2{
        font-size:3.8em;
    }
}
@media(max-width: 992px){
    .direct-inicial {
        padding-top: 180px;
    }
    .direct-inicial .c-content h2{
        font-size:3em;
    }
    .direct-inicial .c-content p{
        font-size: 16px;
    }
    .logo-cca-direct svg{
        width:150px;
        height: auto;
        /* width="197" height="69" */
    }
}
@media(max-width: 768px){
    .direct-inicial .svg-inline{
        width:90px;
        height: auto;
        display: inline-block;
        /*.width="109" height="41"*/
    }
    .direct-inicial{
        position: relative;
        padding-top: 100px;
        padding-bottom: 50px;
        min-height: 90vh;
        background-repeat: no-repeat;
        background-image: url("../img/direct/bg-top-mb.jpg");
        background-position: top center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
    }
    .direct-inicial .c-content h2{
        font-size: 2.6em;
    }
    .direct-inicial {
        padding-top: 280px;
    }
    .direct-inicial .c-content h2{
        font-size:2.8em;
    }
    .direct-inicial .c-content p{
        font-size: 16px;
    }
    .direct-inicial .btn-outline-white{
       font-size: 13px;
    }
}
@media(max-width: 480px){
    background-position: bottom center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
}
@media(max-width: 420px){
    .direct-inicial .c-content h2{
        font-size:2.4em;
    }
    .direct-inicial .svg-inline{
        width:80px;
        height: auto;
        display: inline-block;
    }
}

.direct-rastreio{
    position: relative;
    min-height:70vh;
    padding-top: 40px;
    padding-bottom: 180px;
    background-color: #DADADA;
    z-index: 0;
}
.direct-rastreio:before{
    position: absolute;
    width: 100%;
    height: 60%;
    content: " ";
    z-index: -1;
    left: 0;bottom: 0;
    background: rgb(138,4,24);
    background: linear-gradient(0deg, rgba(138,4,24,1) 0%, rgba(217,217,217,1) 100%);
}
.direct-rastreio .img-janela{
    display: block;
    max-width: 100%;
}
.direct-rastreio p{
   color:#310209;
   font-size: 20px;
}
.direct-rastreio h2{
    color:#8A0418;
    font-size:3.6em;
    line-height: 120%;
}
@media (max-width: 1199px) {
    .direct-rastreio h2{ font-size:2.8em;}
}
@media (max-width: 992px) {
    .direct-rastreio .img-janela{
        max-width: 90%;
    }
    .direct-rastreio h2{ font-size:2.4em;}
}
@media (max-width: 768px) {
    .direct-rastreio h2{ font-size:1.8em;}
    .direct-rastreio .img-janela{ width: 300px; max-width: 80%;}
    .direct-rastreio .rastreio{ padding: 25px }
}
.direct-servicos{
    position: relative;
    min-height:100vh;
    background: linear-gradient(180deg, #8A0418 0%, #240106 100%);
}
.direct-servicos > .container.c-top .col-header{
    margin-top: -100px;
}
.direct-servicos .col-header h2{
    color: #fff;
}
.card-direct{
    padding:80px 30px 30px 30px;
    width: 350px;
    max-width: 100%;
    min-height:100%;
    border-radius: 25px;
    border: 1px solid #fff;
    background-repeat: no-repeat;
    background-position: top;
    -webkit-background-size: 100%,auto;
    -moz-background-size: 100%,auto;
    background-size: 100%,auto;
}
.card-direct.card-direct-fretamento{
   background-image: url("../img/direct/bg-card-fretamento.png");
}
.card-direct.card-direct-pax{
    background-image: url("../img/direct/bg-card-pax.png");
}
.card-direct.card-direct-rodo{
    background-image: url("../img/direct/bg-card-rodo.png");
}
.card-direct.card-direct-aereo{
    background-image: url("../img/direct/bg-card-aereo.png");
}
.card-direct .btn{
    width: 150px;
    font-size: 15px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "Work Sans", sans-serif;
}
.card-direct .c-footer{
    height:80px;
    padding:25px 10px 10px 10px;
}
.card-direct .c-header{
    min-height: 110px;
}

.card-direct .c-header p{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
}
.card-direct .c-header h3{
    color: #fff;
    font-weight: 700;
    font-family: "Work Sans", sans-serif;
}
.card-direct .c-body ul{
  padding-left: 0;
}


.tab-list-info ul li,
.card-direct .c-body ul li{
    color: #fff;
    position: relative;
    padding-left: 32px;
    margin-bottom: 15px;
    font-size: 13px;
    min-height: 30px;
    font-weight: 400;
    vertical-align: top;
    font-family: "Work Sans", sans-serif;
    background-repeat: no-repeat;
    background-position: top left;
    background-image:url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_697_308)"><mask id="mask0_697_308" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path d="M23.68 0H0V23.68H23.68V0Z" fill="white"/></mask><g mask="url(%23mask0_697_308)"><path d="M23.34 2.72C23.8 3.18 23.8 3.93 23.34 4.39L12.68 15.05C12.22 15.51 11.47 15.51 11.01 15.05L7.46 11.5C7 11.04 7 10.29 7.46 9.83C7.92 9.37 8.67 9.37 9.13 9.83L11.85 12.55L21.66 2.72C22.12 2.26 22.87 2.26 23.33 2.72M0 11.84C0 5.3 5.3 0 11.84 0C13.73 0 15.52 0.44 17.1 1.23C17.69 1.52 17.92 2.23 17.63 2.82C17.34 3.41 16.63 3.64 16.04 3.35C14.77 2.72 13.35 2.37 11.83 2.37C6.61 2.37 2.37 6.61 2.37 11.84C2.37 17.07 6.61 21.31 11.84 21.31C17.07 21.31 21.31 17.07 21.31 11.84C21.31 11.48 21.29 11.13 21.25 10.79C21.18 10.14 21.65 9.55 22.3 9.48C22.95 9.41 23.54 9.88 23.61 10.53C23.66 10.96 23.68 11.4 23.68 11.84C23.68 18.38 18.38 23.68 11.84 23.68C5.3 23.68 0 18.38 0 11.84Z" fill="white"/></g></g><defs><clipPath id="clip0_697_308"><rect width="23.68" height="23.68" fill="white"/></clipPath></defs></svg>');
}

.page-direct .container.content-tabs{
   padding-top: 50px;
   padding-bottom: 50px;
}
.nav-direct .nav-link{
  padding-left: 28px;
  padding-right: 28px;
  margin-left: 15px;
  border: 1px solid #fff;
}
.nav-direct{
    border:0 solid transparent;
}
.nav-direct .nav-link:first-child{
    margin-left:30px;
}
.nav-direct .nav-link > span{
    color: #fff;
    line-height: 120%;
    font-family: "Work Sans", sans-serif;
}
.nav-direct .nav-link > span:first-child{
   font-size: 14px;
   font-weight: 500;
}
.nav-direct .nav-link > span:last-child{
    font-size: 16px;
    font-weight: 700;
}
.nav-direct .nav-link.active > span{
    color: #56030F;
}
.tab-redirect-content{
    position: relative;
    padding: 20px 20px 20px 20px;
    border-radius: 20px;
    border: 1px solid #fff;
}

.tab-header{
    padding-top:20px;
    min-height: 80px;
}
.tab-header p{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: "Work Sans", sans-serif;
}
.tab-header h3{
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: "Work Sans", sans-serif;
}
.tab-description p{
    color: #DADADA;
    font-size: 15px;
    font-weight: 400;
    font-family: "Work Sans", sans-serif;
}
.tab-list-info ul li{
    font-size: 15px;
}
.tab-list-info ul li:last-child{
    margin-bottom: 0;
}
.tab-card{
    width: 480px;
    max-width: 100%;
}
.tab-card .info {width: 55%}
.tab-card .thumb{width: 45%;}
.tab-card .info{
    padding: 10px;
}
.tab-card .info h5,
.tab-card .info p{
    color: #DADADA;
    width: 100%;
    font-family: "Work Sans", sans-serif;
}
.tab-card .info h5{
    font-size: 15px;
    font-weight: 600;
}
.tab-card .info p{
    font-weight: 400;
    font-size: 14px;
}
.tab-redirect-content > .btn-bottom{
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 230px;
    max-width: 100%;
    margin-left: -115px;
}

.contato-direct{
    background-color:#131313;
}
.contato-direct > .container{
    width: 1300px !important;
    max-width: 100% !important;
}
.contato-direct .col-infos h3{
    color: #fff;
}
.contato-direct .col-infos a{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: "Work Sans", sans-serif;
}
.direct-footer{
    background-color:#8A0418;
}
.direct-footer > .container{
    padding-top: 50px;
    padding-bottom: 50px;
}
.bottom-direct{
    background-color: #2C0208;
}
.bottom-direct .container{
    width: 1400px !important;
    max-width: 100% !important;
    min-height: 100px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../img/bg-aviao-footer.svg');
    -webkit-background-size: 100%,auto;
    -moz-background-size:100%,auto;
    background-size:100%,auto;
}
.bottom-direct .container h2{
    color: white;
    display: inline-block;
    background-color:#2C0208;
    margin-bottom: 0;
    margin-top:13px;
    padding: 25px 20px;
}


.owl-wrap-direct{
    display: block;
    position: relative;
    padding-bottom: 30px;
}
.owl-theme.owl-direct .item{
    position: relative;
    padding-bottom: 50px;
}
.owl-theme.owl-direct .item .btn-bottom{
    width: 100%;
    position: absolute;
    bottom: 15px;left: 0;
    z-index: 15;
}
.owl-theme.owl-direct .item .btn.btn-red-direct{
     width: 230px;
    max-width: 100%;
}
.owl-theme.owl-direct .item{
    border-radius: 15px;
    padding: 10px 10px 75px 10px;
    border: 1px solid #FFFFFF;
}
.owl-theme.owl-direct .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
.owl-theme.owl-direct .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #f3f8fd;
    border: 1px solid #e1e1e1;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
.owl-theme.owl-direct .owl-dots .owl-dot.active span,
.owl-theme.owl-direct .owl-dots .owl-dot:hover span {
    background: #8A0418;
    border: 1px solid #fff;
}

@media(max-width: 768px){
    .selos-direct{
        width: 350px !important;
        max-width: 85% !important;
    }
    .contato-direct{
        background-image: none;
        background-color:#0A0A0A;
    }
    .direct-footer{
        background-color:#8A0418;
    }
    .bottom-direct{
        background-color:#2C0208;
    }
    .bottom-direct .container{
        min-height: 80px;
        background-image: none;
        background-color:transparent;
    }
    .bottom-direct .container h2{
        font-size: 1.6em;
        margin-top: 5px;
        padding: 5px 5px;
    }
}