@import 'grid.less';

/*
31/10/2012
Theme Name: Tema do site
Theme URI: http://www.url.com.br
Description:
Version: 2012
Author: 
Author URI:  
*/

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/proximanova-bold.eot');
    src: url('../fonts/proximanova-bold.eot') format('embedded-opentype'),
         url('../fonts/proximanova-bold.woff') format('woff'),
         url('../fonts/proximanova-bold.ttf') format('truetype'),
         url('../fonts/proximanova-bold.svg#ProximaNovaBold') format('svg');
}

@font-face {
    font-family: 'ProximaNovaXBold';
    src: url('../fonts/proximanova-xbold.eot');
    src: url('../fonts/proximanova-xbold.eot') format('embedded-opentype'),
         url('../fonts/proximanova-xbold.woff') format('woff'),
         url('../fonts/proximanova-xbold.ttf') format('truetype'),
         url('../fonts/proximanova-xbold.svg#ProximaNovaXBold') format('svg');
}
@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/proximanova-reg.eot');
    src: url('../fonts/proximanova-reg.eot') format('embedded-opentype'),
         url('../fonts/proximanova-reg.woff') format('woff'),
         url('../fonts/proximanova-reg.ttf') format('truetype'),
         url('../fonts/proximanova-reg.svg#ProximaNovaRegular') format('svg');
}
@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../fonts/proximanova-light.eot');
    src: url('../fonts/proximanova-light.eot') format('embedded-opentype'),
         url('../fonts/proximanova-light.woff') format('woff'),
         url('../fonts/proximanova-light.ttf') format('truetype'),
         url('../fonts/proximanova-light.svg#ProximaNovaLight') format('svg');
}
@font-face {
    font-family: 'ProximaNovaSBold';
    src: url('../fonts/proximanova-sbold.eot');
    src: url('../fonts/proximanova-sbold.eot') format('embedded-opentype'),
         url('../fonts/proximanova-sbold.woff') format('woff'),
         url('../fonts/proximanova-sbold.ttf') format('truetype'),
         url('../fonts/proximanova-sbold.svg#ProximaNovaSBold') format('svg');
}
@font-face {
    font-family: 'ProximaNovaBlack';
    src: url('../fonts/proximanova-black.eot');
    src: url('../fonts/proximanova-black.eot') format('embedded-opentype'),
         url('../fonts/proximanova-black.woff') format('woff'),
         url('../fonts/proximanova-black.ttf') format('truetype'),
         url('../fonts/proximanova-black.svg#ProximaNovaBlack') format('svg');
}
@font-face {
    font-family: 'AppleBerry';
    src: url('../fonts/appleberry_with_cyrillic.eot');
    src: url('../fonts/appleberry_with_cyrillic.eot') format('embedded-opentype'),
         url('../fonts/appleberry_with_cyrillic.woff') format('woff'),
         url('../fonts/appleberry_with_cyrillic.ttf') format('truetype'),
         url('../fonts/appleberry_with_cyrillic.svg#AppleBerry') format('svg');
}

@azul: #85a0d2;
@azul-claro: #c6e9f3;
@azul-escuro: #7790bd;
@verde: #d7e9b9;
@amarelo: #ffe19d;
@vermelho: #f8ac9e;
@roxo: #dfd6ea;
@branco: #fff;

.alinhar {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
} // .alinhar

.ui-datepicker {
	width: 348px;
	border: 1px solid #6b86b9;
	background: @branco;
	border-radius: 7px;
	.ui-datepicker-header {
		background: @azul;
		margin: 3px;
		border-radius: 7px;
		height: 45px;
		.ui-datepicker-prev, .ui-datepicker-next {
			position: absolute;
			top: 10px;
			width: 18px;
			height: 27px;
			cursor: pointer;
			span {
				font: 0/0 a;
			} // span
			&.ui-datepicker-prev {
				left: 20px;
				background: url(../imagens/comum/pre-matricula/seta-esquerda.svg) no-repeat;
			} // prev
			&.ui-datepicker-next {
				right: 20px;
				background: url(../imagens/comum/pre-matricula/seta-direita.svg) no-repeat;
			} // right
		} // prev e next
		.ui-datepicker-title {
			text-align: center;
			font: 18px 'ProximaNovaBold';
			color: #fff;
			line-height: 45px;
		} // titulo
	} // header do datepicker
	.ui-datepicker-calendar {
		width: 348px;
		height: 292px;
		thead {
			tr {
				th {
					span {
						color: @azul;
						font: 18px 'ProximaNovaBold';
					} // span
				} // th
			} // tr
		} // thead
		tbody {
			tr {
				td {
					cursor: pointer;
					text-align: center;
					background: @azul-claro;
					border-radius: 6px;
					&:hover {
						background: @vermelho;
					} // :hover
					a {
						font: 18px 'ProximaNovaBold';
						color: @azul;
						text-decoration: none;
					} // a
					&.ui-datepicker-other-month {
						background: none!important;
					} // other month
				} // td
			} // tr
		} // tbody
	} // .ui-datepicker-calendar
} // datepicker

