/* ######### CABECALHO ############ */

body {
    background-color: #eee;
}

.why-choose-area {
    background-color: #eee;
}

/* ######### MENU ############ */

.hikey_menu > ul > li > a {
    text-transform: uppercase;
}

.logo {
    position: absolute;
    top: 0px;
    z-index: 1;
}

.logo_img img {
    position: absolute;
    top: 58px;
    width: 400px;
}

.main_sticky img {
    width: 350px;
    margin-top: 10px;
}

.hikey-hero-area.style-one {
    padding-left: 30px;
    margin-top: 0px;
}

.hikey_nav_manu.style-2.hikey_nav_manu:not(.sticky) {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.60) 100%);
    padding-bottom: 0px;
    position: absolute;
    width: 100%;
}

.pre-menu {
    background-color: #fff;
    box-shadow: inset 0 1px 16px 0 rgba(0, 0, 0, 0.16);
    height: 50px;
    display: flex;
    align-items: center;
    .text-center {
        display: flex;
        justify-content: space-around;
        align-items: center;

        .align-top-cantact {
            display: flex;
            align-items: center;
            padding: 0 5px;
        }

        i {
            color: #fad200;
            margin-right: 5px;
        }
    }
    .redes-sociais img {
        height: 30px;
        margin-left: 20px;
    }
}

.sticky-header .nav_scroll {
    display: flex !important;
    justify-content: space-evenly;
}

.hikey_nav_manu.style-2.sticky .hikey_menu > ul > li > a {
    color: #1b1b1b !important;
}

.ofic-prop-1, .ofic-prop-2 {
    width: 60px;
    height: 60px;
    margin-left: 10px;
    margin-top: -20px;
    margin-bottom: -20px;
    transform: rotate(-45deg);
}

.ofic-prop-2{
    display: none;
}

.sticky {

    background: #fff !important;

    .pre-menu {
        display: none;
    }

    .div-logo {
        display: flex;
        justify-content: center;
    }

    .ofic-prop-1 {
        display: none;
    }

    .ofic-prop-2 {
        display: block;
    }

}

.contatos-menu-mobile {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: calc(100vh - 400px);
    background: #f8f8f8 !important;
}

.hikey_menu ul .sub-menu {
    border-bottom: 3px solid #fad200;
    border-top: 3px solid #fad200;
}

.hikey_menu ul .sub-menu li:hover > a {
    background-color: #fad200;
}

/* ######### FOOTER ############ */

.footer-logo img {
    height: 43px;
    margin-bottom: 17px;
}

.footer-contacts {

    .single-contact-box {
        display: flex;
        align-items: start;
    }

    .contact-title h5 {
        margin-top: 0px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
    }

    p {
        font-size: 15px;
        line-height: 20px;
        color: #fff;
        margin: 0px;
        font-weight: 300;
    }

    .text-xs {
        color: #fff;
        font-size: 12px;
        margin: 0px;
    }

}

.footer-bottom-content p {
    color: #aaa !important;
    span, a {
        color:#fff;
    }
}

.contact-addres:hover p {
    color: #888;
}

.style-one .footer-widget-menu ul li a:hover {
    color: #888;
}

/* ######### SLIDE SHOW HOME ############ */

.hikey-hero-area.style-one {
    background-size: cover !important;
    background-position: center center !important;
}

.style-one h1.hero-title {
    font-size: 4rem;
}

.hero-content {
    text-align: right;
}

.style-one h5.hero-sub-title {
    font-size: 50px;
}

.align-end {
    align-items: flex-end;
}

/* ######### IMAGEM TOPO ############ */

.breadcumb-area {
    padding-top: 300px;
    padding-bottom: 50px;
}

/* ######### SLIDER DESTAQUES HOME ############ */

.seccaao-slider-destaques {

    .owl-item .slider-txt p {
        opacity: 0;
        transition: 0.5s;
    }

    .owl-item.center .slider-txt p {
        opacity: 1;
    }

    img {
        width: 100%;
    }

}

/* ######### SIDERS ############ */

.slides img {
    width: 100%;;
    height: auto;
} 

.slides-1 img {
    width: 100%;;
} 

.slides-2 img {
    width: 100%;;
} 

.slides-3 img {
    width: 100%;;
} 

/* ######### SERVICOS ############ */

