*{
	box-sizing: border-box;
	margin: 0;
	padding:0; 
} 
body, html{ 
	font-family: 'Roboto', sans-serif;
	width: 100%;
	height: auto;
	min-height: 100%;
	display: inline-block;
	position: relative;
	text-align: center;
	font-size: 0;
	color: #313131;
	overflow-x: hidden;
	background: #333;

}
html.fixed{
	overflow: hidden;
	height: 100%;
}
body.home{
	background: #00ffff;

}
img{
	max-width: 100%;
}
.content{
	width: 90%;
	display: inline-block;
}
section.slide{
	position: relative;
}
header{
	width: 100%;
	height: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	padding:30px 40px;
	transition: all 0.5s linear 0s;

}
header.fixed{
	background: rgba(63,232,228,0.97);
	transition: all 0.5s linear 0s;
	padding: 15px 40px;
}
.home header.fixed{
background: rgba(255,255,255,0.97);


}
body.noscroll header.fixed{
	background: transparent;
}

header .botao_menu{
	position: absolute;
	left: 40px;
	top: 37px;
	width: 54px;
	height: 30px;
}

header .logo a img{
-webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(1);
    transition: all 500ms ease-in;
    transform: scale(1);  
}
header.fixed .logo a img{
	-webkit-transition: all 500ms ease-in;
    -webkit-transform: scale(0.7);
    -ms-transition: all 500ms ease-in;
    -ms-transform: scale(0.7);   
    -moz-transition: all 500ms ease-in;
    -moz-transform: scale(0.7);
    transition: all 500ms ease-in;
    transform: scale(0.7);
  }

header .botao_menu .menu{
	width: 100%;
	height: 30px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

header .botao_menu span{
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #fff;

  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.home header .botao_menu span{
  background: #3fe8e4;

}
header .botao_menu span:nth-child(1) {
  top: 0px;
}

header .botao_menu span:nth-child(2),header .botao_menu span:nth-child(3) {
  top: 13px;
}

header .botao_menu span:nth-child(4) {
  top: 25px;
}
header .botao_menu.open span{
	background: #333333;	
}
header .botao_menu.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

header .botao_menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

header .botao_menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

header .botao_menu.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#menu{
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: url(../images/menu_fundo.png) no-repeat left center #f1f3f0 fixed;
	background-size:  auto 100%;
	z-index: 9;
	transition: all 0.5s linear 0s;

}

#menu.open{
	left: 0;
}
#menu > ul{
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	text-align: center;
}
#menu > ul > li > a{
	display: inline-block;
	width: auto;
	height: auto;
	padding: 15px 30px;
	text-transform: uppercase;
	color: #333333;
	font-size: 38px;
	font-weight: 300;
}
#menu > ul > li > a.active{
	border-bottom: 2px solid #00ffff;
	font-weight: 500;
}
#menu .redes{
	position: absolute;
	left: 40px;
	bottom:4px;
	width: auto;
}
#menu .redes ul li{
	display: inline-block;

}
#menu .redes ul li a{
	display: inline-block;
	padding-right: 10px;
	font-size: 14px;
	text-transform: uppercase;
	color: #333333;
	font-weight: 300;

}
#menu .redes ul li:last-child a{
	padding-left: 0;
}
section.slide > img{
	width: 100%;
	height: auto;
	opacity: 0;
}
section.slide > .fundo, section.slide > .logo, section.slide  > .front{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: no-repeat center center;
	background-size: cover;
	transition: all 1s linear 0s;
	opacity: 1;
}
section.slide > .logo{
	font-size: 0;
}
section.slide > .logo img{
	display: inline-block;
	vertical-align: middle;
	max-height: 70%;
}
section.slide > .fundo{
	z-index: 1;

}

