@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300|Muli:300|Poppins:300|Quicksand');

/*font-family: 'Poppins', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Quicksand', sans-serif;
*/
body {font-family: 'Josefin Sans', sans-serif;  font-size:20px; margin:0 auto; display:table; width:100%; line-height:25px; text-align:justify;}

.topo 					{ width:100%; margin-top:-25px; text-align:center; background:#858687; }
.topo #topo 			{ width:1050px; text-align:center; margin:0 auto; display:table; margin-top:-3px;}
.topo #logo 			{ display:table; width:100%; margin-bottom:30px; padding-top:30px;}
.topo #logo img 		{ display:table; margin:0 auto;}
.topo #topo .menu		{ width:100%; float:right; text-align:center;}
#banner2		 		{display:none;}
#banner2 .citacao 		{ width:95%; margin:0 auto; text-align:center; color:#000; padding:30px 0; }
@media screen and (max-width:900px){#banner{ display:none;} #banner2{ display:table;}}
@media screen and (max-width:1060px){.topo #topo { width:100%; margin:0 auto; text-align:center; padding-bottom:40px;}.banner {margin-top:0;}}
@media screen and (max-width:660px){.topo #logo img { width:95%; margin:0 auto;}}

/*PADRÃO*/
.wrapper 	{ 
    width:980px; 
margin:0 auto; display:table; text-align:justify;}
.titulo		{ 
    text-align:left; 
    font-size:42px; 
    line-height:45px; 
    font-weight:bold; 
    text-transform:uppercase; 
    font-family:"Times New Roman", Times, serif;
}
.subtitulo	{ font-size:22px; font-weight:bold; color:#B70D18;}
.bloco 		{ width:46%; float:left; margin:2%}
a 			{ text-decoration:none; color:#fff}
a:hover 	{ font-weight:bold;}
/*legend		{ padding:0px 30px 0px 30px; margin-left:31%; text-align:center; }*/
legend		{ padding:0px 80px 0px 80px; margin-left:31%; text-align:center; }
fieldset	{ border:none; border-top:thin solid #231F20; padding:15px; margin-top:10px;}

@media screen and (max-width:985px){.wrapper 	{ width:96%; margin:0 auto;}}
@media screen and (max-width:600px){.titulo 	{ font-size:30px;}}
@media screen and (max-width:400px){.titulo 	{ font-size:25px;}}

/*APRESENTAÇÃO*/			
.apresentacao					{ background:#000; padding-top:50px; padding-bottom:50px; color:#FFF;}
.apresentacao .titulo 			{ color:#fff;  }
.apresentacao fieldset			{ border-top:thin solid #fff;  }


/*AREA DE ATUAÇÃO*/
.area 						{ width:100%; margin:0 auto;padding-top:50px; padding-bottom:50px;  display:table; background:#858687; }
.area a 					{ color:#000;text-transform:uppercase;}
.area .titulo 				{ color:#000;}
.area fieldset				{ border-top:thin solid #000;}
.area .leia					{ color:#858687}
.area a:hover .leia 		{color:#000;}
.texto 						{ margin-top:250px; display:table; }
.area .area1				{ width:30%; margin:1.5%; float:left; }
.area .area1 img 			{ border-radius:50%;}
.area .area1:hover img		{ opacity:0.5; transition: all 0.4s ease-in-out; }
.area .area2				{ width:30%; margin:1.5%; float:left;}
.area .area2 img 			{ border-radius:50%;}
.area .area2:hover img 		{ opacity:0.5; transition: all 0.4s ease-in-out; }
.area .area3				{ width:30%; margin:1.5%; float:left;}
.area .area3 img 			{ border-radius:50%;}
.area .area3:hover img 		{ opacity:0.5; transition: all 0.4s ease-in-out; }

.area #back-area		{ background:#fff; border-radius:50%; width:220px; margin:0 auto;}
@media screen and (max-width:822px){.area{ height:800px;}.area .area1, .area .area2, .area .area3 { width:100%;}}

/*A ADVOGADA*/
.advogada 					{ width:100%; margin:0 auto;padding-top:50px; padding-bottom:50px; color:#fff; display:table; background:#000;}
.advogada a 				{color:#fff;}
.advogada .titulo 			{ color:#fff;}
.advogada fieldset			{ border-top:thin solid #fff;}

/*CONTATO*/
.contato 					{ width:100%; margin:0 auto; padding-top:50px; padding-bottom:50px; display:table; background:#858687; color:000}
.contato .titulo 			{ color:#000;}
.contato fieldset			{ border-top:thin solid #000;}
.contato .destaque 			{ background:#fff; padding:10px 15px; border-radius:8px; width:320px; margin:0 auto;}
.contato .destaque a		{ color:#000;}
	
#contato .col1				{ width:48%; float:left; margin:0 auto; display:table; margin-top:50px}
#contato .col2				{ width:48%; float:right; margin:0 auto; display:table; margin-top:55px}
#contato .col2 p			{ font-size: 20px; line-height: 2;}
/*#contato .col2 p			{ font-size: 1.5rem;}*/

#contato .col2 .bloco 		{ width:100%; margin:0 auto; display:table; margin-bottom:50px;}
#contato .col2 .bloco img 	{ float:left; margin-right:12px; margin-top:-25px; display:table;}
@media screen and (max-width:906px){#contato .col1,#contato .col2{ width:100%;}#contato .col2 .bloco{ width:100%; }}
@media screen and (max-width:440px){#contato .col2 .bloco{ font-size:14px;}}


input[type=text] 			{ width:100%; margin:0 auto; margin-bottom:10px; padding:10px; border:1px solid #ccc; border-radius:8px; outline:none; }
textarea			 		{ width:100%; height:232px; margin:0 auto; margin-bottom:10px; padding:10px; border:1px solid #ccc; border-radius:8px; outline:none;font-family: 'Josefin Sans', sans-serif;}
input[type=button] 			{ height:45px; font-size:16px; border:none;font-family: 'Josefin Sans', sans-serif; outline:none;  padding:10px 45px; background:#000; color:#D1D3D4;font-weight:bold;  margin:5px; cursor:pointer; margin:0 auto; }
input[type=button]:hover 	{background:#D1D3D4; font-weight:bold; color:#000;}
.but_mask					{ margin-left:20%;}	
::-webkit-input-placeholder  {font-family: 'Josefin Sans', sans-serif; font-size:16px; }		

/* JANELA */
.janela				{ font-family: 'Josefin Sans', sans-serif; font-size:15px; font-weight:300; color:#FFF; width:90%; text-align:center; overflow:hidden; background-color:none; padding: 30px; border:none; position:fixed; text-align:center; top: 50%; left: 50%; right: 50%; z-index: 999999;}
#mask 				{ display: none; background: #000;  position: fixed; left: 0; top: 0;  z-index:150; width: 100%; height: 100%; opacity: 0.8; z-index: 90;}
.close_janela       {  position:absolute; right:0; top:0; font: 26px Calibri; cursor:pointer; _cursor:hand; color:#900;}
.window				{ display:none; width:600px; height:400px; top:10%; position:fixed; left:0; background:#FFF; z-index:9900; padding:25px; border-radius:10px; }
#mascara			{ display:none; position:absolute; left:0; top:0; z-index:9000; background-color:#000; }
.fechar				{ display:block; text-align:right; color:#ef4e22;}

/*RODAPE*/
.rodape 			{ width:100%; background:#000; color:#fff; position: fixed; bottom:0;}
.rodape #rodape 	{ margin:0 auto; padding-top:20px; width:980px; text-align:center; display:table;}
.rodape #rodape #mc { float:right; margin-top:-35px; }
@media screen and (max-width:985px){.rodape #rodape {width:100%;}}
@media screen and (max-width:520px){.rodape #rodape #mc {text-align:center; margin-top:20px; margin-right:45%;}}

.rodape2 			{ width:100%; background:#000; color:#fff; position:fixed !important; bottom:0; height:60px;}
.rodape2 #rodape2 	{  margin:0 auto; padding-top:20px; width:980px; text-align:center; display:table;}
.rodape2 #rodape2 #mc { float:right;margin-top:-35px; }

.texto2:before, .texto2:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #fff;
    margin: auto;
}

.texto2 {
    display: flex;
    flex-direction: row;

    text-align:center; 
    font-size:42px; 
    font-weight:bold; 
    text-transform:uppercase; 
    font-family:"Times New Roman", Times, serif;
    margin-bottom: 50px;
    
}
          
.texto2:before,
.texto2:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #fff;
    margin: auto;
    
    
}
 /*Título black*/

.texto3:before, .texto3:after {
    content: "";
    flex: 1 1;
    border-bottom: 2px solid #000;
    margin: auto;
}

.texto3 {
    display: flex;
    flex-direction: row;

    text-align:center; 
    font-size:42px; 
    font-weight:bold; 
    text-transform:uppercase; 
    font-family:"Times New Roman", Times, serif;
    margin-bottom: 50px;
}
          
.texto3:before,
.texto3:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #000;
    margin: auto;
    
    
}

#contato .col3{
    display: none;
}
 
/*#contato .col2{*/
/*    display: none;*/
/*}*/
 
 
/*RESPONSIVIDADE*/
@media screen and (max-width:1060px){
    .rodape2 #rodape2 {
        width:100%;
    } 
    .rodape2{ 
        position:relative; 
        display:table;
    }
}

@media screen and (max-width:900px){
    .rodape2{ 
        position:relative; 
        display:table;
    }
}

@media screen and (min-width:290px) and (max-width:520px){
    .rodape2 #rodape2 #mc {
        text-align:center; 
        margin-top:20px; 
        margin-right:45%;
    }    
}

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

    .menu-collapser {
        width: 100%;
        height: 40px;
        color: #231F20;
        font-size: 16px;
        line-height: 40px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .collapse-button {
        color: #231F20;
        font-size: 14px;
        text-align: center;
        border-radius: 2px;
        cursor: pointer;
        transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .texto,.texto2,.texto3{
        font-size: 24px;
    }

    .citacao p, #advogada p, #contato p,.titulo{
        text-align: left;
        padding: 25px 0;
    }


    #contato .col3{
        display: none;
    }
     
    #contato .col2{
        display: none;
    }

    #contato .col3{
        display: block;
    }
    
     #contato p, #contato .col2 p{
        font-size: 1.25rem;
    }

    #contato input[type=button]{
        display: flex;
    }
}

/*Responsivo*/
/* Small devices (portrait tablets and large phones, 600px and up) 
@media (min-width: 350px) {...}*/
/* Medium devices (landscape tablets, 768px and up) 
@media only screen and (min-width: 768px) {...}*/
/* Extra large devices (large laptops and desktops, 1200px and up) 
@media only screen and (min-width: 1200px) {...}*/