.lista-servicos {

    .item {
        margin-bottom: 25px;
    }

    .flex-altura-uniforme {
        display: flex;
        align-items: stretch;
        .single-flip-box {
            height: 100%;
            margin-bottom: 0px;
        }
        .flip-box {
            height: 100%;
        }
        h2 {
            margin-top: 10px;
        }
    }

    .hero-btn2.servicos {
        position: absolute;
        bottom: 0px;
        right: 8px;
    }

    .style-one .flip-box-front {
        max-height: 350px;
        padding: 10px;
    }

    .front-box-icon {
        aspect-ratio: 4 / 3;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 5px;
    }

    .flip-box-front {
        padding:10px;
        border: 1px solid #eee;
    }

    .flip-box-back {
        padding:20px;
        h2 {
            margin-top: 0;
            margin-bottom: 10px;
        }
        .hero-btn2 a {
            border: 1px solid #fff;
            color:#fff;
            background-color: #fad200;
        }
        .hero-btn2 a:hover {
            color: #fad200;
            background-color: #fff;
        }
        .hero-btn2 a:hover {
            color: #fad200;
        }
        .hero-btn2 a::before {
            background: #fff;
        }
        .hero-btn2 a::after {
            background: #fff;
        }
        .hero-btn2 a i {
            background: #fff;
            color: #fad200;
        }
        .hero-btn2 a:hover i {
            color: #fff;
            background: #fad200;
        }
    }

}

/* APPRESENTACAO E FORMULARIO */

.formulario-servicos {

    background: #f4f0ed;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);

    h3 {
        margin-bottom: 5px;
    }

    p {
        margin-bottom: 15px !important;
        line-height: 15px !important;
    }

    input {
        width: inherit;
    }

}

/* TEXTO E IMAGEM */

.texto-e-imagem {
    
    .section-sub-title h5 {
        font-size: 35px; 
    }

    .flex-altura-uniforme {
        display: flex;
        align-items: stretch;
        .imagem {
            height: 100%;
            background-size: cover;
            background-position: center center;
            border-radius: 10px;
            border: 1px solid #eee;
        }
    }

    p {
        margin-bottom: 0px;
    }

}

/* TEXTO E VIDEO */

.texto-e-video {
    
    h5 {
        font-size: 35px; 
    }

    h1 {
        margin-bottom: 20px;
    }

    .video {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 10px;
        background-color: #fff;
    }

    iframe {
        aspect-ratio: 60 / 34;
        margin-bottom: -9px;
        border-radius: 6px;
        box-shadow: 0 0 0 1px black;
    }

    p {
        margin-bottom: 0px;
        width: 100% !important;
    }

}

/* NOTICIAS */

.noticias {

    .destaque {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 10px;
        background-color: #fff;
        .recent-widget-content {
            float: right;
            margin-top: -20px;
        }
    }

    .recent-widget-thumb img {
        border-radius: 8;
    }

    
    .imagem {
        width: 100%;
        
        border-radius: 5px;
    }

    .corpo {
        padding: 20px;
    }

    .widget-sidber {
        border-radius: 10px;
        padding: 20px;
        margin-bottom: 0;
    }

}

/* IMAGEM TEXTO E FORMULÁRIO */

.img-texto-form {

    .imagem {
        width: 100%;
        height: auto;
        border-radius: 10px;
        border: 1px solid #eee;
    }

    h4 {
        margin: 10px 0;
    }

    p {
        margin-bottom: 0px;
    }

}

/* EQUIPA */

.equipa { 

    .single-team-box {
        padding: 10px;
        border: 1px solid #fff;
        background-color: #fff;
        border-radius: 10px;
    }

    .team-content {
        padding-top:0px;
    }

    .imagem {
        aspect-ratio: 6 / 7;
        background-size: cover;
        background-position: center center;
        border-radius: 5px;
    }

}

/* LOJA ONLINE */

