@font-face {
    
     font-family: 'Roboto-Regular';
     src: url(../fonts/Roboto-Regular.ttf);

     font-family: 'betm';
     src: url(../fonts/betm.otf);
     

} 

*{
  
   font-family: 'Roboto-Regular';
   font-size: 19px; 

}

.navbar{

     position: absolute;
     background-color: transparent;
     top: 20px;
     left: 0;
     width: 100%;
     height: auto;
     z-index: 999;

}

.navbar .navbar-nav .nav-item .nav-link{
 
         color: white;
         font-family: 'betm';
         font-size: 23px;
  
}

.navbar .navbar-nav .nav-item {

            margin-left: 25px;

}

.navbar-nav{

       margin-right: 50px;

}

.navbar-brand{
 
       margin-left: 50px;

}
.navbar-toggler{
  
     background-color: white;

}

.navbar-collapse{

     text-align: right;
     padding: 0px;

}

 .navbar-nav .dropdown-menu .dropdown-item{
 
             font-family: 'betm';

 }

.navbar-nav .dropdown-menu .dropdown-item:hover{

               background-color: #005099;
               color: white;

      }

 .dropdown-menu{

          min-width: 7rem;

 }     

.carousel .slogan{

        height: 200px;
        position: relative;
        top: 40%;
        text-align: center;
        color: white;
}

.carousel .slogan h2{

        font-size: 37px;
        font-weight: bold;
        font-family: 'Roboto-Regular';

}

#sobre{

    text-align: center;
    margin-bottom: 30px;

}

#sobre p{

    font-family: 'Roboto-Regular';

}

.titlesec{
 
     margin: 20px 0px;
     font-family: 'betm';
     color: #005099;

}

#sobre .more{
   
       background-color: black;
       color: white;

}

#testemunhos .more{
   
       background-color: black;
       color: white;
       margin: 20px auto;
}

.time h3{

     width: 100%;
     font-family: "betm";
     margin-top: 30px;

}

.time{

   margin-bottom: 90px;

}

.time .card{

    border: none;

}

.time .info{

     box-shadow: 0px 0px 65px 0px #000000;
     background: white;
     padding: 10px 0;
     position: absolute;
     width: 80%;
     left: 10%;
     bottom: -40px;

}

.time .nome{

      font-size: 19px;
      font-weight: bold;

}

.time .cargo{

     font-size: 15px;
     color: #666;

}

.pagina{
   
   height: 400px;
   background: url('../img/img1.jpg');

}

.paginasijs{
   
   padding-bottom: 10px;
   background: url('../img/img1.jpg');

}

.pagina .slogan{

        font-size: 37px;
        position: relative;
       top: 210px;
}

.pagina .slogan h2{

        font-weight: bold;
        font-family: 'Roboto-Regular';
        color: white;
}        

.pageconte{

        margin-top: 30px;

}

.pageconte h3{
	 
     width: 100%;
     font-family: "betm";
     margin-top: 30px;
	   text-align: center;
	   font-size: 26px;
	  margin-bottom: 20px;
}

.pagesijs{

        margin-top: 20px;

}

.pagesijs h2{

        font-family: "betm";
        color: #0B2265;
        margin-top: 40px;

}

.pagesijs p{
       background-color: #0B2265;
       color: white;
       font-weight: 500;
       padding: 4px;
}

.pagesijs ul li{
        display: block;
        margin-bottom: 10px;
}

.infosijs{
      background-color: #0B2265; 
      padding-top: 20px;  
}

.infosijs .caixa{
       min-height: 260px;
       border-radius: 6px;
       background-color: #006400;
       margin-bottom: 20px;
       padding: 10px 5px;
}

.infosijs .caixa h3{
       text-align: center;
       color: white;
       font-size: 1.3em;
       font-weight: bold;
       margin-bottom: 16px;
}

.infosijs .caixa p{
        text-align: center;
        color: white;
}

.infosijs h2{
      font-family: "betm";
      font-size: 2.5em;
      color: white;
      text-align: center;
}

#services{

    text-align: center;
    margin-bottom: 30px;

}

#services .inner-services1{

            margin-bottom: 20px;
            min-height: 200px;
            background: url('../img/divorcio.jpg') no-repeat;
            background-size: cover;

}

#services .inner-services2{

            margin-bottom: 20px;
            min-height: 200px;
            background: url('../img/reprejudi.jpg') no-repeat;
            background-size: cover;

}

#services .inner-services3{

            margin-bottom: 20px;
            min-height: 200px;
            background: url('../img/paralegais.jpg') no-repeat;
            background-size: cover;

}

