body{
width:100vw;
height:100vw;
margin:0;
padding:0;
overflow-x: hidden;    
}
header{
    width:100%;
    height:75px;
    background-color:#53B0FE;
}
.container{
    width:100%;
    height:100%;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
}
.logo{
    width:20%;
    height:100%;
    display:flex;
    align-items: center;
    font-size:1.5em;
    font-family:arial;
    color:#FFF;
}
.social{
    width:20%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    font-family:arial;
    color:#FFF;
    
}
.social > a > i{
    margin:7px;
    font-size:1.3em;
    color:#FFF;
}
.menus{
    width:50%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: flex-end;
    font-family:arial;
    color:#FFF;    
}
.menus > span > a{
    color:#FFF;
    text-decoration: none;
    margin:20px;
	 align-items: center;
	 text-align:center;
}
    .menus_mobile, .itens_menusMobile{display:none;}    
	 
 
   
 
#4{ margin-right:10px;}  
  
  
	.lampada{
	    
        width:90vw; 
		height:50vw;
        display:flex;
        justify-content: center;
        align-items: center;
        margin-top:3%;
		margin-left:5%;  
		position:absolute; 		
    }  
	.lampada_foto > img{
		  
		width:21vw;
        height:auto;
		position:absolute;
		left:39.5%;
		top:30%;  
    }
            
    .circle1{
		
        width:12vw;
		height:auto; 
        background-color:#fff;
        border:4px solid #000;
        border-radius:50%;  
		
    }
    .circle1 > img{
        width:11.5vw;
        height:auto; 		
    } 
 
	#c1{
		 
		position:absolute;
		left:28%;
		top:10%;
         
	}
	#c2{
		 
		position:absolute;
		left:23%;
		top:40%; 
         
	}#c3{
		 
		position:absolute;
		left:29%;
		top:70%;
         
	}
	#c4{
		 
		position:absolute;
		left:45%;
		top:0%; 
         
	}
	#c5{
		 
		position:absolute;
		left:61%;
		top:10%; 
         
	}
	#c6{
		 
		position:absolute;
		left:66%;
		top:40%;
         
	}
	#c7{
		 
		position:absolute;
		left:61%;
		top:70%;
         
	}

  .agerontologica{
	  margin-top:60%;
        width:95%;
        height:auto;
        display:flex;
        justify-content: center;
    }   
    .agerentologica_container_texto{
		 
        width:95%;
        height:auto;
        font-family:arial;
        margin:0 auto;
		margin-left:5%;
    }
    .titulo_grande_azul{
        width:100%;
        height:auto;
        color:#53B0FE;
        text-align:center;
        font-size:2em;
        margin-bottom:10px;
        font-family:arial;
		justify-content: center;
		
    }
    .texto_atencao_gerontologica{
        width:100%;
        height:auto;
        text-align: justify;
        color:#333;
    }  
	 
    .destaque{         
        text-align: right;
    }
	.gerontologia{
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
    }
    .container_gerontologia{
        width:95%;
        height:auto;
        margin:0px auto;
    }
	.container_gerontologia > p{
        font-family:arial;
    }
    .quadrados{
        width:100%;
        height:auto;
        display:flex;
        flex-wrap: wrap;
        margin-top:25px;
		justify-content: center;
    }
    .itemquadro{
        width:300px;
        height:252px;
        text-align: center;
        background-color:#eee;
        margin-bottom:15px;
		margin:5px;
    }
    .itemquadro > img{
        width:100%;
        height:100%;
    } 
	

  /* area de atuação */  
    .area_de_atuacao{
        width:100%;
        height:auto;
    }   
    .container_atuacao{
        width:80%;
        height:auto;
        margin:0 auto;
        
    }
    .container_atuacao > p{
        font-family:arial;
    }
    
    .topicos_atuacao{
        width:100%;
        height:auto;
        display: flex;
        justify-content: space-between;
    }
    .topicos_atuacao_item{
        width:30%;
        height:auto;
        margin-top:30px;
		padding-left:10px;
		padding-right:10px;
    }
    .circulo{
        width:150px;
        height:150px;
        display:flex;
        justify-content: center;
        align-items: center;
        background-color:#84754E;
        border-radius:50%;
        margin:0 auto;
        
    }
    .circulo > i {
        color:#fff;
        font-size:3em;
    } .circuloIcon{
        width:80px;
        height:80px;
        display:flex;
        justify-content: center;
        align-items: center;
        background-color:#84754E;
        border-radius:50%;
        margin:0 auto;
        
    }
    .circuloIcon > i {
        color:#fff;
        font-size:3em;
    }
    .subtitulo{
        width:100%;
        height:auto;
        font-family: arial;
        text-align: center;
        margin-top:15px;
    }
    .texto_atuacao{
        width:100%;
        height:auto;
        color:#999; 
        text-align: justify;
        font-family: arial;
        font-size:0.9em;
    }	
	