.loja-online {

    .filtros {
        display: flex;
        justify-content: space-between;
        height: 50px;
    }

    .single-destination-box {
        padding: 10px;
        height: 100%;
        position: relative;
    }

    .destination-title h4 {
        font-size: 15px;
        line-height: 15px;
        font-weight: 300;
    }

    .destination-title {
        margin-bottom: 40px;
    }

    .destination-img {
        aspect-ratio: 6 / 4;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .flex-altura-uniforme {
        display: flex;
        align-items: stretch;
    }

    .artigo {
        margin-bottom: 20px;
    }

    .destination-button {
        position: absolute;
        bottom: 5px;
        right: 10px;
        left: 10px;
        a {
            width: 100%;
            text-align: center;
        }
    }

    .preco {
        position: absolute;
        bottom: 58px;
        height: 25px;
        right: 12px;
        color: #fad200;
        font-weight: 700;
    }

}

/* CONTACTOS */

.contactos-texto {
    padding-left: 60px;
}

/* ################# LISTA VIATURAS ############## */

.ficha-viatura-v1 {
    
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    border-radius: 10px 10px 30px 30px;
    margin-bottom: 25px;

    .img1 {
        aspect-ratio: 4 / 3;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 10px 10px 0px 0px;
    }

    .titulo {
        height: 95px;
        align-content: center;
        text-align: center;
    }

    ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-bottom: 15px;
        margin-top: 15px;

        img {
            width: 30px !important;
        }

        li {
            width: 25%;
            justify-items: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            height: 55px;
            line-height: 16px;
        }
    }

    .viatura-detail-btn {
        
        display: flex;
        
        i {
            padding: 16px;
            font-size: 25px;
            background: var(--ztc-bg-btn-bg1);
            border: 1px solid #fad200;
            transition: all 0.4s;
            text-transform: uppercase;
            border-radius: 50%;
            height: 53px;
            width: 53px;
            margin-left: 5px;
            margin-bottom: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 15px;
            z-index: 3;
            color: #fad200;

            &:hover {
                background-color: #fad200;
            }

            &.active {
                background-color: #fff;
            }
        }

        .vl-btn1 {

            margin-left: auto;
            min-width: 40%;
            background: #fad200;
            border-radius: 30px;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 23px;
            font-weight: 600;
            color: #1b1b1b;
            border: 1px solid #fad200;
            margin-right: 5px;
            margin-bottom: 5px;

            &:hover {
                border-color: #fad200;
                background-color: #fff;
            }

            &.prevalue {
                border-color: #fad200;
                background-color: #fff;
                color: #000;
                position: absolute;
                right: 0px;
                padding: 12px 36% 12px 12px;
                font-size: 16px;
                line-height: 16px;
                display: flex;
                flex-direction: column;
                text-align: left;

                span {
                    font-size: 15px;
                    line-height: 17px;
                }
            }

            &.prevalue-two {
                right: 0px;
                background-color: rgba(55, 96, 164, 0.8);
                padding: 12px 57% 12px 12px;
                color: #fff;
            }

            &.preco-old {
                background-color: #d3d3d3;
                color: #444;
                margin-right: 5px;
                padding: 9px 41% 9px 12px;
                border: 1px solid #d3d3d3
            }
        }
    }

    .menu-lista-viatura {
        position: absolute;
        top: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        border-radius: 8px;
        z-index: 2;
        opacity: 0;
        z-index: -1;
        transition: all 0.4s;

        &.active {
            opacity: 1;
            z-index: 2;
            top: 0;
        }

        ul {
            display: flex;
            flex-direction: column;
            margin-top: 10px;

            li {
                width: 100%;
                align-items: center;
                margin-bottom: 5px;
                height: unset;

                a {
                    padding: 8px 20px;
                    background-color: #fad200;
                    color: #000;
                    display: flex;
                    align-items: center;
                    border-radius: 52px;
                    min-width: 200px;
                    font-size: 18px;
                    border: 1px solid #fad200;
                    transition: all 0.4s;
                    line-height: 18px;
                    height: unset;
                    width: unset;
                    margin: 0;

                    i {
                        font-size: 18px;
                        margin-right: 10px;
                        line-height: 18px;
                    }

                    img {
                        height: 18px;
                        margin-right: 10px;
                    }

                    &:hover {
                        background-color: #fff;
                        color: #000;
                    }
                }
            }
        }

        .price {
            margin-left: auto;

            img {
                width: unset !important;
                height: 25px;
                margin-top: 20px;
            }
        }
    }

    .car-content {
        position: relative;
        overflow: hidden;
        color: #000;
        background-color: rgba(255, 255, 255, 1);
        border-radius: 0px 0px 30px 30px;

        a {
            color: #000;
        }
    }
    
}

.ficha-viatura-v1:hover {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}

/* ######### FILTROS VIATURAS ############ */