////////////
// LAYOUT //
////////////
#wrap {
	position: fixed;
	#container {
		.menu-fixo {
			display: none;
		} // .menu-fixo
		height: 100%;
		#header2 {
			display: none;
		} // #header2
		#header {
			height: 62px;
			background: #f3f0e8;
			/*background: @azul;*/
			z-index: 1;
			position: relative;
			border-bottom: 3px solid transparent;	
			-moz-border-image: -moz-linear-gradient(left, #d3314b 0%, #d3314b 25%, #56a124 25%, #56a124 50%, #fd8b17 50% ,#fd8b17 75%, #2d72bc 75%);
			-webkit-border-image: -webkit-linear-gradient(left,#d3314b 0%, #d3314b 25%, #56a124 25%, #56a124 50%, #fd8b17 50% ,#fd8b17 75%, #2d72bc 75%);
			border-image: linear-gradient(to right, #d3314b 0%, #d3314b 25%, #56a124 25%, #56a124 50%, #fd8b17 50% ,#fd8b17 75%, #2d72bc 75%);
			border-image-slice: 1;
			nav {
				float: left;
				width: 88%;
				height: 100%;
				ul {
					list-style: none;
					li {
						float: left;
						margin-right: 4.25%;
						a {
							/*color: @branco;*/
							color: #696969;
							font-size: 1.15vw;
							font-family: 'ProximaNovaBold';
							text-decoration: none;
							line-height: 62px;
							text-transform: uppercase;
							display: block;
							height: 100%;
							/*text-shadow: 1px 1px 0px #677ca2;*/
							&:hover {
								text-decoration: underline;
							} // :hover
						} // a
						&:first-child {
							margin-left: 3%;
							margin-right: 3%;
							a {
								text-indent: -9999px;
								font: 0/0 a;
								background: url(../imagens/comum/header/casa-branca.svg) no-repeat center center;
								width: 40px;
								height: 40px;
								-webkit-background-size: 64%;
								background-size: 64%;
								float: left;
								margin-top: 22%;
							} // a
						} // :first-child
						&:last-child {
							margin-right: 0;
						} // :last-child
					} // li
				} // ul
			} // nav
			a.link-cameras {
				width: 12%;
				float: left;
				height: 100%;
				background: @azul-claro;
				font-size: 1.15vw;
				font-family: 'ProximaNovaBold';
				text-transform: uppercase;
				color: @azul;
				text-align: center;
				text-decoration: none;
				line-height: 62px;
				&:after {
					content:"";
					display: inline-block;
					background: url(../imagens/comum/header/camera-azul.svg);
					-webkit-background-size: 35px 35px;
					background-size:35px 35px;
					width: 35px;
					height: 35px;
					margin-left: 4%;
					position: relative;
					top: 9px;
				} // :after
			} // .link-cameras
		} // #header
		.content {
			.clearfix();
			overflow: hidden;
			height: ~"calc(100% - 62px)";
			&.index {
				background: url(../imagens/comum/index/bg-home-new.jpg);
				-webkit-background-size: 100%, cover;
				background-size: 100%, cover;
				background-repeat: no-repeat;
				background-color: #f3fbfe;
				.logo {
					width: 35%;
					position: absolute;
					left: 3.2%;
					top: 13.5%;
					a {
						border: none;
						img {
							width: 100%;
							border: none;
						}
					}
				} // .logo
				// .box-bem-vindo {
				// 	width: 60%;
				// 	background: url(../imagens/comum/index/icone-pino.svg), @vermelho;
				// 	background-repeat: no-repeat;
				// 	background-position: 91% center, center center;
				// 	-webkit-background-size: 13%, 0;
				// 	background-size: 13%, 0;
				// 	position: absolute;
				// 	right: 0;
				// 	bottom: 0;
				.box-bem-vindo {
					width: 60%;
					background: @vermelho;
					position: absolute;
					right: 0;
					bottom: 0;
					h2 {
						font-size: 2.2vw;
						font-family: 'ProximaNovaXBold';
						color: @branco;
						text-shadow: 1px 1px 0px #c68a7e;
						margin-top: 3%;
						margin-left: 7.2%;
						line-height: 2vw;
						margin-bottom: 2%;
					} // h2
					h3 {
						margin-left: 7.2%;
						font-size: 2.2vw;
						font-family: 'ProximaNovaLight';
						color: @branco;
						text-shadow: 1px 1px 0px #c68a7e;
						margin-bottom: 3%;
					} // h3
					.telefone {
						position: absolute;
						right: 3%;
						top: 18%;
						.ico {
							display: block;
							margin: 0 auto;
							width: 34%;
							img {
								width: 100%;
							} // img
						} // .ico
						h3 {
							font-family: 'ProximaNovaBold';
							color: @branco;
							font-size: 1.9vw;
							margin: 0;
							margin-top: 7%;
							span {
								font-family: 'ProximaNovaRegular';
								font-size: 1.25vw;
								float: left;
								margin-top: 3.3%;
								margin-right: 5px;
							} // span
						} // h3
					} // .telefone
				} // .box-bem-vindo
			} // .index
			&.quem-somos {
				background: url(../imagens/comum/quem-somos/bg-quemsomos-new.png);
				-webkit-background-size: 100%, cover;
				background-size: 100%, cover;
				background-repeat: no-repeat;
				background-color: #1cc6ee;
				header {
					width: 100%;
					background: @roxo;
					height: 46%;
					h2 {
						font-family: 'ProximaNovaLight';
						font-size: 6.25vw;
						line-height: 6.5vw;
						text-transform: uppercase;
						margin-left: 9.6%;
						color: @azul;
						text-shadow: 1px 1px 0px #fff;
						.alinhar;
						span {
							font-family: 'ProximaNovaBold';	
						} // span
					} // h2
				} // header
				.coluna-descricao, .coluna-ensinamos {
					height: 54%;
					float: left;
					// url(../imagens/comum/quem-somos/pes.svg) center bottom, 31%, 31%,
					&.coluna-descricao {
						width: 64.3%;
						background: url(../imagens/comum/quem-somos/abelha-amarela.svg) left top,
						url(../imagens/comum/quem-somos/flor-verde.svg) left bottom,
						url(../imagens/comum/quem-somos/flor-abelha.svg) right bottom,
						@azul;
						background-repeat: no-repeat;
						-webkit-background-size: 14%, 24%, 25%, 0;
						background-size: 14%, 24%, 25%, 0;
						h3 {
							color: @branco;
							font-family: 'ProximaNovaSBold';
							font-size: 2.2vw;
							line-height: 2vw;
							.alinhar;
							text-align: center;
							width: 48%;
							margin: 0 auto;
							text-shadow: 1px 1px 0px #7790bd;
						} // h3
					} // .coluna-descricao
					&.coluna-ensinamos {
						width: 35.7%;
						background: url(../imagens/comum/quem-somos/borboleta-azul.svg) right 10%,
						@azul-claro;
						background-repeat: no-repeat;
						-webkit-background-size: 46%, 0;
						background-size: 46%, 0;
						position: relative;
						h3 {
							position: absolute;
							left: 5%;
							bottom: 5%;
							color: @azul;
							font-family: 'ProximaNovaXBold';	
							font-size: 2.10vw;
							line-height: 2.2vw;
							text-shadow: 1px 1px 0px #fff;
							width: 70%;
						} // h3
					} // .coluna-ensinamos
				} // .coluna-descricao, .coluna-ensinamos
			} // .quem-somos
			&.pre-matricula {
				background: #6b86b9;
				overflow-y: auto;
				header {
					width: 100%;
					background: @azul;
					height: 42.8%;
					border-bottom: 1px dashed #6e89bc;
					h2 {
						.alinhar;
						margin-left: 7.2%;
						text-transform: uppercase;
						color: @azul-claro;
						width: 52%;
						.regular-maior {
							font-family: 'ProximaNovaXBold';
							font-size: 4.2vw;
						} // .regular-maior
						.light {
							font-family: 'ProximaNovaRegular';
							font-size: 2.5vw;
							line-height: 2vw;
						} // .light
						.bold-menor {
							font-family: 'ProximaNovaBold';
							font-size: 3.1vw;
						} // .bold-menor
					} // h2
				} // header
				.formulario {
					width: 100%;
					height: 100%;
					background: @azul;
					padding-top: 50px;
					.wpcf7 {
						height: 100%;
					} // .wpcf7
					/*.wpcf7-not-valid-tip {
						display: none!important;
					} // tips de msg de erro, etc
					.wpcf7-not-valid {
						border: 2px solid red!important;
					} // erro borda*/
					.wpcf7-validation-errors, .wpcf7-mail-sent-ok {
						margin: 0;
						padding: 0;
						font-family: 'ProximaNovaLight';
						font-size: 1.5vw;
						color: @azul-claro;
						margin-left: 2%;
						margin-top: 2.5%;
						border: 0;
						float: left;
					} // validacao amarela
					form {
						height: 100%;
						background: @azul;
						display: block;
						width: 100%;
						border: 0;
						position: relative;
						fieldset {
							border: 0;
							float: left;
							margin-bottom: 25px;
							&:last-child {
								margin-bottom: 0;
							} // :last-child
							> label:first-child {
								width: 100%;
								font: 18px 'ProximaNovaBold';
								color: #fff;
								text-transform: uppercase;
								float: left;
								margin-bottom: 5px;
								text-shadow: 1px 1px 0px #7790bd;
							} // label
							input[type="text"] {
								padding-left: 15px;
								border-radius: 10px;
								border: 2px solid #6b86b9;
								background: #fff;
								height: 43px;
								font: 20px/43px 'ProximaNovaBold';
								color: @azul;
							} // input[type="text"]
							&.central {
								margin-left: 12%;
								width: 555px;
								margin-bottom: 38px;
								//min-height: 75%;
							} // .central
							&:not(.central) {
								width: 100%;
								&#nome-bebe {
									width: 397px;
									margin-right: 18px;
									input[type="text"] {
										width: 100%;
									} // input[type="text"]
								} // #nome-bebe
								&#idade-bebe {
									width: 140px;
									input[type="text"] {
										width: 100%;
									} // input[type="text"]
								} // #idade-bebe
								&#nome-responsavel {
									width: 100%;
									input[type="text"] {
										width: 100%;
									} // input[type="text"]
								} // #nome-responsavel
								&#telefone-contato {
									width: 295px;
									margin-right: 18px;
									input[type="text"] {
										width: 100%;
									} // input[type="text"]
								} // #telefone-contato
								&#previsao-ingresso {
									width: 242px;
									position: relative;
									input[type="text"] {
										width: 100%;
									} // input[type="text"]
									.icone-calendario {
										position: absolute;
										right: 4px;
										top: 30px;
										background: url(../imagens/comum/bg-calendario.png);
										width: 54px;
										height: 43px;
										border-radius: 0 5px 5px 0;
										&:before {
											background: url(../imagens/comum/icone-calendario.svg);
											width: 30px;
											height: 30px;
											content:"";
											position: absolute;
											right: 8px;
											top: 6px;
										} // :before
									} // .icone-calendario
								} // #previsao-ingresso
								&#data-visita {
									position: relative;
									width: 240px;
									.icone-calendario {
										position: absolute;
										right: 0px;
										top: 30px;
										background: url(../imagens/comum/bg-calendario.png);
										width: 54px;
										height: 43px;
										border-radius: 0 5px 5px 0;
										&:before {
											background: url(../imagens/comum/icone-calendario.svg);
											width: 30px;
											height: 30px;
											content:"";
											position: absolute;
											right: 8px;
											top: 6px;
										} // :before
									} // .icone-calendario
									input[type="text"] {
										width: 221px;
									} // input[type="text"]
								} // #data-visita
								.wpcf7-list-item {
									margin-right: 5%;
									&:first-child {
										margin-left: 0;
									} // :first-child
								} // .wpcf7-list-item
								.wpcf7-list-item-label {
									font: 30px 'ProximaNovaBlack';
									color: @azul-claro;
									text-transform: uppercase;
									cursor: pointer;
									display: inline-block;
									position: relative;
									margin-right: 30px;
									&:last-child {
										margin-right: 0;
									} // :last-child
									&:before {
										content:"";
										width: 28px;
										height: 28px;
										display: inline-block;
										background: #000;
										border-radius: 50%;
										background: #fff;
										border: 2px solid #6b86b9;
										position: relative;
										top: 2.5px;
										margin-right: 10px;
										left: -6px;
									} // :before
								} // label.horarios
								input[type="radio"] {
									display: none;
								} // input[type="radio"]
								input[type=radio]:checked + .wpcf7-list-item-label:before {  
								    content: "•";  
								    color: #6b86b9;  
								    font-size: 53px;  
								    text-align: center;  
								    line-height: 18px;  
								    position: relative;
								    top: 4px;
								} // input check e label before
								input[type=radio]:checked + .wpcf7-list-item-label {
									color: #fff;
								} // input checked e label
							} // :not(.central)
						} // fieldset
						.col2 {
							width: 100%;
							// display: none;
							background: #6b86b9;
							height: ~"calc(100% - 392px)";
							input[type="submit"] {
								float: left;
								.alinhar;
								margin-left: 12%;
								width: 453px;
								border: 3px solid #667fac;
								height: 82px;
								font: 30px 'ProximaNovaXBold';
								color: #fff;
								text-shadow: 1px 1px 0px #b98076;
								background: url(../imagens/comum/pre-matricula/bg-gradiente-bt.png) repeat-x;
								border-radius: 15px;
								cursor: pointer;
								text-transform: uppercase;
								&:hover {
									opacity: .9;
								} // :hover
							} // button
						} // .col2
					} // form
				} // .formulario
			} // .pre-matricula
			&.horario {
				background: url(../imagens/comum/horario/bg-horario-new.png);
				-webkit-background-size: 100%, cover;
				background-size: 100%, cover;
				background-repeat: no-repeat;
				header {
					background: @amarelo;
					height: 40%;
					h2 {
						.alinhar;
						margin-left: 13%;
						width: 890px;
						text-shadow: 1px 1px 0px #fff;
						text-transform: uppercase;
						float: left;
						.light {
							font-family: 'ProximaNovaLight';
							font-size: 3.45vw;
							color: @vermelho;
							&.segundo {
								font-size: 5.25vw;
							} // .segundo
						} // .light
						.bold {
							font-family: 'ProximaNovaBold';
							font-size: 3.625vw;
							color: @azul;
							line-height: 3vw;
						} // .bold
						.black {
							font-family: 'ProximaNovaBlack';
							font-size: 4.9vw;
							color: @azul;
						} // .black
					} // h2
				} // header
				.turnos {
					list-style: none;
					height: 60%;
					li {
						float: left;
						width: 25%;
						background: gray;
						height: 100%;
						text-align: center;
						overflow: hidden;
						background: @vermelho;
						position: relative;
						border-right: 1px dashed @amarelo;
						h3 {
							color: #fff;
							font-family: 'ProximaNovaBlack';
							font-size: 2.5vw;
							text-transform: uppercase;
							margin-bottom: 5%;
							text-shadow: 1px 1px 0px #df9a8e;
						} // h3
						h4 {
							font-family: 'ProximaNovaBold';
							font-size: 2.4vw;
							line-height: 2.8vw;
							color: @amarelo;
							text-shadow: 1px 1px 0px #df9a8e;
							text-transform: uppercase;
						} // h4
						img {
							width: 48%;
							margin-top: 5%;
							margin-bottom: 5%;
						} //
						&:first-child {
							position: relative;
							border-right: 0;
							background: url(../imagens/comum/horario/relogio.svg) top center no-repeat, @azul;
							-webkit-background-size: 85%;
							background-size: 85%;
							h3 {
								font-family: 'ProximaNovaRegular';
								font-size: 2vw;
								line-height: 2vw;
								color: #fff;
								text-align: center;
								text-transform: uppercase;
								text-shadow: none;
								padding: 0 25px;
								margin-top: 57.7%;
							} // h3
						} // :first-child
						&:last-child {
							.borda {
								display: none;
							} // .borda
						} // :last-child
					} // li
				} // .turnos
			} // .horario
			&.localizacao {
				header {
					width: 100%;
					height: 23%;
					background: @roxo;
					border-bottom: 1px dashed @azul;
					position: relative;
					.icone-pino {
						width: 6.5%;
						.alinhar;
						margin-left: 3.3%;
						float: left;
						margin-right: 2.1%;
					} // .icone-pino
					h2 {
						.alinhar;
						font-family: 'ProximaNovaBold';
						font-size: 1.88vw;
						text-transform: uppercase;
						color: @azul;
						text-shadow: 1px 1px 0px #fff;
						line-height: 2.2vw;
						span {
							font-family: 'ProximaNovaRegular';
						} // span
					} // h2
					.opcoes {
						position: absolute;
						right: 0;
						top: 0;
						height: 100%;
						background: @azul;
						width: 27.5%;
						list-style: none;
						li {
							height: 50%;
							padding-top: 3%;
							&:first-child {
								border-bottom: 1px dashed #6e89bc;
							} // :first-child
							.ico {
								float: left;
								width: 11.5%;
								margin-left: 7%;
								margin-right: 3.5%;
								.alinhar;
								img {
									width: 100%;
								} // img
							} // .ico
							h3 {
								font-family: 'ProximaNovaBold';
								color: @branco;
								font-size: 2.5vw;
								.alinhar;
								span {
									font-family: 'ProximaNovaRegular';
									font-size: 1.85vw;
									float: left;
									margin-top: 1.3%;
									margin-right: 5px;
								} // span
							} // h3
							&.email {
								cursor: pointer;
								h3 {
									font-family: 'ProximaNovaRegular';
									font-size: 1.3vw;
									text-transform: uppercase;
								} // h3
							} // .email
						} // li
					} // .opcoes
				} // header
				iframe {
					width: 100%;
					height: 77%;
					display: block;
				} // iframe
				form.wpcf7-form {
					position: absolute;
					right: 0;
					width: 27.5%;
					height: 77%;
					background: @azul;
					text-align: center;
					display: none;
					.bt-fechar {
						position: absolute;
						right: 0;
						top: 0;
						width: 9%;
						background: #6B87B9;
						height: 7%;
						img {
							width: 75%;
							margin: 0 auto;
							display: block;
							margin-top: 15%;
						} // img
					} // .bt-fechar
					fieldset {
						display: inline-block;
						margin-bottom: 3%;
						border: 0;
						width: 100%;
						height: 12.5%;
						textarea {
							resize: none;
						}
						&.first {
							margin-top: 10%;
						} // first-child
						label {
							font-family: 'ProximaNovaBold';
							font-size: 1.2vw;
							color: #fff;
							text-transform: uppercase;
							margin-bottom: 5px;
							text-shadow: 1px 1px 0px #7790bd;
							text-align: left;
							margin-left: 10%;
							float: left;
							display: block;
							width: 100%;
						} // label
						input[type="text"], input[type="email"], textarea {
							padding-left: 15px;
							border-radius: 10px;
							border: 2px solid #6b86b9;
							background: #fff;
							height: 56%;
							font: 20px 'ProximaNovaBold';
							line-height: 56%;
							color: @azul;
							outline: none;
							width: 80%;
						} // inputs
						&:nth-child(5) {
							height: 23%;
							textarea {
								resize: none;
								height: 74%;
								line-height: 1.5vw;
							} // textarea
						} // :nth-child(3)
						&:last-of-type {
							position: absolute;
							left: 0;
							bottom: 0;
							height: 30%;
							background: #6B87B9;
							input[type="submit"] {
								margin-top: 4.5%;
								width: 80%;
								border: 3px solid #667fac;
								height: 44%;
								font-family: 'ProximaNovaXBold';
								font-size: 1.7vw;
								color: #fff;
								text-shadow: 1px 1px 0px #b98076;
								background: url(../imagens/comum/pre-matricula/bg-gradiente-bt.png) repeat-x;
								border-radius: 15px;
								cursor: pointer;
								text-transform: uppercase;
								&:hover {
									opacity: .9;
								} // :hover
							} // input submit
						} // :last-child
					} // fieldset
				} // form.contato
			} // .localizacao
			&.metodologia {
				background: url(../imagens/comum/metodologia/bg-metodologia-new.png);
				-webkit-background-size: 100%, cover;
				background-size: 100%, cover;
				background-repeat: no-repeat;
				background-color: #2bbae7;
				header {
					width: 100%;
					height: 43%;
					background: @azul;
					h3 {
						color: @azul-claro;
						font-family: 'ProximaNovaRegular';
						font-size: 3.75vw;
						line-height: 4.1vw;
						display: inline-block;
						margin-top: 1.3%;
						margin-left: 3%;
						text-shadow: 1px 1px 0px #7790bd;
						text-transform: uppercase;
						margin-bottom: 1%;
						span {
							font-family: 'ProximaNovaBold';
							font-size: 4.5vw;
						} // span
					} // h3
					h4 {
						color: #fff;
						text-shadow: 1px 1px 0px #7790bd;
						margin-left: 3%;
						font-family: 'ProximaNovaSBold';
						font-size: 1.87vw;
						line-height: 2vw;
						width: 60.7%;
					} // h4
				} // header
				.lista-metodos {
					width: 100%;
					list-style-type: none;
					border-bottom: 1px solid #7790bd;
					height: 35%;
					background: @azul;
					li {
						width: 25%;
						height: 100%;
						float: left;
						text-align: center;
						padding-bottom: 20px;
						position: relative;
						cursor: pointer;
						&:first-child {
							background: url(../imagens/comum/pattern-azul.png);
							.texto {
								background: url(../imagens/comum/pattern-azul.png);
							} // .texto
						} // :first-child
						&:nth-child(2) {
							background: url(../imagens/comum/pattern-amarelo.png);
							.texto {
								background: url(../imagens/comum/pattern-amarelo.png);
							} // .texto
						} // :nth-child(2)
						&:nth-child(3) {
							background: url(../imagens/comum/pattern-roxo.png);
							.texto {
								background: url(../imagens/comum/pattern-roxo.png);
							} // .texto
						} // :nth-child(3)
						&:nth-child(4) {
							background: url(../imagens/comum/pattern-vermelho.png);
							.texto {
								background: url(../imagens/comum/pattern-vermelho.png);
							} // .texto
						} // :nth-child(4)
						img.principal {
							height: auto;
							border-radius: 50%;
							border: 5px solid @azul;
							margin-top: 4%;
							width: 42%;
							padding: 5px;
							margin-bottom: 2%;
						} // img
						.seta-metodologia {
							position: absolute;
							right: 0;
							top: 50%;
							width: 10%;
							//transform: translateY(-50%);
							//-webkit-transform: translateY(-50%);
						} // .seta-metodologia
						h5 {
							font-family: 'ProximaNovaBold';
							font-size: 1.7vw;
							color: @azul;
							text-shadow: 1px 1px 0px #fff;
						} // h5
						.texto {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							z-index: 1;
							height: 100%;
							display: none;
							z-index: 9999;
							h6 {
								font-family: 'ProximaNovaLight';
								font-size: 1.7vw;
								line-height: 1.9vw;
								color: @azul;
								text-shadow: 1px 1px 0px #fff;
								float: left;
								width: 60%;
								.alinhar;
								text-align: left;
							} // h6
							button {
								border: 0;
								background: none;
								float: right;
								width: 50px;
								margin-right: 12%;
								.alinhar;
								cursor: pointer;
								img {
									width: 100%;
									float: left;
								} // img
							} // button
						} // .texto
					} // li
				} // .lista-metodos
				footer {
					height: ~"calc(100% - 78%)";
					background: @azul;
					h6 {
						width: 72.8%;
						float: right;
						color: @azul-claro;
						font-family: 'ProximaNovaBold';
						font-size: 1.6vw;
						line-height: 2vw;
						.alinhar;
						margin-right: 4.8%;
						text-shadow: 1px 1px 0px #7790bd;
					} // h6
				} // footer
			} // .metodologia
			&.atividades {
				background: url(../imagens/comum/atividades/bg-atividades-new.png);
				-webkit-background-size: 100%, cover;
				background-size: 100%, cover;
				background-repeat: no-repeat;
				header {
					background: url(../imagens/comum/atividades/abelha.svg), @amarelo;
					-webkit-background-size: 19%, 0;
					background-size: 19%, 0;
					background-position: 85% -60px, 0;
					background-repeat: no-repeat;
					height: 30%;
					h2 {
						font-family: 'ProximaNovaLight';
						font-size: 3.63vw;
						line-height: 3.4vw;
						color: @azul;
						text-shadow: 1px 1px 0px #fff;
						margin-left: 9.2%;
						.alinhar;
						text-transform: uppercase;
						display: inline-block;
						span {
							font-family: 'ProximaNovaSBold';
						} // span
					} // h2
				} // header
				ul {
					height: 70%;
					background: url(../imagens/comum/pattern-vermelho.png) repeat;
					list-style-type: none;
					padding-top: 3%;
					li {
						float: left;
						text-align: center;
						width: 13.5%;
						margin-right: 8%;
						height: 48%;
						&:first-child {
							margin-left: 6%;
						} // :first-child
						&:nth-child(5) {
							margin-left: 16%;
						} // :nth-child(4)
						&:last-child {
							margin-right: 0;
						} // :last-child
						img {
							width: 70%;
							margin: 0 auto;
							display: block;
						} // img
						h3 {
							display: block;
							width: 100%;
							margin-top: 2%;
							font-family: 'ProximaNovaXBold';
							font-size: 1.3vw;
							color: #fff;
							text-transform: uppercase;
						} // h3
					} // li
				} // ul
			} // .atividades
			&.estrutura {
				background: url(../imagens/comum/estrutura/bg-estrutura-new.png);
				-webkit-background-size: 100%, cover;
				background-size: 100%, cover;
				background-repeat: no-repeat;
				header {
					height: 30%;
					background: @verde;
					border-bottom: 1px dashed @azul;
					h2 {
						margin-left: 9.3%;
						font-family: 'ProximaNovaLight';
						font-size: 2vw;
						line-height: 2vw;
						.alinhar;
						width: 48.1%;
						text-transform: uppercase;
						text-shadow: 1px 1px 0px #fff;
						color: @azul;
						span {
							font-family: 'ProximaNovaXBold';
							font-size: 2vw;
							line-height: 2vw;
						} // span
					} // h2
				} // header
				.espaco-verde {
					width: 100%;
					background: @verde;
					height: 20%;
					h3 {
						float: right;
						font-family: 'ProximaNovaBold';
						font-size: 1.4vw;
						line-height: 1.4vw;
						color: @azul;
						text-shadow: 1px 1px 0px #fff;
						text-align: left;
						width: 49.4%;
						.alinhar;
						margin-right: 6.3%;
					} // h3
				} // .espaco-verde
				.lista-estrutura {
					width: 100%;
					background: @azul;
					list-style-type: none;
					height: 50%;
					li {
						width: ~"calc(100% / 6)";
						float: left;
						padding: 3.5% 0 2% 0;
						text-align: center;
						height: 100%;
						position: relative;
						border-right: 1px dashed @verde;
						&:last-child {
							.borda {
								border-right: 1px solid @azul;
							} // .borda
						} // :last-child
						img {
							margin-bottom: 5%;
							width:77%;
						} // img
						h4 {
							color: @verde;
							font-family: 'ProximaNovaSBold';
							font-size: 1.25vw;
							padding: 0 10px;
							text-transform: uppercase;
							text-shadow: 1px 1px 0px #7790bd;
						} // h4
					} // li
				} // .lista-estrutura
			} // .estrutura
		} // .content
	} // #container
} // #wrap
footer#footer {
	.clearfix();
	position:relative;
	background:#006633;
	margin-top:-150px;
	height:150px;
	clear:both;
	display: none;
} // #footer

























































