@import url('https://fonts.googleapis.com/css?family=Basic&display=swap');

.white{ color: white;}

.bg-sindojus {
     background-color: #115E3E;
}

.bg_sindojus_light{
    background-color: rgba(70, 221, 176, 0.5);
}

.bg-black-sindojus {
    background: #000;
}

.bg-darkgray-sindojus {
    background: #32343b;
}

.vAlign{
     padding: 60px 0px 60px 0px;
}

.space{ padding-bottom: 20px;}

.txwhite{ color: white;}
.txsindojus{ color: #4ccf9e;}

.center-block{ margin: auto; text-align: center; align-items: center; vertical-align: middle }

.bg-lightgray-sindojus {
    background: #ebebeb;
}
.bg-green-sindojus {
    background: #1da8a5;
}


.section-title-border {
    position: relative;
    height: 5px;
    width: 30px;
    background: #115E3E;
    border-radius: 10px;
    margin-bottom: 20px;

}


.section-title-border-white {
    position: relative;
    height: 5px;
    width: 30px;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 20px;

}

.section-title-border::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    background: #115E3E;
    border-radius: 10px;
    right: -60%;
    top: 0;
}

.section-title-border-white::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    background: #e2e2e2;
    border-radius: 10px;
    right: -60%;
    top: 0;
}

.icon-check{
    color: #21afa8;
}


.section-title {
    color: #044c49;
    font-size: 35px;
    font-weight: 600;
    font-family: 'Basic', sans-serif;
}

.section-title-border::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 25%;
    background: #2aaca6;
    border-radius: 10px;
    right: -100%;
    top: 0;
}

.section-title-border-white::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 25%;
    background: #ffffff;
    border-radius: 10px;
    right: -100%;
    top: 0;
}

.section-title-border.border-center {
    margin-left: calc(50% - 27px);
}

.section-title-border.border-white {
    background: #fff;
}

.section-title-border.border-white::before {
    background: #fff;
}

.section-title-border.border-white::after {
    background: #fff;
}

.section-title-border.border-inline {
    display: inline-block;
    margin-bottom: 5px;
}


/* paralaxx */

#top, #mid, #bot {
    width: 100%;
    padding: 20px 0;
}
#top {
    background: url("img/1.jpg");
    height: calc(100%  - 40px);
}

#bot {
    background: url("img/2.jpg");
    height: calc(100%  - 40px);
}


/* OVER SERVICOS */

#img1{
     background-image: url("../../assets/images/sindojus/Aconsultoria.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}

.over #img1:hover{
    background-image: url("../../assets/images/sindojus/Aconsultoriah.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}

#img2{
    background-image: url("../../assets/images/sindojus/Agestao.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}

.over #img2:hover{
    background-image: url("../../assets/images/sindojus/Agestaoh.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}


#img3{
    background-image: url("../../assets/images/sindojus/Aterceirizacao.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}

.over #img3:hover{
    background-image: url("../../assets/images/sindojus/Aterceirizacaoh.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}



#img4{
    background-image: url("../../assets/images/sindojus/Atreinamentosh.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}

.over #img4:hover{
    background-image: url("../../assets/images/sindojus/Atreinamentos.png");
    padding: 15px; text-align: center; padding-left: 0px; padding-right: 0px; display: block; text-align: center; background-position: center center; background-repeat: no-repeat; height: 215px;
}


.servtitulo{ font-size: 22px; color: #ffffff}
.textserv {padding-bottom: 25px; font-size: 14px; color: #ffffff}
.btserv{border: solid 3px; border-radius: 25px; border-color: rgb(255, 255, 255);  color:#ffffff;  background-color: rgba(0, 0, 0, 0);  padding: 9px 18px 9px 18px;}





#over .servtitulo:hover{ font-size: 22px; color: #8cf8ff
}
#over .textserv:hover {padding-bottom: 25px; font-size: 14px; color: #8cf8ff
}
#over .btserv:hover{border: solid 3px; border-radius: 25px; border-color: rgb(94, 180, 187);  color: #8cf8ff;  background-color: rgba(0, 0, 0, 0);  padding: 9px 18px 9px 18px;}


.over{ color: #ffffff
}
.over:hover{ color: #8cf8ff }

.pontilhado_right {border-right: 0px dashed #8cf8ff;}
.pontilhado_meio{border-bottom: 0px dashed #8cf8ff; }
.spacesindojus{ display: none; visibility: collapse}

@media ( min-width: 500px ) {
    .pontilhado_right {border-right: 2px dashed #8cf8ff;}
    .pontilhado_meio{border-bottom: 2px dashed #8cf8ff;  width: 95%}
    .spacesindojus{ display: block; visibility: visible}
}


.ativo { background-color: #115E3E; color: white}




/* SLIDE */


.carousel-caption {
    width:100%;
    height:100%;
    left:0 !important;
}

.carousel-caption h3 {
    text-align:left;
    margin-left:30px;
}
.carousel-caption p {
    margin-top:40%;
}
@media screen and (max-width: 479px) {
    .carousel-caption p {
        margin-top:20%;
    }
}

@media screen and (min-width: 480px) and (max-width: 640px){
    .carousel-caption p {
        margin-top:30%;
    }
}

@media screen and (min-width: 641px) {
    .carousel-caption p {
        margin-top:40%;
    }
}



/* NOVO SLIDE */