/*
------------------- ABERTURA -------------------
*/
.nof {
	overflow: hidden;
}
.abertura {/* wrap geral */
	font-family: 'regular';
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
}
.abertura h2 {/* logos */
	margin: 0 auto;
	position: relative;
	text-indent: -9999px;
	width: 264px;
	z-index: 5;
}
.abertura .escola {/* escola */
	background: url(../img/abertura/bg_escola.jpg) no-repeat;
}
.abertura .escola h2 {/* logo escola */
	background: url(../img/abertura/logo_escola.png) no-repeat left center;
	background-size: cover;
	height: 166px;
}
.abertura .kids {/* kids */
	background: url(../img/abertura/bg_kids.jpg) no-repeat;
	right: 0;
}
.abertura .kids h2 {/* logo kids */
	background: url(../img/abertura/logo_kids.png) no-repeat left center;
	background-size: cover;
	height: 180px;
	width: 259px;
}
.abertura .escola,.abertura .kids {/* wrap escola + kids */
	background-size: cover;
	display: block;
	float: none;
	height: 100%;
	position: absolute;
	text-align: center;
	z-index: 3;
}
.abertura .kids {
	z-index: 2;
}
.abertura .escola a,.abertura .kids a{/* link escola + kids */
	height: 100%;
	left: 0;
	padding: 80px 15px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 4;
}
.abertura .wrap-bt {/* wrap botao */
	bottom: 60px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}
.abertura .bt {/* botao */
	background: #f5811f;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	padding: 15px 45px;
	position: relative;
	z-index: 5;
}
.abertura .bt:hover,.abertura .bt:focus {/* hover botoes */
	box-shadow: 0px 0px 14.56px 1.44px rgba(255, 180, 0, 0.7);
	text-decoration: none;
}
.abertura .escola:after {/* divisao escolas */
	background: url(../img/abertura/divisoria.png) no-repeat;
	background-size: cover;
	content: '';
	height: 100%;
	max-width: 28px;
	position: absolute;
	right: -11px;
	top: 0;
	width: 100%;
	z-index: 10;
}
.abertura .escola:before {/* blur escola */
	background: url(../img/abertura/bg_escola.jpg) no-repeat;
	background-size: cover;
	content: '';
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: url(#blur);
  	filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5');
	filter: blur(5px);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.abertura .escola:hover:before,.abertura .escola:focus:before,.abertura .kids:hover:before,.abertura .kids:focus:before {/* blur hovers focus */
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: url(#blurNone);
  	filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='0');
	filter: blur(0px);
}
.abertura .kids:before {/* blur kids */
	background: url(../img/abertura/bg_kids.jpg) no-repeat;
	background-size: cover;
	content: '';
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: url(#blur);
  	filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5');
	filter: blur(5px);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
/* ANIMACAO ABERTURA */
#fractalEscola {
  animation-duration: .3s;
  animation-delay: .2s;
}
#fractalKids {
  animation-duration: .3s;
  animation-delay: .4s;
}
#bt1 {
  animation-duration: .9s;
  animation-delay: .6s;
}
#bt2 {
  animation-duration: .9s;
  animation-delay: .9s;
}
/* RESPONSIVIDADE ABERTURA */
@media screen and (max-width:589px) {
	.abertura > div h2 {
		background-position-x: center !important;
		background-size:contain !important;
		height: auto !important;
		max-width: 250px;
		min-height: 150px;
		position: relative;
	}
}
@media screen and (max-width:560px) {
	.abertura .escola,.abertura .kids {
		background-position-y: bottom;
		display: block;
		height: 50%;
		position: relative;
		width: 100%;
	}
	.abertura .escola:before,.abertura .kids:before {
			background-position-y: bottom;
	}
	.abertura .escola {
		border-bottom: solid 4px #fff;
	}
	.abertura .escola h2 {
		background-image: url(../img/abertura/logo_escola-stroke.png);
	}
	.abertura .kids h2 {
		background-image: url(../img/abertura/logo_kids-stroke.png);
	}
	.wrap-bt {
		display: none;
		visibility: hidden;
	}
	.abertura .escola:after {
		display: none;
		visibility: hidden;
	}
}