#services .filtro{

           position: relative;
           height: 200px;
           width: 100%;
           background: rgba(0,80,153,0.9);
           transition: 1s;

}

#services .filtro:hover{

            background: rgba(0,80,153, 1);
            transition: 1s;

}

#services .filtro a{

              top: 80px;
              color: white;
              font-size: 23px;
              margin: 10px;
              position: relative; 
              font-weight: bold;
              font-family: "Roboto-Regular";
              text-decoration: none;

}

.servicos{

     margin-bottom: 30px;

}

.servicos .texto p{

      font-size: 21px;
      margin-left: 20px;

}

.servicos .formulario h4{

      font-family: 'betm';

}

.servicos .formulario input{

       border-top: none;
       border-left: none;
       border-right: none;
       border-bottom: 1px solid #005099;

}

.servicos .formulario input::placeholder, label{

                 font-size: 17px;

}

.servicos .formulario textarea{

       border: 1px solid #005099;

}

.servicos .formulario .btn-primary{

           font-family: 'Roboto-Regular';
           font-size: 18px;
           background: #005099;

}

.servicos .formulario .enviando{
 
         width: 50px;
         display: none;

}

.servicos .formulario .msgsuce, .msgerror{
     
         display: none;

}

#testemunhos{

     margin-bottom: 40px;

}

#testemunhos .titlesec{

           width: 100%;
           text-align: center;

}

#testemunhos .testemunho{

        box-shadow: 0px 1px 8px 4px rgba(220,220,220,1);
        -webkit-box-shadow: 0px 1px 8px 4px rgba(220,220,220,1);
        -moz-box-shadow: 0px 1px 8px 4px rgba(220,220,220,1);
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 10px;
        padding-bottom: 30px;
        background: url('../img/icons/iconquote.png') no-repeat;
        background-position: top right;

}

#testemunhos .testemunho .nome{

           font-size: 25px;
           margin-bottom: 20px;
           color: #0086FF;
           display: block;
           font-weight: 300;

}

#testemunhos .testemunho p{

          color: #666;

}

.testemunhos{

     margin-bottom: 40px;

}

.testemunhos .testemunho{

        box-shadow: 0px 1px 8px 4px rgba(220,220,220,1);
        -webkit-box-shadow: 0px 1px 8px 4px rgba(220,220,220,1);
        -moz-box-shadow: 0px 1px 8px 4px rgba(220,220,220,1);
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 10px;
        padding-bottom: 30px;
        background: url('../img/icons/iconquote.png') no-repeat;
        background-position: top right;
        margin-bottom: 20px;

}

.testemunhos .testemunho .nome{

           font-size: 25px;
           margin-bottom: 20px;
           color: #0086FF;
           display: block;
           font-weight: 300;

}

.testemunhos .testemunho p{

          color: #666;

}

#footer{
 
    padding: 10px 0px;
    background: black;

}

#footer .logofoo{

      width: 240px;

}

#footer p{

     color: white;
     font-size: 16px;
     font-family: "Roboto-Regular";

}

#footer h2{

      color: white;
      margin-top: 30px;
      font-size: 23px;

}

#footer .contacts .bi-geo-alt, .bi-telephone, .bi-envelope{

       font-size: 16px;
       margin-right: 4px;

}

#footer .contacts p{

         margin-bottom: 2px;

}

#footer .copy{

      border-top: 1px solid #ccc;
      padding: 10px 5px;
      width: 100%;

}


/* responsivo */

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


         .navbar-nav{

              margin-right: 0px;
              backdrop-filter: blur(5px);
              background-color: rgba(255, 255, 255, .15);

        }

        .navbar .navbar-nav .nav-item{

                margin-right: 15px;

        }

        .navbar-brand{
 
               margin-left: 0px;

        }

         .navbar-nav .dropdown-menu {

              float: right;
              text-align: right;
              color: white;

      }

}


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

               .time .card{
 
                       margin-bottom: 80px;
                       margin-left: 30px;

               }

               .pagesijs h2{
                       margin-top: 0px;
               }

               .servicos .formulario{

                        margin-left: 20px;

               }

               #services .inner-services1, .inner-services2, .inner-services3{

                        margin-left: 20px;

               }

               #testemunhos .testemunho{
 
                        margin-left: 20px;
                        margin-bottom: 20px;

               }

               .testemunhos .testemunho{
 
                        margin-left: 20px;

               }

               
}

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

               .carousel .slogan h2{

                       font-size: 27px;
                  
                }            

               #footer .contacts .email{

                       display: none;

              }  

}