@charset "UTF-8";

@import url('http://fonts.googleapis.com/css?family=Acme');

@font-face {
	font-family: 'Segoe';
	src: url("../font/segoe-ui.otf");
}

@font-face {
  font-family: Acme;
  src: url('../font/Acme-Regular.ttf'); 
}

/* CONFIGURAÇÕES BÁSICAS */

body{
	font-family: 'Segoe';
}

h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, button{ 
	margin: 0; 
	padding: 0; 
}

a{
	text-decoration: none !important;
}

h1, h2, h3, h4, h5, h6, a, .btn{
	font-family: Acme;
}

li{ 
	list-style: none; 
	display: inline-block; 
	line-height: 1.6; 
	font-size: .9em;
	font-family: 'Segoe';
}

strong{
	color: #00ccff;
}

.divisor{
	height: 2px;
	width: 100px;
	margin-top: 8px;
	background: linear-gradient(to right, #00ccff, #02aad4);
}

.divisor-video{
	height: 2px;
	width: 100px;
	margin-top: 8px;
	background: #fff;
}

.card-minha-cor.card-outline{
	border-top:3px solid #00ccff
}

.color-black{
	color: #212529;
}

.nav-link-black{
	color: #212529;
}

.nav-link-black:hover{
	color: #000;
}

.meu-texto {
	font-size: 22px;
}

.meu-texto-video {
	font-size: 19px;
}

.mt-6{
  margin-top: 2rem !important;
}

.meu-texto-noticia{
	font-size: 20px !important;
}

.p-title{ position: relative; padding-bottom: 10px; margin-bottom: 40px; }

.p-title:after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ccc; }