@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation:landscape) {
	#wrap {
		#container {
			.menu-fixo {
				display: none;
			} // .menu-fixo
			header#header2 {
				display: none;
			} // #header2
			#header {
				height: 76px;
				nav {
					width: 100%;
					ul {
						li {
							margin-right: 3.25%;
							&:first-child {
								margin-left: 2%;
								margin-right: 2%;
								a {
									margin-top: 40%;
								} // a
							} // first-child
							a {
								line-height: 76px;
								font-size: 1.56vw;
							} // a
						} // li
					} // ul
				} // nav
				.link-cameras {
					position: absolute;
					right: 0;
					top: 76px;
					width: 31%!important;
					line-height: 76px!important;
					font-size: 2.3vw!important;
				} // .link-cameras
			} // #header
			.content {
				height: ~"calc(100% - 76px)";
				&.localizacao {
					header {
						h2 {
							font-size: 2.2vw;
							line-height: 3vw;
						} // h2
						.opcoes {
							position: fixed;
							top: 88.7%;
							left: 0;
							height: 11.3%;
							width: 100%;
							li {
								float: left;
								height: 100%;
								width: 50%;
								padding-top: 1%;
								&:first-child {
									border-bottom: 0;
									border-right: 1px dashed #6E89BC;
								} // :first-child
								.ico {
									width: 13%;
								} // .ico
								h3 {
									font-size: 3.9vw;
									span {
										font-size: 2vw;
										margin-top: 3%;
									} // span
								} // h3
								&.email {
									h3 {
										font-size: 2.35vw;
									} // h3
								} // .email
							} // li
						} // .opcoes
					} // header
					form.wpcf7-form {
						width: 50%;
						height: 58%;
						bottom: 11.3%;
						.bt-fechar {
							width: 10%;
							height: 10%;
							img {
								width: 75%;
								margin: 0 auto;
								.alinhar;
							} // img
						} // .bt-fechar
						fieldset {
							label {
								font-size: 2vw;
							} // label
						} // fieldset
						fieldset:nth-child(5) {
							height: 43%;
						} // :nth-child(5)
						fieldset:last-of-type {
							height: 16%;
							margin-bottom: 0;
							input[type="submit"] {
								height: 63%;
								font-size: 3vw;
								margin-top: 0;
								.alinhar;	
								width: 50%;
							} // input type submit
						} // :last-of-type
					} // form
				} // .localizacao
				&.horario {
					header {
						height: 28%;
						h2 {
							margin-left: 5%;
							.light {
								font-size: 4.4vw;
								&.segundo {
									font-size: 6.4vw;
									line-height: 6vw;
								}
							} // .light
							.bold {
								font-size: 4.6vw;
								line-height: 4vw;
							} // .bold
							.black {
								font-size: 6.4vw;
								line-height: 6vw;
							} // .black
						} // h2
					} // header
					.turnos {
						height: 72%;
						li {
							&:first-child {
								h3 {
									font-family: 'ProximaNovaLight';
									padding: 0 10px;
									font-size: 3vw!important;
									line-height: 3.1vw!important;
								} // h3
							} // :first-child
							img {
								width: 70%;
								margin-top: 24%;
								margin-bottom: 20%;
							} // img
							h3 {
								font-size: 3.2vw!important;
							} // h3
							h4 {
								font-size: 2.8vw!important;
								line-height: 3.3vw!important;
							} // h4
						} // li
					} // .turnos
				} // .horario
				&.metodologia {
					header {
						height: 31%;
						h3 {
							font-size: 3.4vw!important;
							margin-bottom: 0;
							line-height: 4.8vw!important;
							margin-bottom: 0;
							margin-top: 0.5%;
							span {
								font-size: 4.7vw!important;
							} // span
						} // h3
						h4 {
							width: 70%;
							font-size: 2.15vw;
							font-family: 'ProximaNovaRegular';
						} // h4
					} // header
					.lista-metodos {
						height: 36%;
						li {
							img.principal {
								width: 60%!important;
								margin-top: 9%;
							} // img
							h5 {
								font-size: 2.2vw!important;
							} // h5
							.seta-metodologia {
								width: 12%;
							} // .seta-metodologia
						} // li
					} // .lista-metodos
					footer {
						height: 33%;	
						h6 {
							font-family: 'ProximaNovaRegular';
							width: 73%;
							font-size: 2.16vw!important;
							line-height: 2vw!important;
						} // h6
					} // footer
				} // .metodologia
				&.quem-somos {
					header {
						height: 28%;
						h2 {
							margin-left: 5%;
						} // h2
					} // header
					.coluna-descricao, .coluna-ensinamos {
						height: 72%;
						&.coluna-descricao {
							h3 {
								width: 87%;
								margin-top: -8%;
								font-size: 2.9vw;
								line-height: 2.8vw;
								text-align: left;
							} // h3
						} // .coluna-descricao
						&.coluna-ensinamos {
							h3 {
								font-size: 2.3vw;
							} // h3
						} // .coluna-ensinamos
					} // .coluna-descricao e .coluna-ensinamos
				} // .quem-somos
				&.estrutura {
					header {
						height: 34%;
						h2 {
							font-size: 2.9vw!important;
							line-height: 3vw!important;
							margin-left: 5%;
							width: 66%;
							span {
								font-size: 3.5vw!important;
							} // spam
						} // h2
					} // header
					.espaco-verde {
						height: 26%;
						h3 {
							float: left;
							margin-left: 5.5%;
							width: 83%;
							font-size: 2.73vw;
							line-height: 2.8vw;
						} // h3
					} // .espaco-verde
					.lista-estrutura {
						height: 40%;
						li {
							img {
								width: 87%;
							} // img
							h4 {
								font-size: 1.3vw;
							} // h4
						} // li
					} // .lista-estrutura
				} // estrutura
				&.index {
					background: url(../imagens/comum/index/flor-verde-roxa.svg),
					url(../imagens/comum/index/abelha.svg),
					url(../imagens/comum/index/slogan.svg),
					url(../imagens/comum/index/flor-azul.svg),
					url(../imagens/comum/index/borboleta.svg),
					url(../imagens/comum/index/bg-home.jpg);
					-webkit-background-size: 7%, 7.8%, 60%, 8%, 30.2%, cover;
					background-size: 7%, 7.8%, 60%, 8%, 30.2%, cover;
					background-position: 0 70%, 0 59.2%, 11% 93%, 67% 50%, 83% 80%, center center;
					background-repeat: no-repeat;
					.box-bem-vindo {
						height: 100%;
						top: 149px;
						width: 31%;
						h2 {
							margin-top: 12%;
							font-size: 3.5vw!important;
							line-height: 3.2vw!important;
							margin-bottom: 13%;
						} // h2
						h3 {
							font-size: 3.5vw!important;
						} // h3
						.telefone {
							top: 56%;
							right: 18%;
							.ico {
								width: 47%;
							} // .ico
							h3 {
								font-size: 3.25vw!important;
								margin: 0;
								span {
									font-size: 2.25vw!important;
								} // span
							} // h3
						} // .telefone
					} // .box-bem-vindo
				} // .index
				&.atividades {
					header {
						height: 25%;
						background-position: 67% -30px, 0 center;
						-webkit-background-size: 14% auto, 0 auto;
						background-size: 14% auto, 0 auto;
						h2 {
							margin-left: 5%;
							font-size: 3.73vw!important;
						} // h2
					} // header
					ul {
						height: 75%;
						padding-top: 1.5%;
						li {
							width: 16%;
							margin-right: 5.7%;
							margin-bottom: 1%;
							&:first-child {
								margin-left: 4.3%;
							} // :first-child
							&:nth-child(5) {
								margin-left: 15%;
							} // :nth-child(5)
							img {
								width: 100%;
							} // img
							h3 {
								font-size: 1.7vw;
							} // h3
						} // li
					} // ul
				} // &.atividades
				&.pre-matricula {
					header {
						height: 19%;
						h2 {
							margin-left: 5%;
							width: 63%;
							span {
								font-size: 2.25vw!important;
							} // span
						} // h2
					} // header
					.formulario {
						height: 81%;
						padding-top: 3%;
						form {
							fieldset {
								margin-bottom: 19px;
							} // fieldset
							fieldset.central {
								margin-bottom: 0!important;
							} // fieldset.central
							.col2 {
								position: fixed;
								top: 0;
								right: 0;
								width: 31%!important;
								height: 100%!important;
								input {
									width: 300px!important;
									float: none!important;
									margin: 0 auto!important;
									display: block;
									margin-top: 87%!important;
								} // input
							} // .col2
						} // form
					} // .formulario
				} // .pre-matricula
			} // .content
		} // #container
	} // #wrap
} /*---------- Tablet (lanscape)  ----------*/





































