section.slide > .front{
	z-index: 4;

}
section.slide > .front img{
	height: 100%;
	position: relative;
	z-index: 4;

}
.servicos section.slide > .front img{
	margin-left: 0.5%;
}
.about section.slide > .front img{
	margin-left: 10.5%;
}
.contactos section.slide > .front img{
	margin-right: 20%;
}
/*.home section.slide > .front img{
	left: 60%;
margin-left: -25.3%;
}
.about section.slide > .front img{
	left: 50%;
	margin-left: -30.2%;
}
.servicos section.slide > .front img, .contactos section.slide > .front img{
	left: 0;
}*/
section.slide > .fundo .gradient{
	width: 100%;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;

}
section.slide > .fundo .gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+22,333333+87&0+41,1+92 */
background: -moz-linear-gradient(top,  rgba(51,51,51,0) 22%, rgba(51,51,51,0) 41%, rgba(51,51,51,0.9) 87%, rgba(51,51,51,1) 92%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(51,51,51,0) 22%,rgba(51,51,51,0) 41%,rgba(51,51,51,0.9) 87%,rgba(51,51,51,1) 92%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(51,51,51,0) 22%,rgba(51,51,51,0) 41%,rgba(51,51,51,0.9) 87%,rgba(51,51,51,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */

}
.home section.slide > .fundo .gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00ffff+35,00ffff+100&0+74,1+100 */
background: -moz-linear-gradient(top,  rgba(0,255,255,0) 35%, rgba(0,255,255,0) 74%, rgba(0,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,255,255,0) 35%,rgba(0,255,255,0) 74%,rgba(0,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,255,255,0) 35%,rgba(0,255,255,0) 74%,rgba(0,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ffff', endColorstr='#00ffff',GradientType=0 ); /* IE6-9 */

}
.servicos section.slide > .fundo .gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#333333+22,333333+99&0+74,1+95 */
background: -moz-linear-gradient(top,  rgba(51,51,51,0) 22%, rgba(51,51,51,0) 74%, rgba(51,51,51,1) 95%, rgba(51,51,51,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(51,51,51,0) 22%,rgba(51,51,51,0) 74%,rgba(51,51,51,1) 95%,rgba(51,51,51,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(51,51,51,0) 22%,rgba(51,51,51,0) 74%,rgba(51,51,51,1) 95%,rgba(51,51,51,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
section.slide > .logo{
	background-size: auto;
	z-index: 2;
}
section.slide > .logo.left{
	background: no-repeat left -100% center;
	opacity: 0;

}

section.slide .redes{
	position: absolute;
	right: 0;
	bottom: 30px;
	text-align: left;
	width: 100%;
	padding: 0 40px;
	z-index: 2;
}
section.slide .redes:after{
	content: "";
	width: 80%;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 2px;
	opacity: 0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+3,1+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 3%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 3%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
section.slide .redes ul li{
	display: inline-block;
}
section.slide .redes ul li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0 10px;
	font-weight: 300;
}
section.slide .redes ul li a:first-child{
	padding-left: 0;
}
section.slide .scroll{
	width: auto;
	position: fixed;
	bottom: 40px;
	right: 42px;
	font-size: 15px;
	font-weight: 300;
/*	transition: all 1s linear 0s;
*/	z-index: 4;
	display: inline-block;
	vertical-align: top;

}
section.slide .scroll a{
	display: inline-block;
	text-align: center;
	color: #fff;
	-webkit-animation: bounce 1.5s infinite;
	animation: bounce 1.5s infinite;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;		
}
.home section.slide .scroll a{
	color: #333333;

}
section.slide .scroll.nofixed{
	position: absolute;
	bottom: 60px;

}
section.slide .scroll a p{
	margin-top: 5px;
}
main section{
	position: relative;
	width: 100%;
	vertical-align: top;
	padding: 0 42px;
	text-align: left;


}
main .titulo{
	display: inline-block;
	width: auto;
	text-align: left;
	margin-top: -7px;

}
main .titulo h2{
	font-size: 72px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}
main .titulo h3{
	font-size: 31px;
	font-weight: 300;
	text-transform: uppercase;
	color: #333333;
}
main section > ul{
	font-size: 0;
	margin-top: -103px;
	width: 100%;
	padding-bottom: 70px;
}
main section > ul.mobile{
	display: none;
}
main section > ul > li{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding: 0 2%;
	padding-left: 0;

}
main section > ul li:nth-of-type(2){
	padding-right: 0;
	padding-left: 2%;	
}
main section > ul li img{
	max-width: 90%;
	display: inline-block;

}
main section > ul li .massagens, main section ul li .ginasio{
	text-align: right;
}
main section > ul li .consultas{
	margin-top: 236px;
	text-align: left;
}

main section ul li .ginasio{
	margin-top: 80px;
}
main section ul li .ginasio img{
	margin-right: 10%;
}
main section ul li .massagens{
	padding-bottom: 100px;
}

main section ul li > div{
	position: relative;
}
main section ul li > div a > span{
	position: absolute;
	width: 40%;
	background: #fff;
	font-size: 12px;
	padding: 30px;
}
main section ul li > div:nth-of-type(2) a > span{
	right: 0;
	bottom: 0;
}
main section ul li div > a{
	display: inline-block;
	width: auto;
	height: auto;
}
main section ul li div > a.botao{
	position: absolute;
	border: 1px solid #fff;
	font-size: 20px;
	right: 0;
	bottom: 0;
	padding: 5px 10px;
	font-weight: 300;
	color: #fff;
}
main section ul li .consultas a > span{
	right: 0;
	margin-bottom: 80px;
	bottom: 0;
}
main section ul li .massagens a > span{
	bottom: 0;
	right: 5%;
	margin-right: 40px;
	text-align: left;
	width: 50%;
}
main#main section ul li > .ginasio a > span{
	bottom: 20%;
	width: 30%;
}

main section ul li div a > span h3{
	font-size: 20px;
	font-weight: 700;
	color: #333333;
	text-transform: uppercase;
	margin-bottom: 20px;
}

main section ul li div a > span p{
	font-weight: 12px;
	font-weight: 300;
	color: #6d6d6d;
	line-height: 16px;
	margin-bottom: 10px;
}
main section.frase{
	background: url(../images/frase_fundo.png) no-repeat center top;
	background-size: cover;
	padding: 100px 0 200px;
	text-align: center;
	display: inline-block;
	width: 100%;

}
main section.frase > div{
	display: inline-block;
	max-width: 50%;
	vertical-align: middle;
	position: relative;
}
main section.frase > .imagem{
	z-index: 2;
}
main section.frase > .text{
	padding: 80px 60px;
	border: 2px solid #fff;
	margin-left: -3%;
}
main section.frase > .text > *{
	color: #fff;
	font-weight: 900;
}
main section.frase > .text h2{
	font-size: 4.5vw;

}
main section.frase > .text h3{
	font-size: 4vw;
}
main section.frase > .text h4{
	font-size: 3vw;
}
body:not(.home) main section{
	text-align: center;
}
body:not(.home) main section .content{
	max-width: 850px;
	display: inline-block;
	padding: 120px 0 250px;
	position: relative;
}
body.about main section .content .girl{
	position: absolute;
	right: -30%;
	width: auto;
	bottom: 0;
	height: auto;

}
body:not(.home) main section .content *{
	font-size: 14px;
	font-weight: 400;
	line-height: 23px;

}

body:not(.home) main section .content h2{
	text-transform: uppercase;
	color: #fff;
	font-weight: 700;
	font-size: 70px;
	display: inline-block;
	width: 100%;
	line-height: 76px;
}
body:not(.home) main section .content h2:nth-of-type(2){
	margin-top: 120px;
}
body:not(.home) main section .content .text{
	text-align: justify;
	color: #fff;
	margin: 70px 0;
	padding: 0 20%;
}
body:not(.home) main section .content .text p a, body:not(.home) main section .content h4{
	color: rgba(63,232,228,1)
}
body:not(.home) main section .content h4{
	text-transform: uppercase;
}
body.contactos main section .content .text{
	text-align: center;
}
body.contactos main section .content .text p.color{
	color: #00ffff;
}
body:not(.home) main section .content .imagem{
	display: inline-block;
	width: 100%;
	background: center center no-repeat;
	background-size: cover;
	line-height: inherit;
}
body:not(.home) main section .content .imagem img{
	width: 100%;
	opacity: 0;
}
body:not(.home) main section .content .subtext{
	background: #fff;
	text-align: justify;
	padding: 100px 140px;
}
body:not(.home) main section .content .subtext strong{
	font-weight: 700;
}
body.servicos main section .content .accordion{
	color: #fff;
	margin-top: 50px;
	padding: 0 20%;

}
body.servicos main section .content .accordion h3{
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	cursor: pointer;
	line-height: 40px;
	margin-top: 20px;

}
body.servicos main section .content .accordion h3:active,
body.servicos main section .content .accordion h3:focus{
	border: 0;
}
.ui-state-focus { outline: none; }
body.servicos main section .content .accordion h3.ui-state-active{
	color: #00ffff;
	border-bottom: 2px solid #00ffff;
}
body.servicos main section .content .accordion h3:hover{
	color: #00ffff;

}
body.servicos main section .content .accordion div{
	padding: 30px;
	text-align: center;
}
body.servicos main section .content .accordion div ul li span{
	text-transform: normal;
	color: #00ffff;
	font-size: 12px;
	width: 100%;
	text-transform: uppercase;
display: inline-block;
}
body.servicos main section .content .accordion div ul li{
	margin-bottom: 15px;
line-height: 18px;
color: #dedede;
font-size: 16px;
	text-transform: uppercase;
	cursor: pointer;
}
body.servicos main section .content .accordion div ul li:hover{
	color: rgba(63,232,228,1)
}
body.servicos main section .content .accordion div ul li:last-child{
	margin-bottom: 0;
}
footer{
	margin-top: -150px;
	width: 100%;
	position: relative;
}
footer .contact{
	padding-top: 90px;
}
footer .contact #map{
	left: 40px;
	width: 46%;
	top: 0;
	height: calc(90% - 30px );
	position: absolute;
	z-index: 8;
}
footer .contact .text{
	width: 100%;
	padding-left: calc(50% + 40px);
	padding-right: 10%;
	padding-top: 50px;
	padding-bottom: 50px;
	background: #fff;
	text-align: left;

}
footer .contact .text h2{
	width: 100%;
	background: #00ffff;
	color: #333333;
	font-weight: 700;
	text-align: center;
	font-size: 40px;
	text-transform: uppercase;
	padding: 20px 0px;
	display: inline-block;
	margin-bottom: 50px;
}
footer .contact .text ul li{
	font-size: 0px;
	line-height: 20px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
}
/*footer .contact .text ul li:first-child{
	width: 39%;
}*/
footer .contact .text ul li a{
	color: #333;
}
footer .contact .text ul li p{
	margin-bottom: 20px;	
}
footer .contact .text ul li input, footer .contact .text ul li textarea{
	width:49%;
	display: inline-block;
	border: 0;
	font-family: 'Roboto', sans-serif;
/*	background: #eaeaea;*/
	border-bottom: 1px solid #c8c8c8;
	font-size: 15px;
	padding: 10px 0px;
	margin-right: 2%;
	margin-bottom: 10px;
	resize: none;
}
footer .contact .text ul li input:nth-of-type(2n){
	margin-right: 0;
}

footer .contact .text ul li textarea{
	min-height: 150px;
	width: 100%;
}
footer .contact .text ul li input[type="submit"]{
	background: #333333;
	color: #fff;
	text-transform: uppercase;
	border-bottom: 0;
	cursor: pointer;
}
footer .contact .text ul li h3{
	font-size: 27px;
	font-weight: 700;
	color: #333;
	line-height: 32px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
footer > p{
	width: 100%;
	display: inline-block;
	padding: 15px 40px;
	background: #333333; 
	color: #fff;
	font-size: 12px;
	text-align: left;
	font-weight: 300;
}
footer p a{
	color: #fff;
	text-decoration: none;
		font-weight: 500;

}




/* POPUP */
/* Outer */
.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    overflow: auto;
    left:0px;
    background:rgba(57,57,57,0.2);
    z-index: 99999999;
    text-align: center;
}
.popup .popupOverlay{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
}
/* Inner */
.popup-inner {
    width: 80%;
	max-width: 800px;
    height: auto;
	padding: 30px 30px;    
	position:absolute;
	z-index: 1;
/*    top:50%;
*/    background: #fff;
 /*   left:50%;*/
 margin: 50px 0;
 margin-left: -400px;
    font-size: 0;
    display: inline-block;
    box-sizing: border-box;
/*    padding-left: 180px;
*/    /*-webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);*/


}
.popup-inner .text{
	vertical-align: middle;
	display: inline-block;
	height: auto;
	width: 100%;

}
.popup-inner  input{
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	border:0;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	text-align: center;
}


.popup-inner  input[type="submit"]{
	width: 60%;
	background: transparent;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	margin:0;
	cursor: pointer;


}
/*.popup-inner .imagem{
	width: 100px;
	position: absolute;
	top: 0;
	height: 100%;
	left: 35px;
}
.popup-inner .imagem img{
	max-width: 96%;
	display: inline-block;
	vertical-align: middle;
}*/
.popup.vimeo .popup-inner{
	padding: 0;
}
.popup-inner h2{
	color: #e37c28;
	text-transform: uppercase;
	text-align: center;
	font-size: 22px;
	margin-bottom: 20px;

	margin-top: 0;
}
.popup-inner ul li{
	min-height: inherit;
	margin: 0;
}
main section .popup-inner ul{
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
}

.popup-inner p, main section .popup-inner ul li{
	font-size: 15px;
	line-height: 20px;
	color: #9d9d9d;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
	width: 100%;
}
.popup-inner p strong{
	color: #393939;
}
main section .popup-inner ul li:nth-of-type(2n){
	text-align: left;
}
.popup-inner .text > div{
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.popup-inner .text .text_content{
	width: 100%;
	text-align: left;
	padding: 50px;
}
.popup-inner .text .imagem{
	width: 100%;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.popup-inner .text .imagem h2{
	color: #fff;
	padding: 120px 50px 30px;
	background: url(../images/carro_slide_water.png) no-repeat center right -400px rgba(50, 180, 74,0.8);
	opacity: 1;
	background-size: cover;
	    transition:ease 0.8s all;
	min-height: 0;
	margin-bottom: 0;
}
.popup-inner .text .imagem:hover h2{
	background: url(../images/carro_slide_water.png) no-repeat center right 0px rgba(50, 180, 74,0.8);
	background-size: cover;
	opacity: 0;
    min-height: 500px;
	
}
.popup-inner .text .creditos{
text-align: left;
padding: 20px 50px;
margin-top: 20px;
border-top: 2px solid #f5f5f5;
width: 100%;

	
}
.popup-inner p a{
	color: #000;
}
.popup-inner p a:hover{
	color: #e37c28;
}
.popup-inner a{
	text-decoration: none;
}
.popup-inner p a img{
	margin-left: 10px;
	vertical-align: bottom;
}
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
    cursor: pointer;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}
.mensagem{
	display: none;
}
.popUpDiv{
	transition: all 1s linear 0s;
	text-align: center;

}

#blanket {
	/*background-color:#111;*/
	background: rgba(255,255,255,0.96);
	transition: all 0.3s ease;
	overflow: hidden;
	display: none;
	opacity: 1;

	position:fixed;
	z-index: 99999001;
	top:0px;
	right: 0;
	left:0px;
	width:100%;
	height: 100%;
	overflow: hidden;
}
#blanket.hidden{
	opacity: 0;
}
.popUpDiv #blanket{
	background: rgba(255,255,255,0.96) url(../images/slogan2.png) no-repeat center center;

}
.popup #blanket, .popup #popUpDiv{
	display: inline-block;
}
.popup-close1{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#popUpDiv {
	position:fixed;
	background:;
	background-size: 100% auto;
	width:100%;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	text-align: center;
	height:100%;
	z-index: 99999002;
	font-size: 0;
	transition: all 0.3s ease;
}
#popUpDiv .text{
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: middle;
	position: relative;
	max-width: 90%;
	z-index: 9;
	transition: all 0.3s ease;
	font-size: 30px;
	color: #000;
}
.popup #popUpDiv .content{
	max-width: 1100px;
	display: inline-block;
	vertical-align: middle;
}
.popup #popUpDiv div > div{
	max-width: 50%;
	padding: 20px 3%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.popup #popUpDiv{
	overflow: auto;
}
#popUpDiv .text p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
#popUpDiv .text p:last-child{
	margin-bottom: 0;
}
#popUpDiv .text h2{
	font-weight: 700;
	margin-bottom: 10px;
}
#popUpDiv .text h3{
	font-size: 20px;
	color: rgba(63,232,228,1);
	margin-bottom: 20px;
	text-transform: uppercase;

}
.clear{
	clear: both;
	float: none;
}
@media only screen and (max-width: 1240px){
	main#main section ul li > .ginasio a > span{
		width: 50%;
	}
}
@media only screen and (max-width: 850px){
	main section ul li > div a > span, main#main section ul li > .ginasio a > span, main section ul li .massagens a > span, main section ul li .consultas a > span{
		display: inline-block;
		width: 100%;
		left: inherit;
		bottom: inherit;
		right: inherit;
		top: inherit;
		position: relative;
		margin-bottom: 0;
	}
	main section > ul li img{
		max-width: 100%
	}
	main section ul li .massagens, main section > ul li .consultas, main section ul li .ginasio{
		padding-bottom: 50px;
	}
	main section > ul{
		margin-top: 0;
	}
	main section > ul li .consultas{
		margin-top: 120px;
	}
	footer .contact .text h2{
		font-size: 4vw;
	}
}
@media only screen and (max-width: 480px){
	header .logo{
		max-width: 60%;
		display: inline-block;
	}
	header .botao_menu{
		width: 40px;
		left: 20px;
	}
	section.slide{
		height: 100vh;
		text-align: center;
	}
	section.slide > .front{
		width: auto;
		min-width: 100%;
	}
	section.slide > .front{
		text-align: center;
	}
	section.slide > .front img{
		position: relative;
		display: inline-block;
		max-width: inherit;
		height: 100%;

	}
	main section > ul li .consultas{
		margin: 0;
	}
	main section > ul > li{
		width: 100%;
		padding-right: 0;
	}
	.home section.slide > .front img{
		left: inherit;
		margin-left: inherit;

	}
	main section > ul{
		margin-top: 30px;
	}
	.home main section ul li > div{
		padding-bottom: 0px;
		margin-bottom: 20px;
		text-align: left;
	}
	.home main#main section ul li div > span{
		position: relative;
		display: inline-block;
		width: 100%;
		margin: 0;
		left: inherit;
		right: inherit;
		bottom: inherit;
	}
	main section ul li .consultas > span{
		position: relative;
		display: inline-block;
		width: 100%;

	

	}
	header .botao_menu{
		top: 20px;
	}
	main section > ul li:nth-of-type(2){
		padding-left: 0;
	}
	main section > ul li img{
		width: 100%;
		max-width: 100%;
	}
	main section ul li div > a{
		position: relative;
			margin-top: 20px;
					left: inherit;
		right: inherit;bottom: inherit;
		display: inline-block;
	}
	main section.frase{
		padding-top: 0;
	}
	main section.frase > .text{
		margin-left: 0;
		max-width: 80%;
		margin-top: -55px;
		padding: 50px 15px;
	}
	main section.frase > div{
		max-width: 100%;
		width: 100%;
	}
	main section.frase > .text h2{
		font-size: 12.5vw;
	}
	main section.frase > .text h3 {
    font-size: 11vw;
	}
	main section.frase > .text h4 {
	    font-size: 7.8vw;
	}
	footer .contact #map{
		width: calc(100% - 80px );
		height: calc(35% - 30px );


	}
	section.slide > .logo{
		text-align: center;
	}
	 section.slide > .logo img{
	 	display: inline-block;
	 	max-width: inherit;
	 	width: 90%;
	 	vertical-align: middle;
	 }

	section.slide .redes ul li a, section.slide .scroll{
		display: none;
	}
	footer .contact .text{
		padding: 200px 40px 40px;
		width: 100%;

	}
	body:not(.home) main section .content{
		width: 100%;
	}
	body:not(.home) main section .content .text{
		padding: 0;
	}
	body:not(.home) main section .content .subtext{
		padding: 30px 40px 80px;
	}
	body.about main section .content .girl{
		max-width: 52%;
		bottom: 53px;
		right: -5%;
	}
	body:not(.home) main section .content .subtext{
		text-align: left;
	}
	
	#menu{
		background-attachment: inherit;;
		background-size: cover;
		background-image: url(../images/menu_fundo_mobile.png);
	}
	body:not(.home) main section .content h2{
		font-size: 15vw
	}
	.servicos section.slide > .front img{
		margin-left: -7%;
	}
	main .titulo h2{
		font-size: 15vw;
	}
	.about section.slide > .fundo{
		background-position: left 29% center;
	}
	.about section.slide > .front img{
		margin-left: 3.2%;
	}
	.about main section{
		padding: 0;
	}
	body.about main section .content .text{
		padding: 0 42px;
	}
	body.servicos main section .content .accordion{
		padding: 0;
	}
	.contactos section.slide > .front img{
		margin-right:0;
		margin-left: -72%;
	}
	main section > ul{
		display: none;
	}
	main section > ul.mobile{
		display: inline-block;
	}
	main section ul li .ginasio{
		margin-top: 0;
	}
	footer .contact .text ul li input, footer .contact .text ul li textarea{
		width: 100%;
	}
	footer .contact .text h2{
		font-size: 8vw;
	}
	main section ul li .ginasio img{
		margin-right: 0;
	}
	main section ul li div > a{
		width: 100%;
	}
}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}