.car-types2.viaturas-filtros1 {
    
    .container {
        background: rgba(255, 255, 255, 0.5);
        border: 1px solid rgba(55, 96, 164, 0.2);;
        border-radius: 8px;
        padding: 50px 30px 30px 30px;;
        transition: all 0.4s;
        margin-bottom: 30px;
        margin-top: 30px;
        position: relative;
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    }

    .sorting-options-main {

        padding:0;

        .btn-mais-filtros {
            background: #fad200;
            color: #1b1b1b;;
            font-size: 14px;
            font-style: normal;
            position: absolute;
            bottom: 0px;
            right: 0px;
            width: 100px;
            height: 25px;
            z-index: 1;
            border: none;
            border-radius: 20px 0 5px 0;
        }

        .noUi-horizontal {
            height: 5px;
            background-color: #888;
        }

        .noUi-connect {
            background-color: #fad200;
        }

        .noUi-handle {
            width: 20px;
            height: 20px;
            right: -17px;
            top: -9px;
            border-radius: 50%;
            border-color: #fad200;

            &:before, &:after {
                content: "";
                height: 0;
                width: 0;
            }
        }

        .noUi-tooltip {
            background-color: transparent;
            border: none;
        }

        .lista_viaturas_ordenar {
            margin-top: -25px;
            padding-left: 100px;
            .nice-select {
                width: 100%;
            }
            .list {
                width: 100%;
                margin-top: 2px;
            }
            #select-ordem {
                width: 100%;
                height: 40px;
                border: 1px solid #fad200;
                border-radius: 10px;
                padding: 0px 10px;
            }
        }

        .lista_viaturas_filtros {
            position: relative;
            padding: 0px 20px;

            .noUi-title {
                position: absolute;
                left: 0;
                right: 0;
                justify-content: center;
                display: flex;
                top: 10px;
            }

            .widget-content {
                margin-top: 20px;
            }
        }

        .div-ordenar {
            margin-top: -20px;
        }

    }

    .mais-filtros {
        margin-top: 30px; 
    }

    .filtros-select {
        display: flex;
        flex-direction: column;
        select {
            width: 100%;
        }
        .nice-select {
            line-height: 25px;
        }
        #Pesquisa_txt {
            background-color: #fff;
            border-radius: 5px;
            border: solid 1px #e8e8e8;
            height: 42px;
            line-height: 25px;
            padding-left: 18px;
        }
    }

    .pesquisas-frequentes {

        p {
            color: #000;
            margin: 0;
            margin-top: 10px;
            font-size: 14px;
            font-weight: 400;
        }

        div {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .btn-pesquisa-frequente {
            padding: 5px 15px;
            background-color: #fff;
            color: #000;
            justify-content: center;
            border-radius: 10px;
            font-size: 16px;
            border: 1px solid #fad200;
            transition: all 0.4s;
            line-height: 18px;
        }

        .btn-pesquisa-frequente:hover, .btn-pesquisa-frequente.active {
            background-color: #fad200;
            color: #1b1b1b;
        }

    }

}

/* DADOS TECNICOS V1 */

.coluna-viatura-left {

    background: #fff;
    padding: 20px 20px 20px 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    height: max-content;

    .dados-tecnicos-v1 {

        ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            img {
                height: 30px !important;
            }
            li {
                width: 25%;
                justify-items: center;
                display: flex !important;
                flex-direction: column;
                align-items: center;
                margin:10px 0;
                line-height: 12px;
                font-size: 14px;
                font-weight: 500;
                text-align: center;
            }
            div {
                font-size: 10px;
                font-weight: 500;
                height: 13px;
                color: #888;
            }
        }

        .titulo {
            height: 80px;
            align-content: start;
            text-align: left;
            margin-bottom: 30px;
            h3, p {
                text-align: left;
            }
            h4 {
                line-height: 26px;
                margin-left: 10px;
            }
            .marca-modelo {
                display: flex;
                align-items: end;
            }
        }

    }

    .viatura-preco-btn {
        
        display: flex;
        margin-bottom: 50px;
        position: relative;

        .vl-btn1 {

            margin-left: auto;
            min-width: 130px;
            background: #fff;
            border: 1px solid #fad200;
            padding: 12px 35px;
            line-height: 32px;
            border-radius: 30px;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-size: 23px;
            font-weight: 600;
            color: #1b1b1b;

            &:hover {
                border-color: #fad200;
                background-color: #fff;
            }

            &.prevalue {
                border-color: #fad200;
                background-color: #fff;
                color: #000;
                position: absolute;
                right: 0px;
                padding: 12px 165px 12px 20px;
                font-size: 16px;
                line-height: 16px;
                display: flex;
                flex-direction: column;
                text-align: left;

                span {
                    font-size: 15px;
                    line-height: 17px;
                }
            }

            &.prevalue-two {
                right: 0px;
                background-color: rgba(55, 96, 164, 0.8);
                padding: 12px 255px 12px 20px;
                color: #fff;
            }

            &.preco-old {
                background-color: #d3d3d3;
                color: #444;
                border-color: #888;
            }
        }
    }
    
}

/* MAIS INFORMACOES V1 */

