/* CONFIG GERAIS */

*{
    margin:0;
    padding: 0;
    
}
a:link{
    text-decoration: none !important;
    list-style: none !important;
}

.contain-secondary{
    max-width: 1800px;
    margin:0px auto;
    padding: 4% 2% 0% 2%;
}

.contain-tertiary{
    max-width: 1300px;
    margin:0px auto;
    padding:0% 2%;
}

.nav-link {
    display: block;
    padding: .5rem 0.8rem !important;
    
}

.navbar-expand-md .navbar-nav .nav-link:Hover{
    color: rgb(74, 75, 77) !important;
}

.line{
    border: solid 3px black;
    width: 100px;
}


/*    HEADER     */
.logotipo{
    margin-top:10px !important;
}


header{
    text-align:center;
    width:100%;
    height: 100% !important;
    padding-bottom: 2em;
    overflow-x: hidden;
    overflow-y: auto;
    background:#5ABBE5;
    background: linear-gradient(-55deg, #5ABBE5 60%, rgb(4, 109, 179))60%;
    background: -o-linear-gradient(145deg, #5ABBE5 60%, rgb(4, 109, 179))60%;background: linear-gradient(-55deg, #5ABBE5 60%, rgb(4, 109, 179))60%;
      font-family: 'Lato', sans-serif !important;
}

.container{
    font-family: 'Montserrat', sans-serif !important;
}

header a {
    color: white !important;
    font-weight: 600;
}
.btn-danger{
    padding: 12px !important;
    font-weight: 600 !important;
}

/* textos */
.texto-banner-top{
    text-align: center;
}
.texto-banner-top>p, .texto-banner-top>span{
    color: white !important;
    font-weight:600;
    font-size:20px;
}

.texto-banner-top>p{
    font-size: 38px;
    font-weight: 900;
}

/* INFORMAÇÕES */

.fundo-informacoes{
background: rgb(243, 243, 243);

}
.informacoes{
    display: inline-block;
    text-align: center;
    box-shadow:  0 1rem 3rem rgba(0,0,0,.175)!important;
    width: 23.33%;
    height: 100%;
    margin-right:10px;
    padding:1%;
    }
    .informacoes > span {
        font-size: 17px;
        font-weight: 900;
    }


.img-info{
    padding:10px;
    width:135px;
    height: 135px;
    background: url(../imagens/circle.png);
    background-repeat: no-repeat;
    background-size:99%;
    background-position: center center;
}

.infos>span{
    font-weight: bold;
    font-size:19px;
}

/* SERVIÇOS */

.fundo-container{
background: url(../imagens/bg02.jpg);
padding-bottom: 4em;
}
.tab-content{
    margin-top: 4em;
}

/*   Usar para tudo quando for usar essa função  */
#pills-tab{
    display: inline-block;
}

#pills-tab li{
    display: inline-block;
}

/* chamativo para consulta */
.fundo-sorriso{
    color: white !important;
 background:linear-gradient( rgba(60, 136, 235, 0.5),rgba(53, 129, 228, 0.5)),
    url(../imagens/bg-3.jpg) fixed;
    background:-webkit-gradient( linear,left top, left bottom,from(rgba(60, 136, 235, 0.5)),to(rgba(53, 129, 228, 0.5))),
    url(../imagens/bg-3.jpg) fixed;background:-o-linear-gradient( rgba(60, 136, 235, 0.5),rgba(53, 129, 228, 0.5)),
    url(../imagens/bg-3.jpg) fixed;
        padding:5em 2em;
        background-size: cover;
        background-position: center center;
}
.sorriso{
    font-size:40px;
}
.bt-sorriso {
    padding: 15px !important;
    font-weight: 900 !important;
    font-size: 22px !important;
}

/* PLANOS */


/* SUSTENTÁVEL*/



/* CONSULTA ONLINE */

.click{
border: solid 1px transparent;
position: absolute;
width: 100%;
height: 60%;

}