.p-title:before{ content:''; position: absolute; bottom: 0; left: 0; width: 80px; height: 5px; 
	background: #00ccff; z-index: 1; }

.minha-cor{
	color: #00ccff !important;
}

.my-a{
	font-size: 1rem; 
	color: #fff !important;
}

.my-a:hover{
	color: #f2f2f2 !important;
}

.m-sm-icon{
	margin: -15px auto -15px auto !important;
}

.my-active{
	color: #00ccff;
}

.nav-sombra{
	box-shadow: 0 5px 10px lightgray;
}

.botao-login{
	padding: 3px !important;
	color: #00ccff !important;
	background-color: #fff !important;
	border-color: #00ccff !important;
	border-radius: 3px;
	margin: -10px 0 -10px 0 !important;
}

.botao-login:hover{
	background-color: #05bbe8 !important;
	border-color: #05bbe8 !important;
	color: #fff !important;
}

.minha-cor-btn{
	background-color: #00ccff !important;
	border-color: #00ccff !important;
	color: #fff !important;
}

.minha-cor-btn:hover{
	background-color: #05bbe8 !important;
	border-color: #05bbe8 !important;
	color: #fff !important;
	transition: .5s;
}

.btn-ver-mais-amarelo{
	color: #fecd2a !important;
}

.btn-ver-mais-rosa{
	color: #fb496d !important;
}

.espaco-form{
	margin-bottom: 0;
}

.limite-index{
	width: 100%;
	max-width: 650px;
	margin: auto;
}

.nav-gradiente{
	background-image: linear-gradient(to right, #00ccff, #02aad4);
}

.bg-my-color{
	background-color: #2b95e2;
}

.bg-ensino-infantil{
	background-image: url('../img/fundo_amarelo.png');
	background-position: center top;
	background-repeat: no-repeat; 
	background-size: cover;
}

.bg-anos-iniciais-finais{
	background-image: url("../img/fundo_rosa.png");
	background-position: center top;
	background-repeat: no-repeat; 
	background-size: cover;
}

/* CONFIGURAÇÃO DO BOTÃO FLUTUANTE */

.site-action{
	position:fixed;
	right:32px;
	bottom:55px;
	z-index:1290;
	-webkit-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s
}

.btn-floating{
	width: 70px;
	height: 70px;
	border-radius: 50% !important;
	font-size:20px !important;
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 4px 6px 20px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 4px 6px 20px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 4px 6px 20px 0 rgba(0, 0, 0, 0.3);
}

@media (max-width:767px){
	.site-action .btn-floating{
		width:46px;
		height:46px;
		padding:0;
		font-size:16px;
		-webkit-box-shadow:0 6px 6px 0 rgba(60,60,60,.1);
		box-shadow:0 6px 6px 0 rgba(60,60,60,.1)
	}
}

/* CONFIGURAÇÃO DO BOTÃO FLUTUANTE DO PDF */

.site-action-pdf{
	position:fixed;
	right:32px;
	bottom:135px;
	z-index:1290;
	-webkit-animation-duration:3s;
	-o-animation-duration:3s;
	animation-duration:3s
}

.btn-floating-pdf{
	width: 70px;
	height: 70px;
	border-radius: 50% !important;
	font-size:20px !important;
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 4px 6px 20px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 4px 6px 20px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2), 4px 6px 20px 0 rgba(0, 0, 0, 0.3);
}

@media (max-width:767px){
	.site-action-pdf .btn-floating-pdf{
		width:46px;
		height:46px;
		padding:0;
		font-size:16px;
		-webkit-box-shadow:0 6px 6px 0 rgba(60,60,60,.1);
		box-shadow:0 6px 6px 0 rgba(60,60,60,.1)
	}
}

/* CONFIGURAÇÃO DO BANNER */

.banner{
	background-image: url("../img/banner11-min.png");
	background-position: center top;
	background-repeat: no-repeat; 
	background-size: cover;
	height: 91vh;
	width: 100%;
}

/*@media only screen and (max-width: 767px) {
	.banner{
		background-image: url("../img/banner_teste1.png");
		background-position: center top;
		background-repeat: no-repeat; 
		background-size: cover;
		height: 60vh;
		width: 100%;
	}
}*/

/* CONFIGURAÇÃO DA FRASE */

.otro-blockquote{
  font-size: 1.4em;
  width: 100%;
  margin:50px auto;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #00ccff ;
  line-height:1.6;
  position: relative;
  background: #fafaf7;
}

.otro-blockquote::before{
  font-family: Arial;
  content: "\201C";
  color: #00ccff;
  font-size: 4em;
  position: absolute;
  left: 10px;
  top: -10px;
}

.otro-blockquote::after{
  content: '';
}

.otro-blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

/* CONFIGURAÇÃO DO ACESSO RÁPIDO */


.card-box {
    position: relative;
    color: #fff;
    padding: 20px 10px 40px;
    margin: 20px 0px;
}
.card-box:hover {
    text-decoration: none;
    color: #f1f1f1;
}
.card-box:hover .icon i {
    font-size: 100px;
    transition: 1s;
    -webkit-transition: 1s;
}
.card-box .inner {
    padding: 5px 10px 0 10px;
}
.card-box h3 {
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 8px 0;
    white-space: nowrap;
    padding: 0;
    text-align: left;
}
.card-box p {
    font-size: 15px;
}
.card-box .icon {
    position: absolute;
    top: auto;
    bottom: 5px;
    right: 5px;
    z-index: 0;
    font-size: 72px;
    color: rgba(0, 0, 0, 0.15);
}
.card-box .card-box-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-align: center;
    padding: 3px 0;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    text-decoration: none;
}
.card-box:hover .card-box-footer {
    background: rgba(0, 0, 0, 0.3);
}

.bg-blue {
    background-color: #00c0ef !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-orange {
    background-color: #f39c12 !important;
}

.bg-dark-green {
    background-color: #bfc03e !important;
}

.bg-red {
    background-color: #d9534f !important;
}

.bg-dark-pink {
    background-color: #cc2775 !important;
}

/* CONFIGURAÇÃO DAS NOTÍCIAS */

.mbm-1{
	margin-bottom: -125px;
}

@media only screen and (max-width: 767px) {
	.mbm-1{
		margin-bottom: 80px;
		padding-bottom: 25px;
	}
}

.dplay-block{ 
	display: block; 
}

.pos-relative{ 
	position: relative; 
	z-index: 1; 
}

.abs-tlr{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	z-index: 1; 
}

