/****************** SECTION INSTITUCIONAL ******************/
section.institucional hr {
    background-color: #325481;
    width: 5%;
    margin-bottom: 5px;
}

section.institucional h4 {
    color: #325481;
}

section.institucional p {
    font-size: 14px;
    /*padding: 0 0 15px 0;*/
    margin: 0;
}

/****************** SECTION MISSSAO ******************/
section.missao {
    background-color: #4b4841;
}

section.missao h5,
section.missao p,
section.missao li {
    color: #FFF;
}

section.missao p {
    font-size: 14px;
}

/****************** SECTION EMPREENDIMENTOS ******************/
section.servicos {
    background-color: #fafafa;
}

section.servicos hr {
    background-color: #325481;
    width: 5%;
    margin-bottom: 5px;
}

section.servicos h4,
section.servicos h5,
section.servicos span {
    color: #325481;
}

section.servicos .card {
    border-radius: 15px;
    transition: 0.2s;
    border-bottom: 5px solid #aba594;
}

section.servicos .card:hover {
    border-bottom: 5px solid #325481;
    box-shadow: 10px 10px 16px #CCB;
}

section.servicos .card a.btn {
    position: absolute;
    margin: auto;
    margin-left: calc(100% / 4);
    bottom: -12px;
    padding: 0 15px;
}

section.servicos .row:nth-child(3) .card a.btn {
    margin-left: calc(100% / 6);
}

section.servicos .card li {
    color: #000;
}

section.servicos .card:hover a.btn-danger {
    background-color: #325481;
    border-color: #325481;
}

section.servicos h4.card-title {
    /*font-family: 'Bebas_Neue';*/
    color: #325481;
    margin: 10px 0 !important;
}

section.servicos .card p {
    /*display: none;
    position: absolute;
    margin-left: 355px;*/
    background: #FFF;
    z-index: 999;
    padding: 10px;
    top: 0;
    width: 100%;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #000;
    margin-bottom: 0;
    /*border: 1px solid #CCC;*/
    transition: 0.5s;
}

#gallery1 {
    height: 208px !important;
}

#gallery2,
#gallery3,
#gallery4 {
    height: 290px !important;
}

.ug-carousel-wrapper {
    /*
    border-top-left-radius: 40px !important;
    border-top-right-radius: 40px !important;
     */
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
}

section.servicos .ug-thumb-wrapper {
    width: 369px !important;
    margin-left: -8px !important;
}

.ug-thumb-overlay,
.ug-thumb-wrapper img {
    width: 100% !important;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    top: 0 !important;
}

.ug-carousel-inner {
    top: 0 !important;
}

.ug-theme-carousel img {
    /*
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
     */
    left: 0 !important;
}

section.servicos .ug-tile-navigation-wrapper {
    display: none;
}


/*
section.servicos {
    background-color: #fafafa;
}

section.servicos hr {
    background-color: #325481;
    width: 5%;
    margin-bottom: 5px;
}

section.servicos h5,
section.servicos h6,
section.servicos span {
    color: #325481;
}

section.servicos h6 {
    padding-top: 5px;
}

section.servicos .card {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 10px;
    border-radius: 10px;
}

section.servicos .card button {
    display: none;
}

section.servicos .card:hover {
    transform: scale(1.0);
}

section.servicos .card.drop:hover {
    background-image: url('/public/images/services/AbastecimentoAgua/background.jpg');
    background-size: cover;
    background-position: center;
}
section.servicos .card.drainage:hover {
    background-image: url('/public/images/services/DrenagemPluvial/background.jpg');
    background-size: cover;
    background-position: center;
}
section.servicos .card.digging:hover {
    background-image: url('/public/images/services/Terraplenagem/background.jpg');
    background-size: cover;
    background-position: center;
}
section.servicos .card.pavimentacao:hover {
    background-image: url('/public/images/services/Pavimentacao/background.jpg');
    background-size: cover;
    background-position: center;
}

section.servicos .card.drop:hover img,
section.servicos .card.drop:hover h6,
section.servicos .card.drop:hover p,
section.servicos .card.drainage:hover img,
section.servicos .card.drainage:hover h6,
section.servicos .card.drainage:hover p,
section.servicos .card.digging:hover img,
section.servicos .card.digging:hover h6,
section.servicos .card.digging:hover p,
section.servicos .card.pavimentacao:hover img,
section.servicos .card.pavimentacao:hover h6,
section.servicos .card.pavimentacao:hover p {
    display: none;
}

section.servicos .card.drop:hover button,
section.servicos .card.drainage:hover button,
section.servicos .card.digging:hover button,
section.servicos .card.pavimentacao:hover button {
    display: block;
}
 */

/*
section.servicos .card.waste {
    background-image: url('/public/images/services/AbastecimentoAgua/background.jpg');
    background-size: cover;
}
section.servicos .card.dam {
    background-image: url('/public/images/services/AbastecimentoAgua/background.jpg');
    background-size: cover;
}
section.servicos .card.sketch {
    background-image: url('/public/images/services/AbastecimentoAgua/background.jpg');
    background-size: cover;
}
*/

/****************** SECTION EMPREENDIMENTOS ******************/
section.equipamentos {
    background-color: #fafafa;
}

section.equipamentos hr {
    background-color: #325481;
    width: 5%;
    margin-bottom: 5px;
}

section.equipamentos h5,
section.equipamentos h6,
section.equipamentos span {
    color: #325481;
}

section.equipamentos h6 {
    padding-top: 5px;
}

section.equipamentos .ug-tile-navigation-wrapper {
    display: none;
}

section.equipamentos .ug-thumb-overlay,
section.equipamentos .ug-thumb-wrapper img {
    width: 100% !important;
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

/****************** SECTION CLIENTES ******************/
section.clientes {
    background-image: url(../images/bg_parceiros.png);
    background-size: cover;
    background-repeat: no-repeat;
}

section.clientes hr {
    background-color: #325481;
    width: 5%;
    margin-bottom: 5px;
}

section.clientes h5,
section.clientes p {
    color: #325481;
}

section.clientes h6 {
    font-size: 12px;
}

section.clientes p {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    margin: 0;
}

section.clientes .slickConvenios div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 35px;
}

section.clientes .slickConvenios button.slick-arrow {
    background: #ededed;
    width: 35px !important;
    height: 100%;
    z-index: 998;
    transition: .5s;
}

section.clientes .slickConvenios button.slick-arrow:hover {
    background: #325481;
    transition: .5s;
}

section.clientes .slickConvenios .slick-prev {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

section.clientes .slickConvenios .slick-next {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

section.clientes .slickConvenios .slick-prev:before,
section.clientes .slickConvenios .slick-next:before {
    content: none;
}

/****************** SECTION LOCALIZACAO ******************/
section.localizacao {
    background: #325481;
}

section.localizacao hr {
    background-color: #FFF;
    width: 5%;
    margin-bottom: 5px;
}

section.localizacao h4 {
    color: #FFF;
}

section.localizacao p {
    font-size: 14px;
    margin: 0;
    color: #FFF;
}

/*******************************************************/
/********************* RESPONSIVO **********************/
/*******************************************************/

@media (min-width: 320px) and (max-width: 768px) {
    section.missao ul.list-inline {
         height: auto !important;
         overflow-y: auto !important;
     }

    section.servicos .card {
        flex: 0 0 100% !important;
    }

    #gallery1,
    #gallery2,
    #gallery3,
    #gallery4 {
        height: 265px !important;
    }

    section.servicos .card:hover p {
        display: none !important;
    }

    section.servicos .row:nth-child(3) .card a.btn {
        margin-left: calc(100% / 4);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {

}