/* gerontologa loira */      
    .gerontologa_loira{
        width:100%;
        height:auto;
        background-color:#F3F3F3;
        padding-top:40px;
        margin-top:40px;
    }
    .container_gerontologa_loira{
        width:80%;
        height:auto;
        margin:40px auto;
    }
    .row-item{
        width:100%;
        height:auto;
        display:flex;
        justify-content: flex-start;
    }
    .circulo_loira{
        width:auto;
        height:auto;
        padding-top:30px;
    }
    .circulo_loira > img{
        border-radius:50%;
    }
    .textos_loira{
        width:100%;
        height:auto;
        padding-top:60px;
        padding-left:30px;
    }
    .texto_dentroaspas{
        width:100%;
        height:auto;
        padding-top:20px;
        font-size:1.6em;
        font-family:arial;
    }
    .fecha_aspas{
        width:auto;
        height:auto;
        padding-top:10px;
        float:right;
    }
    .sobre_ela{
        width:85%;
        height:auto;
        font-family: arial;
        font-size:0.99em;
        color:#999;
        padding-top:30px;
		text-align:justify;
    }
    
    
    
    .row_squares{
        width:90%; height:auto;
        display:flex;
        justify-content: space-between;
        margin:0px auto;
        margin-top:60px;
    }
    .quadro_itens{
        width:400px;
        height:300px;
        background-color:#eee;
    }
    .quadro_cinza{
        width:80%;
        height:241px;
        margin:0px auto; 
         
        margin-top:15px;

    }
    .linha_outro_conteudo{
        width:100%;
        height:auto;
        display:flex;
        justify-content: flex-start;
        align-items: center;
    }
    .linha_outro_conteudo > img{
        margin-right:10px;
    }
    .linha_outro_conteudo > a{
        color:#999;
        text-decoration: none;
        font-family: arial;
    }
    .quadro_cinza > p {
        font-family: arial;
        padding-left:10px;
    }
	/*<!--/////=================////////-->*/
	
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 0px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../img/top_mover_green.png) no-repeat 0px 0px;
}  
		
		
		
		/* simple */
		.flip-container {
			-webkit-perspective: 1000;
			-moz-perspective: 1000;
			-ms-perspective: 1000;
			perspective: 1000;

			-ms-transform: perspective(1000px);
			-moz-transform: perspective(1000px);
    			-moz-transform-style: preserve-3d; 
    			-ms-transform-style: preserve-3d; 
 
		}
			/* START: Accommodating for IE */
			.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
		
		/* END: Accommodating for IE */

		.flip-container, .front{
			 width:300px;
        height:252px;
		
		}
		
		.back {
		width:295px;
        height:252px;
		padding:10px; 
		} 

		.flipper {
			-webkit-transition: 0.6s;
			-webkit-transform-style: preserve-3d;
			-ms-transition: 0.6s;

			-moz-transition: 0.6s;
			-moz-transform: perspective(1000px);
			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;

			transition: 0.6s;
			transform-style: preserve-3d;

			position: relative;
		}

		.front, .back {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;

		    -webkit-transition: 0.6s;
		    -webkit-transform-style: preserve-3d;

		    -moz-transition: 0.6s;
		    -moz-transform-style: preserve-3d;

		    -o-transition: 0.6s;
		    -o-transform-style: preserve-3d;

		    -ms-transition: 0.6s;
		    -ms-transform-style: preserve-3d;

		    transition: 0.6s;
		    transform-style: preserve-3d;

			position: absolute;
			top: 0;
			left: 0;
		}

		.front {
			-webkit-transform: rotateY(0deg);
			-ms-transform: rotateY(0deg);
			
			z-index: 2;
		}

		.back {
			background: lightblue;
			-webkit-transform: rotateY(-180deg);
		    -moz-transform: rotateY(-180deg);
		    -o-transform: rotateY(-180deg);
		    -ms-transform: rotateY(-180deg);
		    transform: rotateY(-180deg);
		}

		.front .name {
			font-size: 2em;
			display: inline-block;
			background: rgba(33, 33, 33, 0.9);
			color: #f8f8f8;
			font-family: Courier;
			padding: 5px 10px;
			border-radius: 5px;
			bottom: 60px;
			left: 25%;
			position: absolute;
			text-shadow: 0.1em 0.1em 0.05em #333;
			display: none;

			-webkit-transform: rotate(-20deg);
			-moz-transform: rotate(-20deg);
			-ms-transform: rotate(-20deg);
			transform: rotate(-20deg);
		}

		.back {
			background:#eee;
		}
		
		.back-logo {
	position: absolute;
	top: 18px;
	left: 54px;
	width: 210px;
	height: 210px;
	background-image: url(../img/medico1.png);
	background-size:cover;
		}

		.back-title {
	font-weight: bold;
	color: #00304a;
	position: absolute;
	top: 252px;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0.1em 0.1em 0.05em #000;
	font-family: Courier;
	font-size: 22px;
		}

		.back p {
			position: absolute; 
			left: 0;
			right: 0;
			text-align: justify;
			padding: 10px; 
			
		vertical-align: middle;
		display: table-cell;
		}

		/* vertical */
		.vertical.flip-container {
			position: relative;
		}

			.vertical .back {
				-webkit-transform: rotateX(180deg);
				-moz-transform: rotateX(180deg);
				-ms-transform: rotateX(180deg);
				transform: rotateX(180deg);
			}

			.vertical.flip-container .flipper {
				-webkit-transform-origin: 100% 213.5px;
				-moz-transform-origin: 100% 213.5px;
				-ms-transform-origin: 100% 213.5px;
				transform-origin: 100% 213.5px;
			}

			/*
			.vertical.flip-container:hover .flipper {
				-webkit-transform: rotateX(-180deg);
				-moz-transform: rotateX(-180deg);
				-ms-transform: rotateX(-180deg);
				transform: rotateX(-180deg);
			}
			*/

			/* START: Accommodating for IE */
			.vertical.flip-container:hover .back, .vertical.flip-container.hover .back {
			    -webkit-transform: rotateX(0deg);
			    -moz-transform: rotateX(0deg);
			    -o-transform: rotateX(0deg);
			    -ms-transform: rotateX(0deg);
			    transform: rotateX(0deg);
			}

			.vertical.flip-container:hover .front, .vertical.flip-container.hover .front {
			    -webkit-transform: rotateX(180deg);
			    -moz-transform: rotateX(180deg);
			    -o-transform: rotateX(180deg);
			    transform: rotateX(180deg);
			}
		/* END: Accommodating for IE */
		