.abs-blr{ 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 1; 
}

.float-left{ 
	float: left !important; 
}

.font-12{ 
	font-size: 1.2em; 
}

@media only screen and (max-width: 767px) {
	.float-sm-none{ 
		float: none !important; 
	}
	
	.font-sm-13{ 
		font-size: 1.3em; 
	}
}

.color-white{ 
	color: #fff; 
}

.img-bg{ 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: 1; 
}


.bg-grad-layer-6:after{ 
	content:''; 
	position: absolute; 
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	z-index: -1;
	opacity: .6; 
	background: linear-gradient(to top,  #000 0%,  rgba(0,0,0,.95) 100%); 
}

@media only screen and (max-width: 767px) {
	.bg-sm-color-7{ 
		background: rgba(0,0,0,.7); 
	}
}

.h-sm-auto{ 
	height: auto !important; 
}

.h-2-3 { 
	height:  66.666% !important; 
}

.oflow-hidden{ 
	overflow: hidden; 
}

.w-sm-100{ 
	width: 100% !important; 
}

.h-sm-300x { 
	height: 300px !important; 
}

.wh-100x{ 
	height: 100px; 
	width: 100px !important; 
}

.mb-15{ 
	margin-bottom: 15px !important; 
}

.mb-20{ 
	margin-bottom: 20px !important; 
}

.mb-sm-5 { 
	margin-bottom: 5px !important; 
}

.ml-120{ 
	margin-left: 120px !important; 
}

.list-li-mr-20 > li{ 
	margin-right: 20px; 
}

.w-1-3 { 
	width: 33.33% !important; 
}

.h-sm-600x { 
	height: 600px !important; 
}

.h-50 { 
	height: 50% !important; 
}

.p-20{ 
	padding: 20px !important; 
}

.mb-10{ 
	margin-bottom: 10px !important; 
}

.ptb-5 { 
	padding-top: 5px !important; 
	padding-bottom: 5px !important; 
}

.pl-sm-0 { 
	padding-left: 0px !important; 
}

.pr-sm-0 { 
	padding-right: 0px !important; 
}

.mr-5 { 
	margin-right: 5px !important; 
}

.w-2-3 { 
	width:  66.666% !important; 
}

.h-100{ 
	height: 100% !important; 
}


.h-600x{ 
	height: 600px !important; 
}

.min-h-100x{ 
	min-height: 100px !important; 
}

@media only screen and (max-width: 767px) {
	
	.w-sm-auto{ 
		width: auto !important; 
	}
	
	.h-sm-auto{ 
		height: auto !important; 
	}
	
	.w-sm-100{ 
		width: 100% !important; 
	}
	
	.h-sm-300x { 
		height: 300px !important; 
	}
	
	.h-sm-600x { 
		height: 600px !important; 
	}
	
	.min-h-100x{ 
		min-height: 100px !important; 
	}
}

.pbtt-5{ 
	padding-bottom:  5px !important; 
}

.pl-5{ 
	padding-left:  5px !important; 
}

.pl-20{ 
	padding-left: 20px !important; 
}

.pl-md-0{ 
	padding-left:  0px !important; 
}

.pr-5{ 
	padding-right: 5px !important; 
}

.ptb-5{ 
	padding-top:  5px !important; 
	padding-bottom:  5px !important; 
}

@media only screen and (max-width: 767px) {
	.pl-sm-0{ 
		padding-left: 0px !important; 
	}
	.pr-sm-0{ 
		padding-right: 0px !important; 
	}
	.ptb-sm-5{ 
		padding-top:  5px !important; 
		padding-bottom:  5px !important; 
	}
}

.meu-titulo-news:hover{
	color: #00ccff;
	transition: .5s;
}

.img-noticia-sec{
	height: 100px;
	width: 100px;
}

.titulo-noticia-sec:hover{
	color: #00ccff;
	transition: .5s;
}

.limite-news{
	border: 1px solid #00ccff;
	width: 100%;
	max-width: 950px;
	margin: auto;
}

.cat-noticia{
	background-color: #00ccff;
	padding: 0 10px 0 10px;
	border-radius: 3px;
	margin: 0;
}

.cat-noticia-sec{
	font-size: 12px;
	background-color: #00ccff;
	padding: 0 10px 0 10px;
	border-radius: 3px;
	margin-top: 2px;
}

.facebook-btn{
    display: inline-block;            
    width: 40px;
    height: 40px;
    margin: 5px 5px 5px 15px;
    background-size: 100% 100%;
    background-image: url("../img/icone-facebook.png");
    background-repeat: no-repeat;
    background-position: center;
}

.whatsapp-btn {
    display: inline-block;            
    width: 40px;
    height: 40px;
    margin: 5px;
    background-size: 100% 100%;
    background-image: url("../img/icone-whatsapp.png");
    background-repeat: no-repeat;
    background-position: center;
}

.twitter-btn{
    display: inline-block;            
    width: 40px;
    height: 40px;
    margin: 5px;
    background-size: 100% 100%;
    background-image: url("../img/icone-twitter.png");
    background-repeat: no-repeat;
    background-position: center;
}

/* CONFIGURAÇÃO DE MÍDIAS SOCIAIS */

.midias-sociais{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.10)), to(rgba(0, 0, 0, 0.10))), url("../img/background_midias_sociais_2.png");
	background: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)), url("../img/background_midias_sociais_2.png");
	background-size: cover;
	background-position: bottom;
}