@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation:portrait) {
	#wrap {
		#container {
			.menu-fixo {
				position: fixed;
				right: 0;
				top: 0;
				width: 14%;
				display: block!important;
				height: 17%;
				.link-camera, button {
					float: left;
					width: 100%;
					height: 50%;
					img {
						margin: 0 auto;
						display: block;
						width: 54%;
					} // img
				} // .link-camera e button
				.link-camera {
					background: @azul-claro;
					img {
						.alinhar;
					} // img
				} // .link-camera
				button {
					background: @azul;
					border: 0;
					cursor: pointer;
					border-left: 1px solid @azul-escuro;
					position: relative;
				} // button
				nav {
					position: absolute;
					right: 0;
					width: 53.5%;
					background: @azul;
					z-index: 1;
					display: none;
					top: 100%;
					width: 240%;
					ul {
						list-style: none;
						height: 100%;
						background: @azul!important;
						padding: 0!important;
						li {
							border-bottom: 1px solid #91aad6;
							width: 100%;
							float: left;
							height: ~"calc(100% / 7)";
							width: 100%!important;
							margin-bottom: 0!important;
							&:last-child {
								border-bottom-color: 0;
							} // :last-child
							a {
								font-family: 'ProximaNovaSBold';
								font-size: 3.8vw;
								display: block;
								height: 100%;
								color: @branco;
								text-decoration: none;
								display: block;
								text-align: right;
								text-shadow: 1px 1px 0px @azul-escuro;
								padding-right: 9%;
								line-height: 240%;
							} // a
						} // li
					} // ul
				} // nav
			} // menu-fixo
			#header {
				display: none;
			} // #header
			header#header2 {
				display: block;
				background: @azul;
				width: 100%;
				border-bottom: 1px solid @azul-escuro;
				.logo {
					float: left;
					width: 83%;
					background: @azul;
					padding-top: 2%;
					height: 100%;
					img {
						width: 70%;
						margin: 0 auto;
						display: block;
					} // img
				} // .logo
				.link-camera, button {
					float: left;
					width: 17%;
					height: 50%;
					img {
						margin: 0 auto;
						display: block;
						width: 54%;
					} // img
				} // .link-camera e button
				.link-camera {
					background: @azul-claro;
					img {
						.alinhar;
					} // img
				} // .link-camera
				button {
					background: @azul;
					border: 0;
					cursor: pointer;
					border-left: 1px solid @azul-escuro;
					position: relative;
				} // button
				nav {
					position: absolute;
					right: 0;
					width: 53.5%;
					background: @azul;
					z-index: 1;
					display: none;
					ul {
						list-style: none;
						height: 100%;
						li {
							border-bottom: 1px solid #91aad6;
							width: 100%;
							float: left;
							height: ~"calc(100% / 7)";
							&:first-child {
								display: none;
							} // :first-child
							&:last-child {
								border-bottom-color: 0;
							} // :last-child
							a {
								font-family: 'ProximaNovaSBold';
								font-size: 3.8vw;
								display: block;
								height: 100%;
								color: @branco;
								text-decoration: none;
								display: block;
								text-align: right;
								text-shadow: 1px 1px 0px @azul-escuro;
								.alinhar;
								padding-right: 9%;
								line-height: 240%;
							} // a
						} // li
					} // ul
				} // nav
			} // #header2
			.content {
					height: 100%;
				&.index {
					background: url(../imagens/comum/index/flor-verde-roxa.svg),
						url(../imagens/comum/index/abelha.svg),
						url(../imagens/comum/index/slogan.svg),
						url(../imagens/comum/index/flor-azul.svg),
						url(../imagens/comum/index/borboleta.svg),
						url(../imagens/comum/index/bg-home.jpg);
						-webkit-background-size: 18%, 29%, 95%, 20%, 51.5%, cover;
						background-size: 18%, 29%, 95%, 20%, 51.5%, cover;
						background-position: left 38%, left 11%, center 70%, right 13%, right top, center center;
						background-repeat: no-repeat;
						position: relative;
					.logo {
						display: none;
					} // .logo
					.box-bem-vindo {
						position: absolute;
						bottom: 0;
						left: 0;
						width: 100%;
						height: 23%;
						background: @vermelho;
						h2, h3 {
							margin: 0 4.6% 0 4.6%;
							font-size: 4.37vw;
							line-height: 4.5vw;
							color: @branco;
						} // h2, h3
						h2 {
							font-family: 'ProximaNovaSBold';
							margin-top: 3%;
						} // h2
						h3 {
							margin-top: 3%;
							font-family: 'ProximaNovaLight';
						} // h3
						h4 {
							margin: 3% 4.6% 0 4.6%;
							color: @branco;
							font-family: 'ProximaNovaSBold';
							font-size: 4.37vw;
							span {
								font-size: 3.37vw;
							} // span
							img {
								float: left;
								width: 8%;
								margin-right: 2%;
								margin-top: -1.2%;
							} // img
						} // h4
						.telefone {
							.ico {
								width: 55%;
							} // .ico
							h3 {
								font-size: 3vw;
							} // h3
						} // .telefone
					} // .box-vem-vindo
				} // .index
				&.metodologia {
					header {
						width: 100%;
						height: 36.3%;
						background: @azul;
						h3 {
							font-family: 'ProximaNovaLight';
							font-size: 5.6vw;
							line-height: 6vw;
							color: @azul-claro;
							text-shadow: 1px 1px 0px @azul-escuro;
							text-transform: uppercase;
							width: 70%;
							margin-left: 5.5%;
							margin-top: 6%;
							display: inline-block;
							margin-bottom: 2%;
							span {
								font-family: 'ProximaNovaSBold';
								font-size: 5.6vw;
							} // span
						} // h2
						h4 {
							color: @branco;
							text-shadow: 1px 1px 0px @azul-escuro;
							margin-left: 5.5%;
							font-size: 2.8vw;
							font-family: 'ProximaNovaRegular';
							line-height: 3.6vw;
							width: auto;
							width: 90%
						} // h3
					} // header
					.lista-metodos {
						width: 100%;
						height: 34%;
						list-style-type: none;
						li {
							width: 25%;
							height: 100%;
							float: left;
							position: relative;
							img.principal {
								width: 80%;
								border-radius: 50%;
								border: 3px solid @azul;
								padding: 3px;
								margin: 15% auto 5% auto;
								display: block;
							} // img
							&:first-child {
								background: url(../imagens/comum/pattern-azul.png);
								.texto {
									background: url(../imagens/comum/pattern-azul.png);
								} // .texto
							} // :first-child
							&:nth-child(2) {
								background: url(../imagens/comum/pattern-amarelo.png);
								.texto {
									background: url(../imagens/comum/pattern-amarelo.png);
								} // .texto
							} // :nth-child(2)
							&:nth-child(3) {
								background: url(../imagens/comum/pattern-roxo.png);
								.texto {
									background: url(../imagens/comum/pattern-roxo.png);
								} // .texto
							} // :nth-child(3)
							&:nth-child(4) {
								background: url(../imagens/comum/pattern-vermelho.png);
								.texto {
									background: url(../imagens/comum/pattern-vermelho.png);
								} // .texto
							} // :nth-child(4)
							.texto {
								position: absolute;
								left: 0;
								top: 0;
								width: 100%;
								z-index: 1;
								height: 100%;
								display: none;
								z-index: 9999;
								h6 {
									font-family: 'ProximaNovaLight';
									font-size: 3vw;
									line-height: 3vw;
									color: @azul;
									text-shadow: 1px 1px 0px #fff;
									float: left;
									width: 75%;
									.alinhar;
									text-align: left;
								} // h6
								button {
									border: 0;
									background: none;
									float: right;
									width: 13.5%;
									margin-right: 4%;
									.alinhar;
									cursor: pointer;
									img {
										width: 100%;
										float: left;
									} // img
								} // button
							} // .texto
							h5 {
								font-family: 'ProximaNovaBlack';
								font-size: 4.2vw;
								color: @azul;
								text-shadow: 1px 1px 0px @branco;
								text-align: center;
								margin-bottom: 7%;
							} // h5
							.circulo {
								display: block;
								text-align: center;
								img {
									width: 35%
								} // img
							} // .circulo
						} // li
					} // .lista-metodos
					footer {
						width: 100%;
						height: 29.7%;
						background: @azul;
						h6 {
							width: 87.5%;
							float: left;
							color: @azul-claro;
							font-family: 'ProximaNovaRegular';
							font-size: 3.2vw;
							line-height: 3.2vw;
							.alinhar;
							margin-left: 6.2%;
							text-shadow: 1px 1px 0px #7790bd;
						} // h6
					} // footer
				} // .metodologia
				&.quem-somos {
					header {
						width: 100%;
						height: 27%;
						background: @roxo;
						h2 {
							font-family: 'ProximaNovaLight';
							font-size: 7.03vw;
							line-height: 7vw;
							color: @azul;
							txt-shadow: 1px 1px 0 #FFFFFF;
							text-shadow: 1px 1px 0px #fff;
							text-transform: uppercase;
							margin-left: 5.5%;
							.alinhar;
							span {
								font-family: 'ProximaNovaSBold'
							} // span
						} // h2
					} // header
					.coluna-ensinamos, .coluna-descricao {
						&.coluna-descricao {
							width: 100%;
							height: 51.2%;
							background: url(../imagens/comum/quem-somos/abelha-amarela.svg) left top,
							url(../imagens/comum/quem-somos/flor-verde.svg) left bottom,
							url(../imagens/comum/quem-somos/flor-abelha.svg) right bottom,
							url(../imagens/comum/quem-somos/pes.svg) center 130%,
							@azul;
							-webkit-background-size: 15%, 30.8%, 22.8%, 37%, 0;
							background-size: 15%, 30.8%, 22.8%, 37%, 0;
							background-repeat: no-repeat;
							h3 {
								color: @branco;
								text-align: center;
								font-family: 'ProximaNovaRegular';
								font-size: 3.9vw;
								line-height: 3.9vw;
								display: block;
								margin: 0 auto;
								position: relative;
								top: 35%;
								width: 85%;
								text-align: left;
							} // h3
						} // .texto-intro
						&.coluna-ensinamos {
							height: 21.8%;
							background: @azul-claro;
							width: 100%;
							h3 {
								margin-left: 5.5%;
								.alinhar;
								color: @azul;
								text-shadow: 1px 1px 0px #fff;
								width: 64.5%;
								font-family: 'ProximaNovaSBold';
								font-size: 3.9vw;
								line-height: 4vw;
							} // h4
						} // footer
					} // .coluna ensinamos e descricao
				} // .quem-somos
				&.estrutura {
					header {
						height: 30%;
						background: @verde;
						border-bottom: 1px dashed @azul;
						border-bottom: 1px dashed @azul;
						h2 {
							margin-left: 5.5%;
							font-family: 'ProximaNovaLight';
							font-size: 4vw;
							line-height: 4.1vw;
							.alinhar;
							width: 80%;
							text-transform: uppercase;
							text-shadow: 1px 1px 0px #fff;
							color: @azul;
							span {
								font-family: 'ProximaNovaSBold';
								font-size: 4.7vw;
							} // span
						} // h2
					} // header
					.espaco-verde {
						width: 100%;
						background: @verde;
						height: 20%;
						h3 {
							float: left;
							font-family: 'ProximaNovaSBold';
							font-size: 3vw;
							line-height: 3.4vw;
							width: 79%;
							color: @azul;
							text-shadow: 1px 1px 0px #fff;
							text-align: left;
							.alinhar;
							margin-left: 5.5%;
						} // h3
					} // .espaco-verde
					.lista-estrutura {
						width: 100%;
						background: @azul;
						list-style-type: none;
						height: 50%;
						li {
							width: ~"calc(100% / 3)";
							float: left;
							padding: 2% 0 2% 0;
							text-align: center;
							height: 50%;
							position: relative;
							border-right: 1px dashed @verde;
							border-bottom: 1px dashed @verde;
							img {
								margin-bottom: 2%;
								width: 57%;
							} // img
							h4 {
								color: @verde;
								font-family: 'ProximaNovaSBold';
								font-size: 2.2vw;
								padding: 0 10px;
								text-transform: uppercase;
								text-shadow: 1px 1px 0px #7790bd;
								margin-top: 4%;
							} // h4
						} // li
					} // .lista-estrutura
				} // .estrutura
				&.atividades {
					header {
						width: 100%;
						height: 27%;
						background: url(../imagens/comum/atividades/abelha.svg), @amarelo;
						-webkit-background-size: 25%, 0;
						background-size: 25%, 0;
						background-position: 90% -68%, 0;
						background-repeat: no-repeat;
						h2 {
							font-family: 'ProximaNovaLight';
							font-size: 5.9vw;
							line-height: 5.8vw;
							color: @azul;
							text-shadow: 1px 1px 0px #fff;
							margin-left: 6.2%;
							text-transform: uppercase;
							display: inline-block;
							span {
								font-family: 'ProximaNovaSBold';
								font-size: 5.45vw;
							} // span
						} // h2
					} // header
					ul {
						height: 73%;
						background: url(../imagens/comum/pattern-vermelho.png) repeat;
						list-style-type: none;
						li {
							float: left;
							text-align: center;
							width: ~"calc(100% / 2)";
							height: ~"calc(100% / 6)";
							margin-bottom: 7.5%;
							margin-right: 0;
							&:first-child {
								margin-left: 0;
							} // :first-child
							&:nth-child(5) {
								margin-left: 0;
							} // :nth-child(5)
							&:nth-child(7), &:nth-child(8) {
								margin-bottom: 0;
							} // :nth child 7 e 8
							img {
								margin: 0 auto;
								display: block;
								width: 26%;
							} // img
							h3 {
								width: 100%;
								font-family: 'ProximaNovaSBold';
								font-size: 2vw;
								margin-top: 2%;
								color: #fff;
								text-transform: uppercase;
							} // h3
						} // li
					} // ul
				} // .atividades
				&.horario {
					header {
						background: @amarelo;
						height: 27%;
						h2 {
							.alinhar;
							margin-left: 5.5%;
							width: 75%;
							text-shadow: 1px 1px 0px #fff;
							text-transform: uppercase;
							float: left;
							line-height: 9vw;
							.light {
								font-family: 'ProximaNovaLight';
								font-size: 5.15vw;
								color: @vermelho;
								line-height: 0;
								&.segundo {
									font-size: 7.8vw;
								} // .segundo
							} // .light
							.bold {
								font-family: 'ProximaNovaBold';
								font-size: 5.46vw;
								color: @azul;
								line-height: 0;
								position: relative;
								top: -4px;
							} // .bold
							.black {
								font-family: 'ProximaNovaBold';
								font-size: 7.8vw;
								color: @azul;
								line-height: 0;
							} // .black
						} // h2
					} // header
					.turnos {
						width: 100%;
						height: 73%;
						list-style-type: none;
						li {
							&:first-child {
								width: 100%;
								height: 35%;
								background: url(../imagens/comum/horario/relogio.svg), @azul;
								background-position: top center, center center;
								-webkit-background-size: 32.2%, 0 0;
								background-size: 32.2%, 0 0;
								background-repeat: no-repeat;
								h3 {
									font-family: 'ProximaNovaLight';
									font-size: 4.7vw;
									line-height: 5vw;
									color: #fff;
									text-shadow: 1px 1px 0px #677ca2;
									text-transform: uppercase;
									text-align: center;
									width: 90%;
									margin: 0 auto;
									display: block;
									padding-top: 18%;
								} // h3
							} // :first-child
							&:not(:first-child) {
								width: ~"calc(100% / 3)";
								float: left;
								height: 65%;
								background: gray;
								text-align: center;
								overflow: hidden;
								background: @vermelho;
								position: relative;
								border-right: 1px dashed @amarelo;
								h3 {
									color: #fff;
									font-family: 'ProximaNovaBlack';
									font-size: 5.3vw;
									text-transform: uppercase;
									margin-bottom: 5%;
									text-shadow: 1px 1px 0px #df9a8e;
								} // h3
								h4 {
									font-family: 'ProximaNovaBold';
									line-height: 5vw;
									font-size: 4.6vw;
									color: @amarelo;
									text-shadow: 1px 1px 0px #df9a8e;
									text-transform: uppercase;
								} // h4
								img {
									width: 70%;
									margin-top: 19%;
									margin-bottom: 15%;
								} // img
							} // :not(:first-child)
						} // li
					} // .turnos
				} // .horario
				&.localizacao {
					position: relative;
					header {
						width: 100%;
						height: 27%;
						background: @roxo;
						border-bottom: 1px dashed @azul;
						position: relative;
						.icone-pino {
							float: left;
							margin-left: 5.5%;
							width: 17.5%;
							margin-right: 4.7%
						} // .icone-pino
						h2 {
							float: left;
							width: 50%;
							font-family: 'ProximaNovaSBold';
							font-size: 4.7vw;
							text-transform: uppercase;
							color: @azul;
							text-shadow: 1px 1px 0px #ffffff;
							line-height: 4.7vw;
							span {
								font-family: 'ProximaNovaLight';
								display: block;
								margin-top: 4%;
							} // span
						} // h2
						.opcoes {
							position: fixed;
							right: 0;
							top: 88%;
							height: 12%;
							background: @azul;
							width: 100%;
							list-style: none;
							li {
								float: left;
								width: 50%;
								height: 100%;
								padding-top: 1%;
								&:first-child {
									border-right: 1px dashed @azul-escuro;
								} // :first-child
								.ico {
									float: left;
									width: 18%;
									.alinhar;
									margin-left: 5%;
									margin-right: 3.5%;
									img {
										width: 100%;
									} // img
								} // .ico
								h3 {
									.alinhar;
									font-family: 'ProximaNovaBold';
									color: @branco;
									font-size: 5.5vw;
									span {
										font-family: 'ProximaNovaRegular';
										font-size: 3vw;
										float: left;
										margin-top: 3.5%;
										margin-right: 1%;
									} // span
								} // h3
								&.email {
									h3 {
										font-family: 'ProximaNovaLight';
										font-size: 2.8vw;
										text-transform: uppercase;
									} // h3
								} // .email
							} // li
						} // .opcoes
					} // header
					iframe {
						width: 100%;
						height: 75.2%
					} // iframe
					form.wpcf7-form {
						width: 50%;
						height: 61.7%;
						bottom: 11.3%;
						.bt-fechar {
							width: 11%;
						} // .bt-fechar
						fieldset {
							label {
								font-size: 2vw;
							} // label
						} // fieldset
						fieldset:nth-child(5) {
							height: 43%;
						} // :nth-child(5)
						fieldset:last-of-type {
							height: 16%;
							input[type="submit"] {
								height: 72%;
								font-size: 4vw;
								margin-top: 0;
								.alinhar;	
							} // input type submit
						} // :last-of-type
					} // form
				} // .localizacao
				&.pre-matricula {
					header {
						width: 100%;
						background: @azul;
						height: 28%;
						border-bottom: 1px dashed #6e89bc;
						h2 {
							.alinhar;
							margin-left: 5.5%;
							text-transform: uppercase;
							color: @azul-claro;
							width: 75%;
							line-height: 5vw;
							.regular-maior {
								font-family: 'ProximaNovaSBold';
								font-size: 5.6vw;
							} // .regular-maior
							.light {
								font-family: 'ProximaNovaLight';
								font-size: 6.3vw;
							} // .light
							.bold-menor {
								font-family: 'ProximaNovaSBold';
								font-size: 4.38vw;
							} // .bold-menor
						} // h2
					} // header
					.formulario {
						height: 72%;
						form {
							.col2 {
								height: ~"calc(100% - 506px)";
								input[type="submit"] {
									.alinhar;
									margin: 0 auto;
									display: block;
									width: 48%;
									border: 3px solid #667fac;
									height: 45%;
									font-family: 'ProximaNovaXBold';
									font-size: 4vw;
									color: #fff;
									text-shadow: 1px 1px 0px #b98076;
									background: url(../imagens/comum/pre-matricula/bg-gradiente-bt.png) repeat-x;
									border-radius: 15px;
									cursor: pointer;
									text-transform: uppercase;
									float: none;
									&:hover {
										opacity: .9;
									} // :hover
								} // input[type="submit"]
							} // .col2
						} // form
					} // .formulario
				} // .pre-matricula
			} // .content
		} // #container
	} // #wrap
} // media screen portrair

// @import 'tablet.less';
// @import '768-mobile.less';