/* ----------------------------------------------------------
    :: Template Name: ### Nome do Tema ###
    :: Theme URI: ### Link da URL ###
    :: Author: ### Nome do Desenvolvedor ###
    :: Author URL: ### Link do Desenvolvedor ###
    :: Description: ### Descrição do site ###
    :: Version: 1.0.0
    :: Created: 07 Abril 2021
    :: Last Updated: 07 Abril 2021
    ----------------------------------------------------------

/***************************************************************************
       Cores
****************************************************************************

	Vermelho  = #ff0000
	Branco    = #ffffff

/***************************************************************************
       Fonts
***************************************************************************/

/***************************************************************************
       Variáveis
***************************************************************************/

	:root {
	  --cor-vermelho: #ff0000;
	  --cor-branco: #ffffff;
	}

/***************************************************************************
        All
***************************************************************************/

	html,
	body{
		margin: 0;
		overflow-x: hidden;
	}

	body{ overflow: auto !important; }

	*{
		margin: 0;
		box-shadow: 0 0 0 0;
		border: 0 none;
		outline: 0;
	} 

	a:hover,
	a:focus,
	a:visited{
		text-decoration: none !important; 
		cursor: pointer;
	}

	button:focus { outline: none; }


	.mrg-bottom-50{ margin-bottom: 50px; }

	.pdd-0{ padding: 0!important; }
	.pdd-0-15{ padding: 0 15px!important; }
	.pdd-50-0{ padding: 50px 0 !important; }

	.pdd-left-75{ padding-left: 75px !important; }
	.pdd-left-85{ padding-left: 85px !important; }
	.pdd-left-90{ padding-left: 90px !important; }
	.pdd-left-100{ padding-left: 100px !important; }
	.pdd-left-125{ padding-left: 125px !important; }
	.pdd-left-150{ padding-left: 150px !important; }

/***************************************************************************
        Menu - Header
***************************************************************************/

/***************************************************************************
        Home > Banner
***************************************************************************/

/***************************************************************************
        Formulário > Sucesso
***************************************************************************/

	.obrigado{
		display: none;		
		margin: 100px 0;
	}

	.obrigado p{
		font-size: 18px;
	    font-weight: bold;
	}

	.check_mark  {
		width: 180px;
		height: 130px;
		margin: 50px auto 0 auto;
	}

	.font-normal {
	  font-size: 180px;
	}

	.c-flash_icon {
	  width: 1em;
	  height: 1em;
	  border: .1em solid transparent;
	  border-radius: 50%;
	  margin: .5em auto;
	  padding: 0;
	  position: relative;
	  cursor: default;
	  user-select: none;
	}

	.c-flash_icon.c-flash_icon--warning, .c-flash_icon.c-flash_icon--question, .c-flash_icon.c-flash_icon--info {
	  text-align: center;
	}

	.c-flash_icon.c-flash_icon--success {
	  border-color: #000;
	}

	.c-flash_icon.c-flash_icon--success::before, .c-flash_icon.c-flash_icon--success::after {
	  content: '';
	  border-radius: 50%;
	  position: absolute;
	  width: .7em;
	  height: 1em;
	  background: #eee0;
	  transform: rotate(45deg);
	}

	.c-flash_icon.c-flash_icon--success::before {
	  border-radius: 1em 0 0 1em;
	  width: .5em;
	  top: .2125em;
	  left: -.15em;
	  transform: rotate(-45deg);
	}

	.c-flash_icon.c-flash_icon--success::after {
	  border-radius: 0 1em 1em 0;
	  top: .04em;
	  left: .265em;
	  transform: rotate(-45deg);
	  transform-origin: 0 .5em;
	}

	.c-flash_icon.c-flash_icon--success .placeholder {
	  width: 1em;
	  height: 1em;
	  border: 0.1em solid rgba(0, 0, 0, 0.4);
	  border-radius: 50%;
	  position: absolute;
	  left: -.1em;
	  top: -.1em;
	  z-index: 2;
	}

	.c-flash_icon.c-flash_icon--success .fix {
	  width: .1em;
	  height: 1em;
	  background-color: #eee0;
	  position: absolute;
	  left: .175em;
	  top: .05em;
	  z-index: 1;
	  transform: rotate(-45deg);
	}

	.c-flash_icon.c-flash_icon--success .line {
	  height: .1em;
	  background-color: #000;
	  display: block;
	  border-radius: .025em;
	  position: absolute;
	  z-index: 2;
	}

	.c-flash_icon.c-flash_icon--success .line.tip {
	  width: .3125em;
	  left: .05em;
	  top: .475em;
	  transform: rotate(45deg);
	  background-color: #000;
	}

	.c-flash_icon.c-flash_icon--success .line.long {
	  width: .5875em;
	  right: .05em;
	  top: .375em;
	  transform: rotate(-45deg);
	}

	.c-flash_icon.c-flash_icon--success.animate::after {
	  animation: rotatePlaceholder 4.25s ease-in;
	}

	.c-flash_icon.c-flash_icon--success.animate .tip {
	  animation: animate-success-tip 1s;
	}

	.c-flash_icon.c-flash_icon--success.animate .long {
	  animation: animate-success-long 1s;
	}

	@keyframes animate-success-tip {
	  0% {
	    width: 0;
	    left: .0125em;
	    top: .1375em;
	  }
	  54% {
	    width: 0;
	    left: .0125em;
	    top: .1375em;
	  }
	  70% {
	    width: .475em;
	    left: -.1em;
	    top: .4em;
	  }
	  84% {
	    width: .2375em;
	    left: .12em;
	    top: .5em;
	  }
	  100% {
	    width: .3125em;
	    left: .05em;
	    top: .475em;
	  }
	}
	@keyframes animate-success-long {
	  0% {
	    width: 0;
	    right: .55em;
	    top: .575em;
	  }
	  65% {
	    width: 0;
	    right: .55em;
	    top: .575em;
	  }
	  84% {
	    width: .65em;
	    right: 0;
	    top: .35em;
	  }
	  100% {
	    width: .5875em;
	    right: .05em;
	    top: .375em;
	  }
	}
	@keyframes rotatePlaceholder {
	  0% {
	    transform: rotate(-45deg);
	  }
	  5% {
	    transform: rotate(-45deg);
	  }
	  12% {
	    transform: rotate(-405deg);
	  }
	  100% {
	    transform: rotate(-405deg);
	  }
	}

