@font-face {
    font-family: 'WC Mano Negra Bta';
    src: url('fonts/WCManoNegraBta-Bold.woff2') format('woff2'),
        url('fonts/WCManoNegraBta-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html{
	font-family: "DM Sans";
	font-weight: 400;
	font-size: 22px;
	color: #000;
	line-height: 1.3;
}
.uk-heading{
	font-family: "DM Sans";
	font-weight: 800;
	text-transform: uppercase;
	line-height: .9;
	color: #000;
}
.uk-heading-xlarge{
	font-size: 8.5rem;
}
.uk-heading-large{
	font-size: 5.25rem;
}
.uk-heading-small{
	font-size: 2.8rem;
	text-transform: none;
}
.uk-heading-xsmall{
	font-size: 1.8rem;
	text-transform: none;
}
.uk-text-lead{
	font-size: 1.34rem;
	color: #000;
	line-height: 1.3;
}
.uk-card-title, .uk-accordion-title, .uk-link{	
	font-family: "DM Sans";
	font-weight: 800;
	font-size: 1.34rem;
	line-height: 1.2;
}
.chromium{
	font-family: 'WC Mano Negra Bta';
	font-weight: 400;
}
h3{
	margin: 20px 0 20px 0;
}
.uk-button{
	font-family: "DM Sans";
	font-weight: 800;
	font-size: 1.25rem;
	text-transform: none;
	color: #000;
	line-height: 1;
	padding: 15px 25px;
	border-radius: 5px;
	border: none;
}
.uk-button-default{
	background: #fff;
}
.uk-button-primary{
	background: #e9ff90;
}
.uk-button-secondary{
	background: #a19fff;
}
.uk-button-primary:hover, .uk-button-default:hover{
	background: #000;
	color: #fff;
}
.uk-link, .uk-link:hover{
	color: #000;
	text-decoration: underline;
}
.arrow-link{
    -webkit-animation: shake-horizontal infinite 0.8s both;
	        animation: shake-horizontal infinite 0.8s both;
}
.uk-close{
	color: #000;
}
.uk-light *, .uk-light .uk-text-lead, .uk-light a.uk-link{
	color: #fff;
}
.blue{
	color: #a19fff;
}
.yellow{
	color: #e9ff90;
}
.uk-label{
	font-size: 1.8rem;
	background: #a19fff;
	border-radius: 10px;
	text-transform: inherit;
}
.uk-dotnav>*>*{
	border: 1px solid #fff;
}
.uk-dotnav>.uk-active>*{
	background-color: #fff;
}

/*SECTIONS*/

.uk-background-muted{
	background-image: url(../images/muted-bg.jpg);
	background-attachment: fixed;
	background-position: 50% 50%;
}
.bg-yellow{
	background: #e9ff90;
}
.bg-blue{
	background: #a19fff;
}
.bg-purple{
	background: #c39fff;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.bg-black{
	background: #191919;
}
.uk-card-body{
	padding: 30px;
}
.uk-card{
	background: #fff;
	box-shadow: none;
	border-radius: 10px;
	color: #000;
}
.uk-card-yellow{
	background: #e9ff90;
	color: #000;
}
.uk-card-blue{
	background: #a19fff;
	color: #000;
}
.uk-card-black{
	background: #191919;
	color: #fff;
}

.uk-modal{
	background: #e9ff90;
}
.uk-modal-dialog{
	background: transparent;
}

/*FORM*/

.uk-input{
    border: none;
    background: #fff;
    font-family: 'DM Sans';
    font-weight: 800;
    font-size: 1.8rem;
    color: #000;
    height: auto;
    border-radius: 10px;
}
.uk-input::placeholder {
    color: #C39ED5;
}
.uk-input:focus::placeholder {
    color: #C0C7DD;
}
.uk-input:focus{
    color: #000;
}
.input-group strong, .input-group label{
	font-family: 'DM Sans';
	font-weight: 800;
    font-size: 1.8rem;
    color: #fff;
    margin-right: 20px;
}
.uk-radio{
	height: 23px;
	width: 23px;
	border-color: #e3ea9b;
	margin-top: -14px;
	margin-right: 5px;
}
.uk-radio:checked, .uk-radio:checked:focus {
    background-color: #e3ea9b;
}

#mc_embed_signup .mc-field-group input:not(.uk-radio){
    padding: 15px 25px;
    text-indent: 0;
}
#mc_embed_signup input:not(.uk-radio){
	border: none;
	border-radius: 10px;
}
#mc_embed_signup .mc-field-group{
	width: 100%;
	padding-bottom: none;
	display: block;
}
.response {
    font-family: 'DM Sans';
    font-weight: 800;
    font-size: 1.3rem;
    color: #191919;
}
#mc_embed_signup div.mce_inline_error {
    font-family: 'DM Sans'!important;
    margin: 0!important;
    padding: 5px 10px 0 10px!important;
    background-color: transparent!important;
    color: #9ba2ff!important;
}


/*ANIMATIONS*/

.uk-button:hover {
	-webkit-animation: pulsate-bck 0.5s ease-in-out infinite both;
	        animation: pulsate-bck 0.5s ease-in-out infinite both;
}
.jello:hover {
	-webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}



@media screen and (max-width: 1280px){

	.uk-heading-xlarge{
		font-size: 7rem;
	}
	.uk-heading-large{
	font-size: 4rem;
	}
}
@media screen and (max-width: 959px){
	html{
		font-size: .9rem;
	}
	.uk-heading-xlarge{
		font-size: 6rem;
	}
	.uk-heading-medium{
		font-size: 2.8rem;
	}
	.whatsapp-icon a img{
		width: 40px;
	}
}
@media screen and (max-width: 639px){
	.uk-heading-xlarge{
		font-size: 4.5rem;
	}
	.uk-heading-large{
		font-size: 3.5rem;
	}
	.uk-heading-medium{
		font-size: 2.5rem;
	}
	.uk-heading-small{
		font-size: 2.25rem;
	}
	.uk-card-body{
		padding: 15px;
	}
	.header-logo{
		width: 150px;
	}
	.uk-input{
	    padding: 15px 20px;
	    font-size: 1.5rem;
	}
	.input-group strong, .input-group label{
		font-size: 1.5rem;
	}
}
@media screen and (min-width: 1600px){
	html{
		font-size: 1.3rem;
	}	
}

@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}



@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
  }
  50%{
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(-7px);
            transform: translateX(-7px);
  }
  50%{
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}