.fundo-consulta-2{
    width: 100%;
    height:60vh;
    background: url(../imagens/banner1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}



.fundo-consulta span{
    line-height: 50px !important;
}

input:focus{
    color: black !important;
    border: solid 1px black !important;
}

.bt-formulario {
    padding: 15px !important;
    font-weight: 900 !important;
    font-size: 20px !important;
}



/* FUNCIONÁRIOS FLIP */

/*.img-equipe{
    width: 150px;
    height: 150px;
}*/
.flip-card {
    background-color: white;
    width: 300px;
    height: 300px;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    cursor: pointer;
    text-align: center !important;
    display: inline-block !important;
    
  }
  
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.6s;
    transition: -webkit-transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
  }
  
  .flip-card:hover .flip-card-inner {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .flip-card-front {
    background-color:transparent;
    color: black;  
  }
  .flip-card-front img{
      text-align: center !important;
    
  }
  
  .flip-card-back {
    background-color: #2980b9;
    color: white;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

/* OWL */

.img-func{
    display: block;
    width:200px !important;
    text-align: center !important;
}


.owl-carousel .owl-item img{
    display: initial !important;
}


/* FEEDBACKS */

.img-feedback{
    width: 180px !important;
}

.fundo-feedback{
    background: rgb(235, 232, 232);
    padding:2em 0em;
}

.fundo-consulta{
    background-image: url(../imagens/banner01.jpg);
    background-size: cover;
    text-align: center !important;
   
}

.txt-consulta{
    color: rgb(rgb(33, 11, 228), rgb(31, 80, 185), rgb(74, 13, 172)) !important;
    
    text-align: center !important;
    font-size: 25px;
    

}

.txt-consulta-2{
color: white;
}

.btn-consulta{
padding: 10px;
border: none;
outline: none;
border: solid 1px white;
background: linear-gradient(45deg, #08c4f3, #0babeb);

}

.txt-banner-consulta{
    display: none;
}













/* RODAPÉ */

.fundo-rodape{
    background:rgba(38, 104, 228, 0.9);
    background: linear-gradient(-58deg, rgba(73, 174, 210) 40%, rgba(38, 104, 228, 0.9) 90%);
    background: -o-linear-gradient(148deg, rgba(73, 174, 210) 40%, rgba(38, 104, 228, 0.9) 90%);
    color: white;
    padding:4em 0em;
    text-align: center;
}

.sociais :nth-child(2){
    color: white !important;
}

.sociais :nth-child(2):hover{
    color: #C13584 !important;
}

.sociais :nth-child(3){
    color: white !important;
}

.sociais :nth-child(3):hover{
    color: rgb(44, 112, 240) !important;
}




/*                                    PÁGINAS SECUNDÁRIAS                          */



/*         PÁGINA DE CONTATO         */

.marcar-consulta{
    padding:4em 0px;
    background-color: rgba(252, 252, 252, 0.7);
}


.background-woman{
  background:linear-gradient( rgba(100, 168, 224,.4),rgba(100, 168, 224,.4)),
        url(../imagens/bg-woman.jpg);
        background-position: center;
        background-size: cover;
}

.coluna-consulta span {   

  font-size:30px;
  font-weight:600;

}

.marcar-consulta h2{
    font-size: 30px;
    font-weight:600;
}

.responsavel{
  padding:5em 4em;
  background-color: rgba(252, 252, 252, 0.7);
  margin-top:1em;
}

.responsavel1{
    padding:5.9em 4em;
}

.responsavel h2, .responsavelh3{
    font-weight: 600;
}

.responsavel span{
  font-size:20px;
  line-height:1.7em;
}


/* PÁGINA DE SERVIÇOS */
/* EFEITO DE COMPRAÇÃO */

.contain1-comparacao{
    max-width: 500px;
    margin: 0px auto;
}























/* MEDIA QUERIE*/


@media screen and (max-width:1150px){
    
   



    .texto-banner-top>p{
        font-size: 30px;
    }

    .fundo-consulta-2{
        height:480px;
}

.click{
    
    height: 52%;
    
    }
}

@media screen and (max-width:1092px){
    
    /* padding do menu navbar*/
    
    .nav-link {
    display: block;
    padding:10px !important;
    font-size: 14px !important;
    }
}


@media screen and (max-width:990px){

    .informacoes{
        width:47%;
        margin-bottom: 5%;
        }

        .flip-card {
            width: 100%;
        }

        .fundo-consulta-2{
            height:380px;
    }

    .click{
    
        height: 41%;
        
        }
}


@media screen and (max-width:900px){

    .texto-banner-top>p{
        font-size: 25px;
    }

    .fundo-consulta{
        color: white;
        font-weight:600;
        padding-top: 10em;
        padding-bottom: 8em;
        background:linear-gradient(-85deg, #1894EF,#1854CB);
        text-align: center !important;
    }
}

@media screen and (max-width:750px){
 .nav-link {
    font-size: 18px !important;
    }
}
    


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

        header{
    background: linear-gradient(-15deg, #5ABBE5 70%, rgb(4, 109, 179))60%;

        }

        .bt-formulario {
            padding: 10px !important;
            font-weight: 900 !important;
            font-size: 20px !important;
            width:100% !important;
        }

        .fundo-rodape{
            text-align: left;
        }

        .logotipo{
            margin-top:10px !important;
        }
        
        .fundo-consulta-2{
            height:480px;
            background:url(../imagens/bg1.png) no-repeat bottom, linear-gradient(-75deg, #7eb2c8, #00789a );
            background-size: 250px, cover;
            color: white;
            font-weight: 900;
            text-align: center !important;
        }

        .txt-banner-consulta{
                display: block;
                padding-top: 2em;

            }

            .txt-consulta{

                font-size: 20px;
            }

            .txt-consulta2{
                    font-size: 17px;
            }

            .bt-consulta{
                color: red;
                width: 200px !important;
                text-align: center;
            }

            #pills-tabContent{
                margin-top:0px !important;
            }
            .click{
    
               display: none;
                
                }
        }


@media screen and (max-width:600px){
    .contain-secondary{

        padding-top:0px;
    }

    .bt-top{
        padding:10px !important;
        font-size: 13px !important;
    }

    .logotipo{
        width:150px;
    }

    .texto-banner-top>p{
        font-size: 22px;
    }
}

@media screen and (max-width:501px){
    
    .texto-banner-top>p{
        font-size: 18px;
    }

    .informacoes{
        width:90%;
        }

        .coluna-consulta span {   

            font-size:22px;
            font-weight:600;
          
          }

          .mensagem{
              font-size: 22px;
          }


        .fundo-consulta-2{
            height:400px;
            background-size: 200px, cover;
            color: white;
            font-weight: 900;
        }

        .txt-banner-consulta{
                display: block;
                padding-top: 2em;

            }

            .txt-consulta{

                font-size: 16px;
            }

            .txt-consulta2{
                    font-size: 14px;

            }
        }



        @media screen and (max-width:390px){


            .fundo-consulta-2{
                height:330px;
                background-size: 140px, cover;
                color: white;
                font-weight: 900;
            }
    
            .txt-banner-consulta{
                    display: block;
                    padding-top: 1em;
    
                }
    
                .txt-consulta{
    
                    font-size: 15px;
                }
    
                .txt-consulta2{
                        font-size: 13px;
    
                }


        }


        @media screen and (max-width:350px){


            .fundo-consulta-2{
                background-size: 140px, cover;
                color: white;
                font-weight: 900;
            }
    
            .txt-banner-consulta{
                    display: block;
                    padding-top: 1em;
    
                }
    
                .txt-consulta{
    
                    font-size: 12px;
                }
    
                .txt-consulta2{
                        font-size: 12px;
    
                }
            }