/***************************************************************************
        Formulário > Erro
***************************************************************************/

	.erro{
		margin: 100px 0;
		display: none;
	}

	.erro p{
		font-size: 18px;
	    font-weight: bold;
	}

	.font-normal {
	  font-size: 180px;
	}

	.c-flash_icon {
	  width: 1em;
	  height: 1em;
	  border: .1em solid transparent;
	  border-radius: 50%;
	  margin: 40px auto;
	  padding: 0;
	  position: relative;
	  cursor: default;
	  user-select: none;
	}
	.c-flash_icon.c-flash_icon--error {
	  border-color: #353535;
	}
	.c-flash_icon.c-flash_icon--error .x-mark {
	  position: absolute;
	  font-size: 0.5em;
	  height: 1em;
	  width: 1em;
	  top: 0.3em;
	  left: 0.3em;
	  margin: 0;
	}
	.c-flash_icon.c-flash_icon--error .line {
	  position: absolute;
	  height: 0.2em;
	  width: 1.2em;
	  background-color: #000;
	  display: block;
	  top: 0.4em;
	  border-radius: .025em;
	}
	.c-flash_icon.c-flash_icon--error .line.left {
	  transform: rotate(45deg);
	  left: -.1em;
	}
	.c-flash_icon.c-flash_icon--error .line.right {
	  transform: rotate(-45deg);
	  right: -.1em;
	}
	.c-flash_icon.c-flash_icon--error.animate {
	  animation: animate-error-icon 0.5s;
	}
	.c-flash_icon.c-flash_icon--error.animate .x-mark {
	  animation: animate-x-mark 0.5s;
	}


	@keyframes animate-error-icon {
	  0% {
	    transform: rotateX(100deg);
	    opacity: 0;
	  }
	  100% {
	    transform: rotateX(0deg);
	    opacity: 1;
	  }
	}
	@keyframes animate-x-mark {
	  0% {
	    transform: scale(0.4);
	    margin-top: .325em;
	    opacity: 0;
	  }
	  50% {
	    transform: scale(0.4);
	    margin-top: .325em;
	    opacity: 0;
	  }
	  80% {
	    transform: scale(1.15);
	    margin-top: -.075em;
	  }
	  100% {
	    transform: scale(1);
	    margin-top: 0;
	    opacity: 1;
	  }
	}

/***************************************************************************
        Footer
***************************************************************************/

/***************************************************************************
        Responsidade
***************************************************************************/

	@media (max-width: 1200px){
	}

	@media (max-width: 991px){
	}

	@media (max-width: 767px){
	}

	@media (max-width: 640px){
	}

	@media (max-width: 454px){
	}