.hi-icon {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color:#fff;
  	border:3px solid #84754e;
  	line-height: 2.5em;
  	font-size: 1em;
	padding-top:17px;
}
.hi-icon:after {
	position: absolute;
	width: 50%;
	height: 50%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	font-size: 0.5em;
}

.hi-icon:before {
	font-size: 1em;
	display: block;
}
/* Effect 8 */
.circulo .hi-icon {
	background: #84754e;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.circulo .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
 
.hi-icon:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	top: 10%;
	left: 10%;
	font-size: 1em;
	display: block;
}
/* Effect 8 */
  .hi-icon {
	background: #84754e;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
	
}
  .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

  .hi-icon:hover {
	background: rgba(179, 36, 36, 0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color:#53b0fe;
	  text-decoration: none;
}

 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
		transform: scale(1.5);
		opacity: 0;
	}
}
.voltar-ao-topo {  
    position: fixed;
    right: 20px;
    bottom: 80px;
    height: 42px;
    width: 42px;
    z-index: 9999;
    line-height: 3em;
    background:  url("../img/top_mover_green.png") center center no-repeat;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
        }
         
#lga0{
	width: 80%;
}
#lga1{
	width: 90%;
}
#lga2{
	width: 50%;
}
#lga3{
	width: 60%;
}	
.ler{color:rgb(65, 65, 66);}
	 