.mais-informacoes-v1 {

    margin-top: 50px;

    ul {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    li {
        width: calc( 100% );
        font-size: 13px;
        line-height: 13px;
        margin-bottom: 10px;
        padding: 16px;
        cursor: pointer;
    }

    .vl-btn1 {
        padding: 17px 20px;
        background-color: #fad200;
        color: #1b1b1b;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 52px;
        font-size: 22px;
        border: 1px solid #fad200;
        transition: all 0.4s;
        line-height: 18px;
        width: 100%;
        margin-bottom: 10px;
    }

    .vl-btn1:hover {
        background-color: #fff;
        color: #1b1b1b;
        border: 1px solid #fad200;
    }
    
}

/* ######### DETALHES NOVOS ############ */

.detalhes-novos ul.sd-info_list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.detalhes-novos .destination-meta-1 {
    padding: 20px 0px;
    height: 95px;
    ul {
        list-style: none;
        display: flex;
        justify-content: space-around;
    }
    i {
        font-size: 12px;
        margin-right: 6px;
    }
    li {
        text-align: center;
        width: 100px;
        height: 75px;
        border: 1px solid #eee;
        border-radius: 15px;
        padding: 10px;
    }
}

.detalhes-novos h3, .detalhes-novos h4, .detalhes-novos h5 {
    margin-top: 0px;
}

.detalhes-novos .dados-tecnicos {
    margin-top: 30px;
    margin-bottom: 20px;
}

.detalhes-novos .sd-info_list_2 {

    li {
        width: 100%;
        font-size: 16px;
        line-height: 21px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.detalhes-novos .destination-preco ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px 0;
    color: #fad200;
    font-size: 25px;
    .desde {
        color:#1b1b1b;
        font-size: 15px;
    };
    .preco {
        font-weight: 700;
    }
}

.service-details-area .sd-booking-widget {
    border: 1px solid #aaa;
}

.detalhes-novos {

    .eq_saber_mais {
        font-size: 17px;
        text-wrap: nowrap;
        a {
            color: #fad200;
        }
    }

    .eq_categoria {
        text-align: left;
        color: #888;
        border-top: 2px solid #888;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 12px;
        padding: 5px 0;
    }

    .eq_descricao {
        list-style: none;
        display: none;
        font-size: 15px;
        line-height: 17px;
        padding: 5px 20px;
        margin-bottom: 10px;
        width: 100%;
    }

}


/* ######### DETALHES USADOS ############ */

.detalhes-usados .blog-details-content {
    margin-top:30px;
    padding: 15px;
}

.detalhes-usados .blog-details-content {
    margin-bottom:20px;
    border:1px solid #888;
    padding:2px;
    .grid-item {
        list-style-type: none;
        width: 25%;
        padding: 4px;
        img {
            width: 100%;
            cursor:pointer;
        }
    }
}

.detalhes-usados .blog-details-author-talk {
    margin-top:30px;
    border: 1px solid #2222;
    border-radius: 0px;
    display: flex;
    justify-content: center;
    width: 100%;

    .titulo {
        display: inline-block;
        color: #fff;
        position: absolute;
        top: -15px;
        margin: 0 auto;
        text-align: center;
        height: 30px;
        line-height: 30px;
        padding: 0 30px;
        background: #fad200;
        border-radius: 15px;
    }

    p {
        margin-bottom: 0px;
        font-size: 16px;
        line-height: 20px;
        font-style: normal;
    }

}

.detalhes-usados ul.sd-info_list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.detalhes-usados .destination-meta-1 {
    padding: 20px 0px;
    height: 95px;
    ul {
        list-style: none;
        display: flex;
        justify-content: space-around;
    }
    i {
        font-size: 12px;
        margin-right: 6px;
    }
    li {
        text-align: center;
        width: 100px;
        height: 75px;
        border: 1px solid #eee;
        border-radius: 15px;
        padding: 10px;
    }
}

.detalhes-usados h3, .detalhes-usados h4, .detalhes-usados h5 {
    margin-top: 0px;
}

.detalhes-usados .dados-tecnicos {
    margin-top: 30px;
    margin-bottom: 20px;
}

.detalhes-usados .sd-info_list_2 {
    /* list-style: none; */
    li {
        width: 100%;
        font-size: 16px;
        line-height: 21px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
}

.detalhes-usados .destination-preco ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0 0 20px 0;
    color: #fad200;
    font-size: 25px;
    .desde {
        color:#1b1b1b;
        font-size: 15px;
    };
    .preco {
        font-weight: 700;
    }
}

.service-details-area .sd-booking-widget {
    border: 1px solid #aaa;
}

.detalhes-usados {

    .eq_saber_mais {
        font-size: 17px;
        text-wrap: nowrap;
        a {
            color: #fad200;
        }
    }

    .eq_categoria {
        text-align: left;
        color: #888;
        border-top: 2px solid #888;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 12px;
        padding: 5px 0;
    }

    .eq_descricao {
        list-style: none;
        display: none;
        font-size: 15px;
        line-height: 17px;
        padding: 5px 20px;
        margin-bottom: 10px;
        width: 100%;
    }

}

.detalhes-usados {

    .div_preco_anterior  {
        display: flex;
        justify-content: right;
        height: 35px;
    }

    .div_preco_anterior h5 {
        font-size: 12px;
        font-weight: 400;
        color: #888;
        margin: 0px;
        margin-top: 15px;
    }

    .div_preco_anterior h5 .preco_anterior {
        position: relative;
        float: right;
        margin-top: -8px;
        margin-left: 10px;
        font-size: 20px;
    }

    .div_preco_anterior .preco_anterior::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #ee0809;
        transform: rotate(-15deg);
        transform-origin: center;
    }

}

.detalhes-usados .equipamento {

    margin-top: 30px;
    
    .about-boxarea { 
        display: initial;
    }
    .grid-item {
        width: calc( 50% - 5px ); 
        margin-bottom: 10px;
    }
    .moldura {
        border-radius: 8px;
        background: #fff;
        border: 1px solid #fad200;
        padding: 10px
    }
    .list {
        display: flex;
        flex-direction: column;
    }
    li {
        font-size: 16px;
        line-height: 22px;
        cursor: pointer;
        p {
            margin-bottom:0px;
        }
    }
    .acc-btn {
        color: #888;
        font-size: 16px;
        font-weight: 700;
    }
    .acc-content {
        padding-left: 15px;
    }
}

/* ######### PAGINA CONTACTOS ############ */

.seccao-form-contactos-map {

    .service-details-area {
        padding: 0px;
    }

    .telefone p {
            margin-bottom: 0px;
    }

    .telefone .text-xs {
        margin-top: 0px;
        font-size: 14px;
    }

    .mapa {
        padding: 0px;
        margin-top: 50px;
        iframe {
            border-radius: 10px;
            overflow: hidden;
            border: 1px solid #ccc;
        }
    }

}


/* ######### VIATURAS RECENTES ############ */

.seccaao-viaturas-recentes {

    padding: 30px 0 0px;

    h5 {
        font-size: 35px;
    }

}

/* ######### SLIDER VATURAS ############ */

.seccaao-slider-viaturas {

    padding: 30px 0 0px;
    margin-bottom: 50px;

    h5 {
        font-size: 35px;
    }

    .owl-item {
        opacity: 0.5;
    }

    .owl-item.active.center {
        opacity: 1;
        scale: 1.05;
    }

    .owl-item.active.center + .owl-item, .owl-item.active.center ~ .owl-item.active {
        opacity: 0.75;
    }

    .owl-item .slider-txt p {
        opacity: 0;
        transition: 0.5s;
    }

    .owl-item.center .slider-txt p {
        opacity: 1;
    }

    img {
        width: 100%;
    }

    .item {

        h3 {
            font-size: 22px;
        }

        .titulo {
            height: 75px;
        }

        p {
            margin-top: 0;
            margin-bottom: 5px;
        }

        ul {
            img {
                width: 22px !important;
            }
        }

        li {
            font-size: 12px;
        }

        .viatura-detail-btn i {
            height: 40px;
            width: 40px;
        }

        .vl-btn1 {
            font-size: 20px;
            height: 40px;
        }

        .vl-btn1.prevalue {
            font-size: 12px !important;
            span {
                font-size: 12px !important;
            }
        }

        .vl-btn1.prevalue-tow {
            font-size: 12px !important;
        }

        .vl-btn1.preco-old {
            font-size: 12px !important;
        }

    }

}

/* TERMOS LEGAIS */

.div_reclamacoes {
    display: none;
    margin-bottom: 30px;
    margin-top: -35px;
    border-top: 1px solid #1b1b1b;
    border-bottom: 1px solid #1b1b1b;
    background-color: #f1f5fa;
    padding: 10px 0px;
    p {
        text-align: left;
    }
    h6 {
        height: 30px;
    }
    img {
        width: 100%;
    }
}

.div_litigio {
    display: none;
    margin-bottom: 30px;
    margin-top: -35px;
    border-top: 1px solid #1b1b1b;
    border-bottom: 1px solid #1b1b1b;
    background-color: #f1f5fa;
    padding: 10px 0px;
    p {
        text-align: left;
    }
    h6 {
        height: 30px;
    }
    img {
        width: 100%;
        margin-top: 22px;
    }
}

.div_cookies {

    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 50px;
    background-color: #fff;
    text-align: center;
    font-size: 22px;
    border-top: 2px solid #888;
    box-shadow: 0px -5px 10px #888;
    z-index: 900;

    a {
        color: #fad200;
    }

    .btn {
        background-color: #fad200;
        color: #fff;
        border: 1px solid #fad200;
        padding: 10px 20px;
        border-radius: 5px;
    }

}

/* FILTROS */

.filtros .widget-content {
    margin-top:25px;
}


/* Modal */

.modal {
    .modal-dialog {
        .modal-content {
            background-image: url(../img/all-images/bg/bg2.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;

            .modal-header {
                border-bottom: 0;

                .btn-close {
                    padding: 10px;
                    font-size: 20px;
                    background-color: transparent;
                    border: 1px solid var(--ztc-bg-btn-bg1);
                    transition: all 0.4s;
                    text-transform: uppercase;
                    border-radius: 50%;
                    height: 30px;
                    width: 30px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    z-index: 3;
                    color: #000;
                    opacity: 1;
                }

                .btn-close:hover {
                    background-color: var(--ztc-bg-btn-bg1);
                }

                h5 {
                    font-weight: bolder;
                    font-size: var(--ztc-font-size-font-s32);
                    font-style: normal;
                    font-weight: var(--ztc-weight-semibold);
                }
            }

            .viatura {
                display: flex;
                margin-bottom: 20px;

                .imagem {
                    background-size: cover;
                    background-position: center center;
                    border-radius: 5px;
                    min-height: 150px;
                }

                .info {

                    padding-left: 10px;

                    > .row {
                        height: 100%;
                    }

                    .titulo {
                        font-size: 24px;
                        line-height: 28px;
                        padding-top: 3px;
                        margin-bottom: 15px;
                    }

                    .info-tec {
                        display: flex;
                        justify-content: space-between;
                        align-items: end;
                        padding-bottom: 3px;
                        margin-top: auto;

                        div {
                            div {
                                display: flex;
                                flex-direction: column;
                                font-size: 10px;
                                line-height: 13px;
                                align-items: center;
                                font-size: 10px;
                                font-weight: 500;
                                color: #888;
                            }
                        }

                        img {
                            max-width: 50px;
                            max-height: 30px;
                        }

                        span {
                            line-height: 12px;
                            font-size: 14px;
                            font-weight: 500;
                        }

                        .preco span{
                            border-radius: 52px;
                            color: #1b1b1b;
                            font-style: normal;
                            line-height: 20px;
                            padding: 16px 20px;
                            position: relative;
                            z-index: 1;
                            border: 1px solid #fad200;
                            transition: all 0.4s;
                            text-transform: uppercase;
                        }

                    }

                }

            }

            input, textarea, .nice-select {
                color: #1b1b1b;
                font-style: normal;
                line-height: 18px;
                border-radius: 8px;
                background: rgba(6, 29, 30, 0.1);
                padding: 12px 16px;
                width: 100%;
            }

            input {
                margin-bottom: 1rem;
            }

            .nice-select {
                height: 70px;

                .list {
                    width: 100%;
                }
            }

            .form-control:focus {
                color: #212529;
                background-color: #fff;
                outline: 0;
                box-shadow: none;
                border-color: var(--ztc-text-text-1);
            }

            .modal-footer {
                border-top: 0;

                .btn-submit {
                    border-radius: 52px;
                    background: #fad200;
                    color: #1b1b1b;
                    font-style: normal;
                    line-height: 20px;
                    padding: 16px 20px;
                    position: relative;
                    z-index: 1;
                    border: 1px solid #fad200;
                    transition: all 0.4s;
                    text-transform: uppercase;
                }

                .btn-submit:hover {
                    background-color: transparent;
                    border-color: #fad200;
                }

                .btn-cancel {
                    border-radius: 52px;
                    background-color: #d3d3d3;
                    color: #444;
                    font-style: normal;
                    line-height: 20px;
                    padding: 16px 20px;
                    position: relative;
                    z-index: 1;
                    border: 1px solid #d3d3d3;
                    transition: all 0.4s;
                    text-transform: uppercase;
                }

                .btn-cancel:hover {
                    background-color: transparent;
                }
            }
        }
    }
}


#modal-comparar {

    table {
        width: 100%;
        text-align: center;
        font-size: 14px;
      }

      table td, table th {
        width: 20%;
      }

      table th, table tr, table td {
        padding: 2px
      }

      table tr:nth-child(even) {
        background: #EEEEEE;
      }

      table thead {
        background: #EEEEEE;
      }

      table thead th {
        font-weight: normal;
        text-align: center;
        border-left: 1px solid #CCCCCC;
      }

      table thead th:first-child {
        border-left: none;
      }

      .price {
        
        span {
            border-radius: 52px;
            background: #fff;
            color: #fad200;
            font-style: normal;
            line-height: 20px;
            padding: 10px 20px;
            position: relative;
            z-index: 1;
            border: 1px solid #fad200;
            transition: all 0.4s;
            text-transform: uppercase;
        }
      }

      .titulo {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
      }

      .imagem img {
        text-align: center;
        max-height: 100px;
        width: auto;
        border-radius: 10px;
        margin: 5px;
      }

      a {
        border-radius: 52px;
        background-color: #d3d3d3;
        color: #444;
        font-style: normal;
        line-height: 20px;
        padding: 10px 20px;
        position: relative;
        z-index: 1;
        border: 1px solid #d3d3d3;
        transition: all 0.4s;
        text-transform: uppercase;
      }

      a:hover {
        background-color: transparent;
      }

}

#modal-mais-informacoes {
    ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 30px;

        li {
            border-radius: 52px;
            background: #fad200;
            color: var(--ztc-text-btn-text1);
            font-family: var(--ztc-family-font1);
            font-size: var(--ztc-font-size-font-s20);
            font-style: normal;
            font-weight: var(--ztc-weight-semibold);
            line-height: 20px;
            padding: 16px 20px;
            position: relative;
            z-index: 1;
            border: 1px solid #fad200;
            transition: all 0.4s;
            text-transform: uppercase;
            max-width: 385px;
            min-width: 385px;
            margin-bottom: 10px;
            text-align: center;

            &:hover {
                cursor: pointer;
                background-color: transparent;
                border-color: #fad200;
            }
        }
    }
}

