/*

--------------------------------------------

ESTRUTURAÇÃO BASE (Pixels Framework v1)

--------------------------------------------

** BODY

**** TOPO

**** RODAPÉ

**** COPYRIGHT

**** ESTILOS GERAIS PARA AS PÁGINAS

**** PÁGINA INICIAL

**** ESTILOS GERAIS PARA AS PÁGINAS INTERNAS

**** PÁGINA INTERNA

**** BOTÕES

**** EXTRAS

*/

	/*BODY*/

		body{

			font-family: 'Roboto', sans-serif;

			font-size: 16px;

			color: #2f2f2f;

		}



	/*TOPO*/

		.topo .navbar{

			padding: 15px 40px;

			border-radius: 0;

			border: 0;

			margin-bottom: 0;

		}

			.topo .navbar-toggle {

				border-color: #fff;

				border-radius: 2px;

				padding: 0;

			}

				.topo .navbar-toggle:hover,

				.topo .navbar-toggle:focus {

					background: #fff;

				}

				.topo .sr-only {

					position: relative;

					width: 1px;

					height: 1px;

					padding: 0;

					margin: -5px;

					overflow: hidden;

					clip: rect(0,0,0,0);

					border: 0;

					text-transform: uppercase;

					font-size: 11px;

				}

				.topo .navbar-toggle .icon-bar {

					margin: 4px 5px;

					display: block;

					width: 22px;

					height: 2px;

					border-radius: 1px;

					background: #000;

				}



			.topo h1{

				background: url(img/logo.png) center center no-repeat;

				background-size: cover;

				height: 80px;

				width: 257px;

				margin: 0 0 0 120px;

				padding: 0;

			}

				.topo h1 a{

					text-indent: -9999em;

					height: 80px;

					width: 250px;

					display: block;

				}

			.topo .navbar-nav>li{

				border-left: 1px solid rgba(26,26,26,0.15);

				margin-right: 5px;

			}

				.topo .navbar-nav>li>a{

					line-height: 50px;

					color: #C32B01;

					font-size: 12px;

					font-weight: 400;

					font-family: 'Oswald', sans-serif;

					text-transform: uppercase;

					padding: 15px 35px;

				}

					.topo .navbar-nav>li>a:hover,

					.topo .navbar-nav>li>a:active,

					.topo .navbar-nav>li>a:focus{

						background: #fff;

					}

					.topo .navbar-nav>li>a.ativo{

						background: #C32B01;

						color: #fff!important;

					}

						.topo .navbar-nav>li>a.ativo:hover,

						.topo .navbar-nav>li>a.ativo:active,

						.topo .navbar-nav>li>a.ativo:focus{

							background: #C32B01;

							color: #fff!important;

						}



	/*RODAPÉ*/

		.rodape.rodape{

			background: #2F2F2F;

			min-height: 226px;

			padding: 40px 0;

		}

			.rodape span{

				color: #fff;

				display: block;

			}

			.rodape b{

				font-weight: 700;

			}

			.rodape .area-contato a{

				display: block;

				text-decoration: none;

				width: 100%;

				height: 41px;

				border: 1px solid #fff;

				margin-bottom: 20px;

				line-height: 38px;

				text-transform: uppercase;

				position: relative;

				max-width: 283px;

			}

				.rodape .area-contato span{

					opacity: 1;

					-webkit-transition: all .3s;

					-moz-transition: all .3s;

					-o-transition: all .3s;

					transition: all .3s;

				}

					.rodape .area-contato span:hover{

						opacity: 0;

					}

			.rodape .phone{

				background: transparent url('img/phone.png') center -50px no-repeat;

			}

				.rodape .phone:hover{

					-webkit-transition: all .3s;

					-moz-transition: all .3s;

					-o-transition: all .3s;

					transition: all .3s;

					background: rgba(255, 255, 255, 0.1) url('img/phone.png') center center no-repeat;

				}

			.rodape .map-marker{

				background: transparent url('img/map-marker.png') center -50px no-repeat;

			}

				.rodape .map-marker:hover{

					-webkit-transition: all .3s;

					-moz-transition: all .3s;

					-o-transition: all .3s;

					transition: all .3s;

					background: rgba(255, 255, 255, 0.1) url('img/map-marker.png') center center no-repeat;

				}

			.rodape .social a{

				border: 3px solid #fff;

				border-radius: 100%;

				font-size: 24px;

				width: 55px;

				height: 55px;

				color: #fff;

				margin: 20px auto 0 auto;

			}

				.rodape .social a:hover{

					background: rgba(255, 255, 255, 0.1);

				}

				.rodape .social i{

					line-height: 50px;

				}

			.rodape .links li{

				margin-bottom: 8px;

			}

			.rodape .links a{

				color: #fff;

				text-decoration: underline;

				text-transform: uppercase;

				font-size: 14px;

			}



	/*COPYRIGHT*/





	/*PG*/

			

			.pg .links {

				color: #000;

				text-decoration: underline;

				font-size: 20px;



			}		

			.pg{



			}

			.pg .alignleft{

				float: left;

				margin: 0px 15px 15px 0px;

			}

			

			.pg span p{

				font-size: 15px;

				font-weight: 300;

				

			}

			.pg .texto-par{

				padding: 20px 30px;

				font-family: 'Oswald', sans-serif;

				text-align: center;

				text-transform: uppercase;

				position: relative;

			}

				.pg .texto-par strong{

					color: #fff;

					font-size: 56px;

					font-weight: 400;

					display: block;

				}

				.pg .texto-par span{

					color: #fff;

					font-size: 23px;

					display: block;

					padding-top: 45px;

				}

				.pg .texto-par b{

					/*margin: 0 20px;*/

				}

			.pg .titulo{

				border-bottom: 2px solid #2f2f2f;

				margin-bottom: 40px;

			}

				.pg .titulo strong{

					font-size: 60px;

					text-transform: uppercase;

					font-family: 'Oswald', sans-serif;

					font-weight: 400;

				}

			.pg .dep{

				min-height: 580px;

			}

			.pg .area-depoimentos{}

				.pg .area-depoimentos .foto{

					height: 185px;

					width: 185px;

		    		border-radius:100%;

		    		margin: 0 auto;

		    		position: relative;

		    		margin-bottom: 30px;

		    		background: transparent no-repeat;

		    		background-size: cover;

				}

				.pg .area-depoimentos span{

					font-size: 14px;

					display: block;

					margin-bottom: 20px;

				}

				.pg .area-depoimentos a{

					color: #2f2f2f;

					font-weight: 700;

					text-decoration: underline;

					text-transform: uppercase;

				}





			.pg .ver-mais-d{

				margin-bottom: 30px;

			}



			.pg .parallax-aula-cort {



				background-image: url(img/waniapilates.jpg);

				background-position: 50% 85%;

				background-repeat: no-repeat;

				background-attachment: fixed;

				background-size: cover;

				padding: 30px 0;

			}

			.pg .p-tema{

				font-size: 31px;

				font-weight: 700;

				font-family: 'Oswald', sans-serif;

				text-transform: uppercase;

				color: #fff;

				padding: 0 20px;

				display: block;

				height: 85px;

			}

			.pg .p-texto{

				font-size: 16px;

				font-weight: 300;

				color: #fff;

				text-transform: uppercase;

				background: rgba(0,0,0,0.8);

				min-height: 130px;

				padding: 20px;

				margin: 40px 0 80px 0;

			}

			.pg .botao-ag{

				clear: both;

				float: none;

				margin: 0 auto;

			}

				.pg a.btn-agendar-r{

					background: rgba(195,43,43,0.8);

					line-height: 40px;

					color: #fff;

					font-size: 18px;

					text-transform: uppercase;

					padding: 16px 65px;

					text-decoration: none;

					box-shadow: inset 0 2px 1px rgba(255,255,255,0.4),inset 0 0 0 1px rgba(0,0,0,0.2);

				}

				.pg a.btn-agendar-r i{

					font-size: 24px;

					margin: 0 10px 0 0;

				}

			.pg .area-professores{

				font-size: 16px;

				padding: 40px 0;



			}

				.pg .area-professores .foto{

					height: 185px;

					width: 185px;

		    		border-radius:100%;

		    		margin: 0 auto;

		    		position: relative;

		    		margin-bottom: 30px;

		    		background: transparent no-repeat;

		    		background-size: cover;

				}

				.pg .area-professores span{

					display: block;

				}

			.pg .parallax-internas-topo{



				background-image: url(img/p-principal.jpg);

				background-position: 50% 90%;

				background-repeat: no-repeat;

				background-attachment: fixed;

				background-size: cover;

				padding: 40px 0;

			}

				.pg .parallax-internas-topo .texto-par{

					min-height: 223px;

				}

					.pg .parallax-internas-topo .texto-par i{

						font-style: normal;

						margin: 0 20px;

					}

			.pg .bg-red{

				background: rgba(195, 43, 43, 0.6);

			}

			.pg .bg-cinza{

				background: rgba(47, 47, 47, 0.6);

			}

			.pg .bg-amarelo{

				background: rgba(251, 160, 0, 0.6);

				padding: 10px;

			}

			.pg .parallax-interna-peq{

				height: 100px;

				background-image: url(img/p-principal.jpg);

				background-position: 50% 50%;

				background-repeat: no-repeat;

				background-attachment: fixed;

				background-size: cover;

			}

			#wpcf7-f38-o1{

				padding: 10px;

			}

			#main{

				padding: 10px;

			}



	/*PÁGINA INICIAL*/

		.pg-inicial{



		}

			.pg-inicial .parallax-inicial-topo {



				background-image: url(img/p-principal.jpg);

				background-position: 50% 85%;

				background-repeat: no-repeat;

				background-attachment: fixed;

				background-size: cover;

				padding: 30px 0;

			}

				.pg-inicial .parallax-inicial-topo .texto-par{

					background: rgba(195, 43, 43, 0.8);

					min-height: 289px;

				}

			.pg-inicial .agendar{

				margin-top: 10px;

				font-family: 'Oswald', sans-serif;

			}

				.pg-inicial a.btn-agendar{

					background: rgba(251,160,0,0.8);

					line-height: 40px;

					color: #fff;

					font-size: 18px;

					text-transform: uppercase;

					padding: 8px 25px;

					float: right;

					text-decoration: none;

					box-shadow: inset 0 2px 1px rgba(255,255,255,0.4),inset 0 0 0 1px rgba(0,0,0,0.2);

				}

				.pg-inicial a.btn-agendar i{

					font-size: 24px;

					margin: 0 10px 0 0;

				}

			.pg-inicial .parallax-inicial-baixo {



				background-image: url(img/p-principal-rod.jpg);

				background-position: 50% 50%;

				background-repeat: no-repeat;

				background-attachment: fixed;

				background-size: cover;

				padding: 50px 0;

			}

			.pg-inicial .parallax-inicial-baixo .texto-par{

				background: rgba(251, 160, 0, 0.6);

				min-height: 222px;

			}

			.pg-inicial .saiba-mais{

				margin-top: 50px;

				font-family: 'Oswald', sans-serif;

			}

				.pg-inicial a.btn-saiba{

					background: rgba(251,160,0,0.8);

					line-height: 40px;

					color: #fff;

					font-size: 18px;

					text-transform: uppercase;

					padding: 5px 35px;

					float: right;

					text-decoration: none;

					box-shadow: inset 0 2px 1px rgba(255,255,255,0.4),inset 0 0 0 1px rgba(0,0,0,0.2);

				}

				.pg-inicial a.btn-saiba i{

					font-size: 24px;

					margin: 0 10px 0 0;

					-ms-transform: rotate(-30deg); /* IE 9 */

					-webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */

					transform: rotate(-30deg);

				}





	/*PÁGINA QUEM SOMOS*/

		.conteudo-cursos{

			padding: 10px;

		}

		.menu-internas ul{

			list-style: none;

			margin: 0;

			padding: 0;

		}

			.menu-internas li{

				width: 100%;

				margin-bottom: 20px;

				font-size: 18px;

				text-transform: uppercase;

			}

				.menu-internas li a{

					color: #1a1a1a;

					text-decoration: none;

					height: 45px;

					width: 100%;

					display: block;

				}

					.menu-internas li a span{

						line-height: 45px;

						margin-left: 20px;

					}

					.link-ativo{

						background: #C32B01;

						color: #fff !important;

						font-weight: 700;

					}

		.conteudo{

			font-weight: 300;

		}

			.conteudo a{

				text-decoration: underline;

				color: #2f2f2f;

			}

			.item img{

				position: relative;

			}

			.item .cap{

				position: absolute;

				bottom: 0;

				left: 0;

				display: block;

				width: 100%;

				font-size: 17px;

				color: rgba(255, 255, 255, 0.8);

				font-weight: 700;

				padding: 7px 0;

				background: rgba(0, 0, 0, 0.5);

				text-transform: uppercase;

			}

				.item .cap u{

					text-decoration: none;

				}

			.owl-nav{

				display: none;

			}

			.owl-controls{

				display: none;

			}

			.navegacaoCarrosselT,

			.navegacaoCarrosselF{

				border: none;

				outline: 0;

				background: transparent;

				font-size: 36px;

				color: rgba(255, 255, 255, 0.5);

			}

				.navegacaoCarrosselT:hover,

				.navegacaoCarrosselF:hover{

					color: rgba(255, 255, 255, 0.8);

				}

			.navegacaoCarrosselT{

				position: absolute;

				top: 50%;

				transform: translateY(-50%);

				left: 30px;

				display: block;

				z-index: 100;

			}

			.navegacaoCarrosselF{

				position: absolute;

				top: 50%;

				transform: translateY(-50%);

				right: 30px;

				display: block;

				z-index: 100;

			}

				.navegacaoCarrosselT i,

				.navegacaoCarrosselF i{

					font-size: 36px !important;

				}

	/*PROFESSORES*/

		.professor{

			margin-bottom: 20px;

		}

			.professor .foto{

				clear: both;

				float: none;

				height: 185px;

				width: 185px;

	    		border-radius:100%;

	    		margin: 0 auto;

	    		position: relative;

	    		background: transparent no-repeat;

	    		background-size: cover;

			}

			.professor .area-nome-formacao{

				min-height: 185px;

				display: flex;

				flex-direction: column;

				justify-content: center;

				padding: 0 20px;

			}



	/*AULA DE PILATES*/

		label{

			font-size: 18px;

			display: block;

			text-transform: uppercase;

			font-weight: 400;

			font-family: 'Oswald', sans-serif;

		}

		.form-control{

			border-radius: 0;

			border-color: #272727;

			border: 1px solid #272727;

			min-height: 40px;

		}

			.form-control:focus {

				border: 1px solid #272727;

			}

	@media(max-width:768px){

		.pg .titulo strong,.pg .area-depoimentos a{

			display: block;

			text-align: center;

			font-size: 40px;

		}

		.pg span p{

			padding: 0 10px;

			text-align: center;

		}

		.rodape.rodape{

			text-align: center;

		}

		.rodape .area-contato a{

			margin:0 auto;

			margin-top: 20px;

			

		}

		.conteudo-cursos{

			padding:10px;

		}

		.area-form-aula{

			padding:10px;

		}

		.pg .area-depoimentos span{

			padding: 10px;

			margin:0;

		}

		#menu-rodape{

			padding: 0;

		}

		.pg .bg-amarelo{

			padding: 10px;

		}

		.correcao-xy{

			padding: 10px;

		}



	}

	@media(max-width:540px){

		.topo h1{

			margin:0;

			height: 69px;

			width: 223px;

		}

		.pg .texto-par strong{

			font-size: 33px;

		}

		.pg .titulo strong, .pg .area-depoimentos a{

			font-size: 20px;

			padding:10px 0;

		}

		.topo .navbar{

			padding: 15px 10px;

		}

		.pg .texto-par{

			padding: 10px;

		}

		.pg a.btn-agendar-r{

			padding: 16px 0;

			max-width: 280px;

			margin: 0 auto;

			display: block;

		}

		.professor .area-nome-formacao{

			text-align: center;

		}

		.menu-internas ul{

			text-align: center;

		}

		.menu-internas{

			text-align: center;

		}

		.topo .navbar-nav>li>a{

			padding: 0 35px;

		}



	}