html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body
{
  position: relative;
  margin: 0;
  min-height: 100%;
  padding-bottom: 13rem;
}

.svg
{
    -webkit-filter: hue-rotate(220deg) saturate(5);
    filter: hue-rotate(220deg) saturate(5);
}

.btn-danger
{
	border-radius: 12px;
	background-color: #DE0303;
	font-size: 12px;
}

.btn-primary
{
	border-radius: 12px;
	background-color: #005F8D;
	font-size: 12px;
}

.btn-secondary
{
	border-radius: 12px;
	font-size: 12px;
}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

textarea, input {
	font-family:'Font Awesome 5 Brands', Verdana, Arial !important
}

.quotes {display: none;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  top: 48px;
  display: none;
  position: absolute;
  background-color: #FFF;
  min-width: 225px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
  font-size:13px;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/*Personalizando as cores de cada janelinha modal da home*/
.dropdownLinguagens a
{
  border: 1px solid #0070AF;	
}

.dropdownLinguagens .dropdown-content 
{
  border: 1px solid #0070AF;	
}

.dropdownLinguagens .dropdown-content a:hover
{
	background-color: #0070AF;
	color: #FFF;
}

.dropdownMatematica a
{
  border: 1px solid #A54A97;	
}

.dropdownMatematica  .dropdown-content 
{
  border: 1px solid #A54A97;	
}

.dropdownMatematica .dropdown-content a:hover
{
	background-color: #A54A97;
	color: #FFF;
}

.dropdownCienciasNatureza a
{
  border: 1px solid #019B69;	
}

.dropdownCienciasNatureza  .dropdown-content 
{
  border: 1px solid #019B69;	
}

.dropdownCienciasNatureza .dropdown-content a:hover
{
	background-color: #019B69;
	color: #FFF;
}

.dropdownCienciasHumanas a
{
  border: 1px solid #EF7B00;	
}

.dropdownCienciasHumanas  .dropdown-content 
{
  border: 1px solid #EF7B00;	
}

.dropdownCienciasHumanas .dropdown-content a:hover
{
	background-color: #EF7B00;
	color: #FFF;
}

 .d-readmore {
    min-height: 11px;
    overflow: hidden;
    
}

.d-readmore_btn { color: #ff0000; cursor: pointer }

a{
	color: #535353;
}

a:hover{
	color: #535353;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#000; /* cor do background que vai ocupar o body */
    z-index:999; /* z-index para jogar para frente e sobrepor tudo */
  	opacity: 0.5;
  	filter: alpha(opacity=50)	
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a anima��o)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}
.bolas > div {
  display: inline-block;
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:0.75s ;
    animation-delay: 0;
}
.bolas > div:nth-child(2) {
    animation-duration: 0.75s ;
    animation-delay: 0.12s;
}
.bolas > div:nth-child(3) {
    animation-duration: 0.75s  ;
    animation-delay: 0.24s;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  16% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}

#nomeCartao {
	text-transform: uppercase;
}

.fonteTitulo
{
	font-size: 2.5em !important;
}

.bannersBordaArredondada
{
	border-radius: 10px;
}

.rodape {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
}

@media (max-width : 1199px) {
	
	.rodape
	{		
		position: static;
		min-height: auto;
	}
	
	.fonteTitulo
	{
		font-size: .9em !important;
	}
	
	.textoBusca {
		font-size: 0.8rem;
	}
	
	.bannersBordaArredondada
	{
		border-radius: 0;
	}	
		
	.banners
	{
		padding: 0 !important;
		margin: 0 !important;
	}	
	
	.lSPager
	{
		position: absolute;
		bottom: .2em;
		left: .6em;
	}

	.carrinho {
		padding: 0;
	}
	
	.removeMobile {
		display: none;
	}
	
	.direitosReservados
	{
		font-size: .51312em;
	}
	
	.menuMobile
	{
		padding-top: 1em;
	}
	
	body
	{
		padding-bottom: 0;
	}
}

@media (min-width : 1200px) {
	.somenteMobile {
		display: none;
	}
}

.fonte-menor {
	font-size: 0.85rem;
}

.textoBanners
{
	position: absolute; 
	top: 8em; 
	left: 4em; 
	z-index: 9999; 
	line-height: 2.8em;	
}

.tituloBanners
{
	font-size: 3em; 
	font-weight: bold; 
	color: #FFF; 
	text-shadow: #000 2px 2px;
}

.subTitulosBanners
{
	font-size: 3em; 
	color: #FFF;  
	text-shadow: #000 2px 2px;
}

.descricaoBanners
{
	line-height: 1.3em; 
	color: #FFF; 
	padding-top: 4px;	
}


@media screen and (max-width: 1199px) {
	.textoBanners
	{
		position: absolute; 
		top: 2rem; 
		left: 2.5em; 
		z-index: 9999; 
		line-height: 1.2em;	
	}
	
	.tituloBanners
	{
		font-size: 1em; 
		font-weight: bold; 
		color: #FFF; 
		text-shadow: #000 2px 2px;
	}
	
	.subTitulosBanners
	{
		font-size: 1em; 
		color: #FFF;  
		text-shadow: #000 2px 2px;
	}
}


@media screen (min-width: 1200px) {
	.textoBanners
	{
		position: absolute; 
		top: 1.3rem; 
		left: 2.5em; 
		z-index: 9999; 
		line-height: 1.2em;	
	}
	
	.tituloBanners
	{
		font-size: 1em; 
		font-weight: bold; 
		color: #FFF; 
		text-shadow: #000 2px 2px;
	}
	
	.subTitulosBanners
	{
		font-size: 1em; 
		color: #FFF;  
		text-shadow: #000 2px 2px;
	}
	
	.descricaoBanners
	{
		line-height: 1.3em; 
		color: #FFF; 
		padding-top: 4px;	
	}	
}

.wrap {
	overflow-wrap: break-word;
}

.iconeSVG
{
	filter: invert(1);
}

#sliderBlocos .lslide
{
	text-align: center!important;
}