#modal-partilhar {
    ul {
        display: flex;
        justify-content: space-around;
        margin-top: 30px;
        margin-bottom: 20px;

        li {
            margin: 0 10px;

            &:hover {
                cursor: pointer;
            }

            img {
                height: 50px;
                width: auto;
            }
        }
    }
}


@media (max-width: 1199px) {

    .style-one .flip-box-front {
        height: 30vw;
        max-height: 350px;
    }

    .car-types2.viaturas-filtros1 .sorting-options-main .lista_viaturas_ordenar {
        padding-left: 0px;
    }

    .car-content h3 {
        font-size: 20px;
    }

    .seccaao-slider-viaturas .item h3 {
        font-size: 18px;
    }

    .seccaao-slider-viaturas .item .viatura-detail-btn i {
        display: none;
    }

}

@media (max-width: 991px) {

    .mean-container .mean-bar img {
        vertical-align: middle;
        height: 58px;
        max-width: 75%;
        margin-left: 20px;
        margin-top: 0px;
        margin-bottom: -25px;
        z-index: 100;
        position: absolute;
    }

    .sticky-header .logo_img {
        display: none;
    }

    .coluna-viatura-left {
        order: 2;
        margin-top: 50px;
    }

    .footer-contacts {
        margin-top: 40px;
    }

}