.social-midias-icons{
	width: 100%;
	text-align: center;
}

.btn-social-midias-icons{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: #f1f1f1;
	margin: 10px;
	border-radius: 30%;
	box-shadow: 0 5px 15px -5px #000070;
	color: #00ccff;
	overflow: hidden;
	position: relative;
}

.btn-social-midias-icons i{
	line-height: 40px;
	font-size: 20px;
	transition: 0.2s linear;
}

.btn-social-midias-icons:hover i{
	transform: scale(1.3);
	color: #f1f1f1;
}

.btn-social-midias-icons::before{
	content: "";
	position: absolute;
	width: 120%;
	height: 120%;
	background-color: #00ccff;
	transform: rotate(45deg);
	left: -110%;
	top: 90%;
}

.btn-social-midias-icons:hover::before{
	animation: aaa 0.7s 1;
	left: -10%;
	top: -10%;
}

@keyframes aaa{
	0%{
		left: -110%;
		top: 90%;
	}50%{
		left: 10%;
		top: -30%;
	}100%{
		left: -10%;
		top: -10%;
	}
}

/* CONFIGURAÇÃO DA ÁREA DE PAGAMENTO */

.limite{
	width: 100%;
	max-width: 650px;
	margin: auto;
	border-radius: 4px;
}

.titulo-form{
	background-color: #00ccff;
	color: #fff;
}

.img-pdf{
	height: 150px;
	width: 150px;
}

.img-pdf:hover {
  filter: opacity(20%);
  -webkit-filter: opacity(85%);
  transition: .7s;
}

/* CONFIGURAÇÃO DA ÁREA DAS MATRÍCULAS */

.meu-btn-collapse:hover{
	text-decoration: none !important;
}

.meu-btn-collapse:focus{
	text-decoration: none !important;
}

.meu-card-header{
	cursor: pointer;
	background-color: #fff !important;
}

.meu-card-header:hover{
	cursor: pointer;
	background-color: #f7f7f7 !important;
}

.btn-exportar{
	line-height: -10px;
	background-color:transparent; 
	border: transparent;
}

/* CONFIGURAÇÃO DA ÁREA DAS ATIVIDADES ESCOLARES */

.td-atividades{
	text-align: center;
	margin: 0 !important;
}

/* CONFIGURAÇÃO DO ALERTA ESTILIZADO */

.meu-alert{
	width:100%;
	max-width: 650px;
	border-radius: 4px;
	border: 1px solid #ffc107;
	display: flex;
	margin-bottom: 20px;
	margin: auto;
}

.meu-alert::before{
    content: '';
	color: #fff;
    width: 100px;
    position: relative;
    z-index: 999;
    background-color: #ffc107;
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 30px;
}

