/*******************************************************************************************************************************************************************
    1 => Servicos
    2 => Navbar Items
    3 => Contactos e Footer
    4 => Slider
    5 => Email
    6 => Mapa 
    7 => Parallax
    7 => Texto
********************************************************************************************************************************************************************/

/********************************************************************************************************************************************************************/
/********************************************************************** 1 => Servicos *******************************************************************************/
/********************************************************************************************************************************************************************/
.services__all-space {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.services__assistencia {
    margin-left: 12px !important;
    padding-right: 43px !important;
}
.wprt-tabs.style-1 ul li:last-child {
    margin-right: 0px !important;
}
.wprt-tabs.style-1 ul li:first-child {
    margin-left: 0px !important;
}
.wprt-tabs.style-1 ul li {
    margin-right: 12px;
    margin-left: 12px;
    padding-bottom: 24px;
}
@media (max-width: 510px) {
    .services__all-space {
        flex-direction: column;
        align-items: center;
    }
    .d-none-mobile {
        display: none;
    }
}

/********************************************************************************************************************************************************************/
/********************************************************************** 2 => Navbar Items****************************************************************************/
/********************************************************************************************************************************************************************/
.ativo a{
    color: #0075bf !important;
}

/********************************************************************************************************************************************************************/
/********************************************************************** 3 => Contactos e Footer *********************************************************************/
/********************************************************************************************************************************************************************/
#footer {
    padding: 150px 0 150px 0;
}
@media (max-width: 1300px) {
    #footer {
        padding: 120px 0 120px 0;
    }
}
@media (max-width: 991px) {
    #footer {
        padding: 76px 0 63px 0;
    }
}
#footer .footer-contact .content.address:after {
    content: "\f041";
}
#footer .footer-contact .content.mail:after {
    content: "\f0e0";
}

.custom-align-middle {
    display: flex;
    justify-content: center;
}
.footer-contact {
    flex-direction: column;
    display: flex;
    background: #0075bf;
    color: white;
    padding: 10px;
    width: 100%;
    justify-content: center;
    margin: 15px;
    flex-wrap: wrap;
    align-items: center;
}
@media (max-width: 991px) {
    .footer-contact {
        display: flex;
        background: #0075bf;
        color: white;
        padding: 10px;
        width: 100%;
        justify-content: start;
        margin: 15px;
        flex-wrap: wrap;
        align-items: start;
    }
}
.footer-contact .group {
    display: flex;
    flex-wrap: wrap;
    margin: 5px 0px;
}
#footer .footer-contact .content {
    position: relative;
    padding-left: 20px;
    margin-right: 20px;
    margin-left: 5px;
}

/********************************************************************************************************************************************************************/
/********************************************************************** 4 => Slider *********************************************************************************/
/********************************************************************************************************************************************************************/
.mh-70 {
    max-height: 70vh !important;
}

.tp-parallax-wrap {
    margin-top: -5% !important;
}

.tp-bullets {
    display: none !important;
}

.custom.tparrows:before {
    color: #0075bf;
}

/********************************************************************************************************************************************************************/
/********************************************************************** 5 => Email **********************************************************************************/
/********************************************************************************************************************************************************************/
.success-message {
    color:white;
    background-color: #1ec536;
    padding: 1% 3%;
    font-size: 16px;
    margin: 18px 0;
}
.error-message {
    color:white;
    background-color: #c51e1e;
    padding: 1% 3%;
    font-size: 16px;
    margin: 18px 0;
}

/********************************************************************************************************************************************************************/
/********************************************************************** 6 => Mapa ***********************************************************************************/
/********************************************************************************************************************************************************************/
@media (max-width: 991px) {
    #mapa {
        width: 100% !important;
    }
}

/********************************************************************************************************************************************************************/
/********************************************************************** 7 => Parallax *******************************************************************************/
/********************************************************************************************************************************************************************/
.parallax-img {
    /* The image used */
    background-image: url("../img/resized-parallax.jpg");

    /* Set a specific height */
    min-height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-img-2 {
    /* The image used */
    background-image: url("../img/background-lp.jpg");

    /* Set a specific height */
    min-height: 300px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/********************************************************************************************************************************************************************/
/********************************************************************** 8 => Texto **********************************************************************************/
/********************************************************************************************************************************************************************/
span {
    font-size: 16px;
}

p {
    font-size: 16px;
}

/********************************************************************************************************************************************************************/
/********************************************************************** 8 => Rodapé *********************************************************************************/
/********************************************************************************************************************************************************************/
.bg-footer {
    background-color: #d5d5d5 !important;
}

.bg-footer-head {
    background-color: #e9e9e9 !important;
}