.minha_parte_alzheimer{ margin-top:30px;}	 
	 
	 
 /* Suas vantagens */ 
    .suasvantagens{
        width:100%;
        height:800px;
        background-color:#F3F3F3;
        margin-top:90px;
        padding-top:40px;
    }
    .container_vantagens{
        width:80%;
        height:auto;
        margin:0 auto;
        text-align: center;
    }
	/*label { text-align:left;}*/
    .texto_esq_vantagens{
        
        width:100%;
        height:100%;
        font-family: arial;
        color:#999; 
        text-align: justify
    }
    .medico_dir{
        width:45%;
        height:100%;
        margin-top:80px;
    }
	
	.input2{
        width:55%;
        height:30px;
        margin:0px auto;
		font-family: arial; 
        text-align: justify
    }
    
 /* contato */ 
    .contato{
        width:100%;
        height:auto;
        padding-top:80px;
    }  
    .container_contato{
        width:80%;
        height:auto;
        margin:0 auto;
        text-align: center;
        
    }
    .container_contato > p{
        text-align: center;
		color:#999; 
		font-family:arial;
		margin:20px auto;
		 
    }
    .input{
        width:55%;
        height:30px;
        margin:20px auto;
    } 
    .input > input{
        width:540px;
        height:100%;
        border:1px solid c2c2c2;
        outline:0;
        padding-left:10px;
        font-size:1em;
        font-family:arial;
        color:#333;
    }
    .input > textarea{
        width:540px;
        height:73px;
        border:1px solid c2c2c2;
        outline:0;
        padding-left:10px;
        font-size:1em;
        font-family:arial;
        color:#333;       
    }
    .botao{
        width:550px;
        height:43px;
        margin-top:40px;
    }
    .botao input[type="submit"] {
    font-size: 1.2em;
    color: #FFF;
     
    background:#000; 
    outline: none;
    width: 100%;
     
}
.botao input[type="submit"]:hover {
	 background:#84754e;
	 transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
    footer{
        width:100%;
        height: 260px;
        background-color:#53B0FE;
        padding-top:70px;
    }  
    .container_footer{
        width:70%;
        height:150px;
        margin:0px auto;
        display:flex;
        justify-content: space-between;
        font-family: arial;
    }
    .footer_item{
        width:200px;
        height:auto;
        text-align: left;
        color:#FFF;
        font-size:0.95em;
    }
	.footer_item {font-size:0.8em; color:#FFF;}
    .footer_item >a{
        text-decoration: none;
		font-size:0.8em; 
		color:#FFF; 
		text-decoration: none;
		font-family:'Lobster', cursive;
    } 
	 .texto_rodape{font-size:1.2em; color:#FFF;}
	 
	 
	 .footer_item_texto_rodape{
        text-decoration: none;
		font-size:0.9em; 
		color:#FFF;  
		font-family:arial;
    } 
	 
	.formContato{margin-bottom:100px;} 
	 
	 
	 #de{width:160px;   float:left; }  
	 #dtde{  display:inline;  float:left;}  
	 
	 #ate{width:115px; }
	 .vant{ display: flex;}
	 
	 .input-group{ background-color:#FFF;}
	 
	 
.menor { font-size:0.8em; font-family:arial; }
	 
 	 
	 
.form-control{ 
	padding-top:0px;
	width:90%;
}	 
#12{ text-align:justify;}	 
#12>p{ text-align:justify;}	 
	 
  
	 
#t3{width:400px; height:300px; padding:10px;}	 
	 
	 
	 
	 
	 
	 
	 
	.alzheimer{
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
    }
    .container_alzheimer{
        width:95%;
        height:auto;
        margin:0px auto;
    }
	.container_alzheimer > p{
        font-family:arial;
    }
    .quadrados_alzheimer{
        width:95%;
        height:auto;
        display:flex;
        flex-wrap: wrap; 
		justify-content: center;
    }
    .itemquadro_alzheimer{
        width:400px;
        height:350px;
        text-align: center; 
		margin:5px;
    }
    .itemquadro_alzheimer > img{
        width:100%;
        height:100%;
    } 
		 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
@media(max-width:767px){
body{
    width:100vw;
    height:100vh;
    margin:0;
    padding:0;
    overflow-x: hidden;
}    
header{
    width:100%;
    height:75px;
    background-color:#53B0FE;
}    
.container{
    width:100%;
    height:100%;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
}    
.logo{
    width:20%;
    height:100%;
    display:flex;
    align-items: center;
    font-size:1.5em;
    font-family:arial;
    color:#fff;
}  
.social{
    width:auto;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: flex-end;
    font-family:arial;
    color:#fff;
    
} 
.social > a > i{
    margin:7px;
    font-size:1.3em;
    color:#fff;
}  
    .menus{display:none;} 
    .menus_mobile{
        width:10%;
        height:100%;
        display:flex;
        justify-content: flex-end;
        align-items: center;
        color:#fff;
        font-size:1.5em;
    }
    .itens_menusMobile{
        width:100%;
        height:160px;
        background-color:#fff;
        display:none;
    }  
    .itens_menusMobile > a{
        color:#53B0FE;
        text-decoration: none;
        font-family:arial;
        font-size:0.95em;
    }
    .itemmob{
        width:100%;
        height:40px;
        padding-right:10%;
        display:flex;
        justify-content: flex-end;
        align-items: center;
        border-bottom:1px solid #eee;
    }
	
	.lampada{
	    
        width:90vw; 
		height:50vw;
        display:flex;
        justify-content: center;
        align-items: center;
        margin-top:4%;
		
		position:absolute; 		
    }  
.lampada_foto > img{
		  
		width:30vw;
        height:auto;
		position:absolute;
		left:36%;
		top:54%;  
    }
            
    .circle1{
		
        width:25vw;
		height:auto; 
        background-color:#fff;
        border:0px solid #000;
        border-radius:50%;  
		
    }
    .circle1 > img{
        width:24vw;
        height:auto; 		
    }
	#c1{
		 
		position:absolute;
		left:12%;
		top:15%;
         
	}
	#c2{
		 
		position:absolute;
		left:6%;
		top:65%; 
         
	}#c3{
		 
		position:absolute;
		left:21%;
		top:108%;
         
	}
	#c4{
		 
		position:absolute;
		left:39%;
		top:0%; 
         
	}
	#c5{
		 
		position:absolute;
		left:66%;
		top:15%; 
         
	}
	#c6{
		 
		position:absolute;
		left:70%;
		top:65%;
         
	}
	#c7{
		 
		position:absolute;
		left:57%;
		top:110%;
         
	}
	
  .agerontologica{
	  margin-top:88%;
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
    }   
    .agerentologica_container_texto{
        width:85%;
        height:auto;
        font-family:arial;
        margin:0 auto;
    }
    .titulo_grande_azul{
        width:100%;
        height:auto;
        color:#53B0FE;
        text-align:center;
        font-size:2em;
        margin-bottom:10px;
        font-family:arial;
		justify-content: center;
		
    }
    .texto_atencao_gerontologica{
        width:100%;
        height:auto;
        text-align: justify;
        color:#333;
    }  
	
    .area_de_atuacao{
        width:100%;
        height:auto;
    }   
    .container_atuacao{
        width:85%;
        height:auto;
        margin:0 auto;
        
    }
    .container_atuacao > p{
        width:100%;
        font-family:arial;
		text-align: justify;
    }
    
    .topicos_atuacao{
        width:100%;
        height:auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .topicos_atuacao_item{
        width:95%;
        height:auto;
        margin-top:30px;
		justify-content: center;
		text-align:center;		
		padding-left:10px;
		padding-right:10px;
    }
    .circulo{
        width:50px;
        height:50px;
        display:flex;
        justify-content: center;
        align-items: center;
        background-color:#84754E;
        border-radius:50%;
        margin:0 auto;
        
    }
    .circulo > i {
        color:#fff;
        font-size:2em;
    }
.circuloIcon{
        width:50px;
        height:50px;
        display:flex;
        justify-content: center;
        align-items: center;
        background-color:#84754E;
        border-radius:50%;
        margin:0 auto;
        
    }
    .circuloIcon > i {
        color:#fff;
        font-size:2em;
    }
    .subtitulo{
        width:100%;
        height:auto;
        font-family: arial;
        text-align: center;
        margin-top:15px;
    }
    .texto_atuacao{
        width:100%;
        height:auto;
        color:#999;
        text-align: justify;
        font-family: arial;
        font-size:0.9em;
    }
	  
/* gerontologa loira */      
    .gerontologa_loira{
        width:100%;
        height:auto;
        background-color:#F3F3F3;
        padding-top:40px;
        margin-top:40px;
    }
    .container_gerontologa_loira{
        width:80%;
        height:auto;
        margin:40px auto;
    }
    .row-item{
        width:100%;
        height:auto;
        display:flex;
        justify-content: flex-start;
        flex-wrap: wrap;
		text-align: center;
    }
    .circulo_loira{
        width:85%;
        height:auto;
        padding-top:30px;
        margin:0 auto;
		text-align: center;
    }
    .circulo_loira > img{
        width:70%;
        height:auto;
        border-radius:50%;
    }
    .textos_loira{
        width:100%;
        height:auto;
        padding-top:60px;
        padding-left:30px;
    }
    .texto_dentroaspas{
        width:100%;
        height:auto;
        padding-top:20px;
        font-size:1.6em;
        font-family:arial;
    }
    .fecha_aspas{
        width:auto;
        height:auto;
        padding-top:10px;
        float:right;
    }
    .sobre_ela{
        width:90%;
        height:auto;
        font-family: arial;
        font-size:0.99em;
        color:#999;
        padding-top:30px;
		text-align:justify;
    }
	
 /* Suas vantagens */ 
    .suasvantagens{
        width:100%;
        height:850px;
        background-color:#F3F3F3;
        margin-top:90px;
        padding-top:50px;
    }
    .container_vantagens{
        width:80%;
        height:auto;
        margin:0 auto;
        text-align: center;
    }
    .texto_esq_vantagens{
        width:100%; 
        font-family: arial;
        color:#999;
        margin-top:0px;
        text-align: justify
    }
    .medico_dir{
        width:45%;
        height:100%;
        margin-top:80px;
        display:none;
    }    
        
  /* contato */ 
    .contato{
        width:100%;
        height:auto;
        padding-top:80px;
    }  
    .container_contato{
        width:80%;
        height:auto;
        margin:0 auto;
        text-align: center;
        
    }
    .container_contato > p{
        text-align: center;		
		color:#999; 
		font-family:arial;
		margin:20px auto;
    }
    .input{
        width:85%;
        height:30px;
        margin:20px auto;
    }
    .input > input{
        width:100%;
        height:100%;
        border:1px solid c2c2c2;
        outline:0;
        padding-left:10px;
        font-size:1em;
        font-family:arial;
        color:#333;
    }
    .input > textarea{
        width:100%;
        height:73px;
        border:1px solid c2c2c2;
        outline:0;
        padding-left:10px;
        font-size:1em;
        font-family:arial;
        color:#333;       
    }
    .botao{
        width:90%;
        height:50px;
        margin-top:40px;
    }  
    .botao input[type="submit"] {
    font-size: 1.2em;
    color: #FFF;
    padding: 0.5em 1.5em;
    background:#000; 
    outline: none;
    width: 100%;
    font-family: 'Cambo', serif;
}
.botao input[type="submit"]:hover {
	 background:#84754e;
	 transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
    
    footer{
        width:100%;
        height: auto;
        background-color:#53B0FE;
    }  
    .container_footer{
        width:85%;
        height:auto;
        margin:0px auto;
        display:flex;
        justify-content: space-between;
        font-family: arial;
        flex-wrap: wrap;
    }
    .footer_item{
        width:70%;
        height:auto;
        text-align: left;
        color:#FFF;
        font-size:0.95em;
    }
    .footer_item >h1{
        text-decoration: none;
		font-size:25px;
    }
       
.hi-icon {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color:#fff;
  	border:3px solid #84754e;
  	line-height: 2.5em;
  	font-size: 1em;
	padding-top:8px;
}
.hi-icon:after {
	position: absolute;
	width: 50%;
	height: 50%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	font-size: 0.5em;
}

.hi-icon:before {
	font-size: 1em;
	display: block;
}
/* Effect 8 */
.circulo .hi-icon {
	background: #84754e;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}
.circulo .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}
 
.hi-icon:after {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	top: 10%;
	left: 10%;
	font-size: 1em;
	display: block;
}
/* Effect 8 */
  .hi-icon {
	background: #84754e;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
	
}
  .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

  .hi-icon:hover {
	background: rgba(179, 36, 36, 0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color:#53b0fe;
	  text-decoration: none;
}

 .hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(179, 36, 36, 0.05), 0 0 10px 10px #53b0fe, 0 0 0 10px rgba(179, 36, 36, 0.05);
		transform: scale(1.5);
		opacity: 0;
	}
}






	 
	 
	.alzheimer{
        width:100%;
        height:auto;
        display:flex;
        justify-content: center;
    }
    .container_alzheimer{
        width:95%;
        height:auto;
        margin:0px auto;
    }
	.container_alzheimer > p{
        font-family:arial;
    }
    .quadrados_alzheimer{
        width:95%;
        height:auto;
        display:flex;
        flex-wrap: wrap; 
		justify-content: center;
    }
    .itemquadro_alzheimer{
        width:280px;
        height:232px;
        text-align: center; 
		margin:5px;
    }
    .itemquadro_alzheimer > img{
        width:100%;
        height:100%;
    } 
		 
		 
		.input2{
        width:95%;
        height:30px;
        margin:0px auto;
		font-family: arial; 
        text-align: justify
    } 
		 
		 
}


	  