.meu-alert-pag{
	width:100%;
	max-width: 650px;
	border-radius: 4px;
	border: 1px solid #ffc107;
	display: flex;
	margin-bottom: 20px;
	margin: auto;
}

.meu-alert-pag::before{
    content: '';
	color: #fff;
    width: 30px;
    position: relative;
    z-index: 999;
    background-color: #ffc107;
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 30px;
}

.meu-alert-atv{
	width:100%;
	max-width: 100%;
	border-radius: 4px;
	border: 1px solid #ffc107;
	display: flex;
	margin-bottom: 20px;
	margin: auto;
}

.meu-alert-atv::before{
    content: '';
	color: #fff;
    width: 30px;
    position: relative;
    z-index: 999;
    background-color: #ffc107;
    background-repeat: no-repeat;
    background-position: center 16px;
    background-size: 30px;
}

.meu-alert-content{
  padding: 20px;
}

.meu-alert-title {
	color: #ffc107;
	margin: 0;
	margin-bottom: 5px;
	font-weight: 600;
	font-size: 18px;
	padding: 0;
}

/* CONFIGURAÇÃO DA ÁREA SOBRE NÓS */

.img-sobre-nos{
	float: left;
}

/* CONFIGURAÇÃO DA ÁREA DE LOGIN */

.user_card {
	height: 400px;
	width: 350px;
	margin-top: auto;
	margin-bottom: auto;
	background: #383c4a;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 5px;
}

@media (max-width: 400px) {
	.user_card {
		height: auto;
		width: auto;
		margin-top: 90px;
	}
}

.brand_logo_container {
	position: absolute;
	height: 170px;
	width: 170px;
	top: -75px;
	border-radius: 50%;
	background: #2b95e2;
	padding: 10px;
	text-align: center;
}

.brand_logo {
	height: 150px;
	width: 150px;
	border-radius: 50%;
	border: 2px solid white;
}

.form_container {
	margin-top: 100px;
}

.login_btn {
	width: 100%;
	background: #00ccff !important;
	color: white !important;
}

.login_btn:hover{
	background-color: #05bbe8 !important;
	border-color: #05bbe8 !important;
	color: #fff !important;
}

.login_btn:focus {
	box-shadow: none !important;
	outline: 0px !important;
}

.login_container {
	padding: 0 2rem;
}

.input-group-text {
	background: #00ccff !important;
	color: white !important;
	border: 0 !important;
	border-radius: 0.25rem 0 0 0.25rem !important;
}

.input_user, .input_pass:focus {
	box-shadow: none !important;
	outline: 0px !important;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #c0392b !important;
}

/* CONFIGURAÇÃO DA ÁREA DE NOTAS */

.card-unidade{
	padding: 40px !important;
	text-align: center;
}

.card-unidade:hover{
	background-color: #f7f7f7 !important;
}

.card-final:hover{
	background-color: #f7f7f7 !important;
}


/* CONFIGURAÇÃO DO PDF */

div.vertical{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg); /* Safari/Chrome */
	-moz-transform: rotate(-90deg); /* Firefox */
	-o-transform: rotate(-90deg); /* Opera */
	-ms-transform: rotate(-90deg); /* IE 9 */
}

th.vertical
{
 height: 220px;
 line-height: 14px;
 padding-bottom: 20px;
 padding-top: 170px;
 padding-left: -40px;
 padding-right: -40px;
 text-align: left;
}

.legenda-pdf{
	font-size: 12px !important;
}

.sigla-pdf{
	font-family: 'Ubuntu-Bold' !important;
}

/* CONFIGURAÇÃO DO RODAPÉ */

.footer {
	padding: 4rem 0 0 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.75))), url("../img/bg_footer.jpg");
	background: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../img/bg_footer.jpg");
	background-size: cover;
	background-position: center;
}

.footer .footer-copyright {
	font-size: 1.1rem;
}

.texto-footer{
	font-size: 1.1rem;
}

.link-instagram{
	color: #00ccff;
}

.link-instagram:hover{
	text-decoration: none;
	color: #05b9e6;
}