/*  MICROTHEMER STYLES  */

/*= Animações =============== */

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


/*= Geral ===================== */

/** Geral >> Botao desktop fl node content **/
.botao-desktop .fl-node-content {
	
}

/** Geral >> Uabb button wrap **/
.uabb-button-wrap {
	
}


/*= Landing page - WordPress Mautic = */

/** Landing page - WordPress Mautic >> Ícone Mais - Box Cursos **/
.icone-mais-cursos {
	width: 72px !important;
	height: 0 !important;
	position: relative !important;
	top: -160px !important;
	left: 137px !important;
}

/** Landing page - WordPress Mautic >> Ícone Mais - Box Hospedagem **/
.icone-mais-hospedagem {
	width: 72px !important;
	height: 0 !important;
	position: relative !important;
	top: -160px !important;
	right: -137px !important;
}

/** Landing page - WordPress Mautic >> Ícone Igual - Box Ferramentas **/
.icone-igual-ferramentas {
	width: 72px !important;
	height: 0 !important;
	position: relative !important;
	top: -160px !important;
	right: -138px !important;
}

/** Landing page - WordPress Mautic >> Professor - Imagem **/
.professor .size-thumbnail {
	margin-top: -90px !important;
	border: 5px solid rgb(255, 255, 255) !important;
}

/** Landing page - WordPress Mautic >> Garanta sua vaga **/
.garanta-sua-vaga .uabb-button {
	box-shadow: 3px -4px 5px rgba(0, 0, 0, 0.15) !important;
	background-image: linear-gradient(rgb(55, 178, 121), rgb(38, 130, 87) 65px) !important;
	border-style: none !important;
	border-radius: 30px 30px 0 0 !important;
	position: fixed !important;
	bottom: 0 !important;
	right: 20px !important;
	z-index: 999 !important;
	-webkit-animation-name: bounceInRight !important;
	animation-name: bounceInRight !important;
	-webkit-animation-duration: 2s !important;
	animation-duration: 2s !important;
	-webkit-animation-timing-function: ease-in !important;
	animation-timing-function: ease-in !important;
}

/** Landing page - WordPress Mautic >> Ícone Infobox Topo Oferta **/
.destaque-top-oferta .infobox-responsive-center .ua-icon {
	-webkit-animation-name: tada !important;
	animation-name: tada !important;
	-webkit-animation-duration: 1s !important;
	animation-duration: 1s !important;
}

/** Landing page - WordPress Mautic >> Logo oferta **/
.logo-oferta .fl-photo-img {
	
}


/*= Compra ==================== */

/** Compra >> Passos - Título **/
.formulario-compra-oferta .gf_step_label {
	font-size: 14px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

/** Compra >> Passos - Número **/
.formulario-compra-oferta  .gf_step_number {
	color: rgb(255, 255, 255) !important;
	line-height: 24px !important;
	font-weight: 700 !important;
	text-align: center !important;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.28) !important;
	background-color: rgb(71, 81, 197) !important;
	width: 25px !important;
	height: 25px !important;
	border-radius: 25px !important;
}

/** Compra >> Passos - Abas **/
.formulario-compra-oferta .gf_step {
	background-color: rgb(247, 247, 247) !important;
	height: 50px !important;
	padding: 15px !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}

/** Compra >> Passos - Topo **/
.formulario-compra-oferta #gf_page_steps_18 {
	height: 56px !important;
	border-bottom-style: none !important;
}

/** Compra >> Formulário **/
.formulario-compra-oferta .gform_page_fields {
	background-color: rgb(247, 247, 247) !important;
	padding: 25px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

/** Compra >> Passos - Rodapé **/
.formulario-compra-oferta .gform_page_footer {
	border-top-style: none !important;
}

/** Compra >> Label Radio **/
.gfield_radio label {
	font-size: 14px !important;
	font-weight: normal !important;
}

/** Compra >> Input  Container - Select **/
.ginput_container_select {
	margin-top: -5px !important;
}

/** Compra >> Validade - Ano - Label **/
#field_18_13 .gfield_label {
	visibility: hidden !important;
}

/** Compra >> Validade - Mês **/
#field_18_12 .ginput_container {
	width: 148px !important;
}

/** Compra >> Validade - Ano **/
#field_18_13 .ginput_container {
	width: 148px !important;
	margin-left: -10px !important;
}

/** Compra >> Input Select **/
.gfield_select {
	border-radius: 5px !important;
}


/*( Desktop grande )*/
@media (min-width: 1200px) {

	/*= Geral ===================== */

	/** Geral >> Botao desktop fl node content **/
	.botao-desktop .fl-node-content {
	position: fixed !important;
	bottom: -20px !important;
	right: 20px !important;
	z-index: 99 !important;
}


}


/*( Desktop e tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Landing page - WordPress Mautic = */

	/** Landing page - WordPress Mautic >> Ícone Mais - Box Cursos **/
	.icone-mais-cursos {
	visibility: hidden !important;
}

	/** Landing page - WordPress Mautic >> Ícone Mais - Box Hospedagem **/
	.icone-mais-hospedagem {
	visibility: hidden !important;
}

	/** Landing page - WordPress Mautic >> Ícone Igual - Box Ferramentas **/
	.icone-igual-ferramentas {
	visibility: hidden !important;
}


}


/*( Tablet & celular )*/
@media (max-width: 767px) {

	/*= Landing page - WordPress Mautic = */

	/** Landing page - WordPress Mautic >> Ícone Mais - Box Cursos **/
	.icone-mais-cursos {
	visibility: hidden !important;
}

	/** Landing page - WordPress Mautic >> Ícone Mais - Box Hospedagem **/
	.icone-mais-hospedagem {
	visibility: hidden !important;
}

	/** Landing page - WordPress Mautic >> Ícone Igual - Box Ferramentas **/
	.icone-igual-ferramentas {
	visibility: hidden !important;
}


}


/*( Celular )*/
@media (max-width: 480px) {

	/*= Geral ===================== */

	/** Geral >> Botao especialista uabb button wrap **/
	.Botao-especialista .uabb-button-wrap {
	width: 100% !important;
	position: fixed !important;
	bottom: 0 !important;
	z-index: 99 !important;
}

	/** Geral >> Botão especialista - Mobile **/
	.fl-visible-mobile .uabb-button {
	text-shadow: 0 0 0 rgba(113, 113, 113, 0) !important;
	width: 100% !important;
	min-width: 0 !important;
	height: 60px !important;
	padding-right: 50px !important;
	padding-bottom: 10px !important;
	padding-left: 50px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	position: fixed !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 99 !important;
}


	/*= Landing page - WordPress Mautic = */

	/** Landing page - WordPress Mautic >> Garanta sua vaga **/
	.garanta-sua-vaga .uabb-button {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
	right: 0 !important;
}

	/** Landing page - WordPress Mautic >> Box Interno Popup **/
	.fl-node-5dc07704562c6 .uabb-infobox-content {
	padding: 20px !important;
}


}