@media (max-width: 767px) {

    .style-one .flip-box-front {
        height: 50vw;
        max-height: 350px;
    }

    .style-one h1.hero-title {
        font-size: 2rem;
        line-height: 1.5rem;
    }

    .viaturas-filtros1 .col-md-3 {
        min-height: 65px;
    } 

    .lista_viaturas_ordenar {
        margin-top: 0px !important;
        padding-left: 35px !important;
    }

    .detalhes-usados .equipamento {
        .grid-item {
            width: 100%;
        }
    }

    .viatura-detail-btn i {
        display: none;
    }

}

.mais-filtros {
    label {
        color: #000;
        margin-left: 1px;
    }
}

#menu {
    list-style: none;
}

.modal-open {
    padding-right: 0!important;
}

#slider-product {
    border-radius: 10px;
    overflow: hidden;

    li {
        border-radius: 10px;
        overflow: hidden;
        
        img {
            border-radius: 10px;
        }
    }
}

.lSGallery {
    li {
        border-radius: 10px;
    }
}

input, textarea, select, .nice-select {
    font-family: "Outfit", sans-serif;
}

input::placeholder, textarea::placeholder{
    font-family: "Outfit", sans-serif!important;
}

.service-details-area input.sd-form-field {
    color: #1b1b1b;
}