@font-face {
	font-family: 'Lato-Black';
	src: url('../fonts/Lato-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-BlackItalic';
	src: url('../fonts/Lato-BlackItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Bold';
	src: url('../fonts/Lato-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-BoldItalic';
	src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Hairline';
	src: url('../fonts/Lato-Hairline.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-HairlineItalic';
	src: url('../fonts/Lato-Hairlineitalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Light';
	src: url('../fonts/Lato-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-LightItalic';
	src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato-Regular';
	src: url('../fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-Black';
	src: url('../fonts/Muli-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-BlackItalic';
	src: url('../fonts/Muli-BlackItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-Bold';
	src: url('../fonts/Muli-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-BoldItalic';
	src: url('../fonts/Muli-BoldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-ExtraBold';
	src: url('../fonts/Muli-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-ExtraBoldItalic';
	src: url('../fonts/Muli-ExtraBoldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-ExtraLight';
	src: url('../fonts/Muli-ExtraLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-ExtraLightItalic';
	src: url('../fonts/Muli-ExtraLightItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-Italic';
	src: url('../fonts/Muli-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-Light';
	src: url('../fonts/Muli-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-LightItalic';
	src: url('../fonts/Muli-LightItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-Regular';
	src: url('../fonts/Muli-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-SemiBold';
	src: url('../fonts/Muli-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Muli-SemiBoldItalic';
	src: url('../fonts/Muli-SemiBoldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*Hide Notifications*/
#peya-onboarding .notice{
  display: none !important;
}

/*custom text*/
#peya-onboarding p{
  font-family: Lato-Regular, sans-serif;
  font-size: 15px;
  color: #999CA5;
}
#peya-onboarding a{
  color: #F52F41;
  font-weight: bold;
}
#peya-onboarding .numbering{
    color: #F52F41;
}

/*Site Name*/
#peya-onboarding .peya-welcome{
  font-family: Muli-Bold, sans-serif;
  color: #64656F;
  font-size: 25px;
}

.peya-sitename{
  color: #F52F41;
}

/*Primary Button Next*/
#peya-onboarding .primary-button{
  border:0;
  border-radius: 10px;
  background-color: #F52F41;
  color:white;
  padding: 10px;
  text-transform: uppercase;
  outline:none;
  cursor: pointer;
  float:right;
  font-family: Muli-Bold, sans-serif;
  font-size: 15px;
}

#peya-onboarding .primary-button:hover{
  background-color: #ea99a0;
  /*color:white;*/
  outline:none;
}

/*Secondary Button Back*/
#peya-onboarding .secondary-button, #peya-onboarding .secondary-button:hover, #peya-onboarding .secondary-button:focus{
  border:0;
  background-color: transparent;
  color: #999CA5;
  text-transform: uppercase;
  outline:none;
  cursor: pointer;
  float:left;
  font-family: Muli-Bold, sans-serif;
  font-size: 10px;
}

#peya-onboarding .secondary-button:hover{
  color: #87898c;
}

/*Inputs Labels*/
#peya-onboarding label{
  font-family: Muli-Bold, sans-serif;
  font-size: 10px;
	margin-bottom: 5px;
	display:block;

}

/*Inputs*/
#peya-onboarding input, #peya-onboarding select{
  font-family: Lato-Light, sans-serif;
  font-size: 15px;
  color: #707070;
}

/*Tips*/
#peya-onboarding span.tip{
  font-family: Lato-Regular, sans-serif;
  color: #707070;
  font-size: 10px;
  background-color:rgba(245, 47, 65, 0.15);
  border-radius: 5px;
  padding: 10px;
	display: inline-block;
	margin-bottom: 5px;
}

/*Onboarding Wrap*/
#peya-onboarding{
  background-color: white;
  padding: 10px;
  margin: 10px;
  border-radius: 25px;
  overflow: hidden;
  height:100%;
  display:flex;
	/*height: 75vh;*/
}


/*Onboarding Modal*/
#peya-onboarding-modal {
	border-radius: 5px;
	border: 0px;
}

#peya-onboarding-modal .modal-content{
	border-radius: 5px;
	border: 0px;
}

#peya-onboarding-modal .modal-header{
	background-color:rgba(245, 47, 65, 0.15);
  border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 0px;
}

#peya-onboarding-modal .modal-title{
	font-family: Lato-Regular, sans-serif;
	color:#707070;
	font-size: 1.7rem;
	text-transform: uppercase;
}

#peya-onboarding-modal .modal-body{
	font-family: Lato-Regular, sans-serif;
	color: #212529;
	min-height: inherit;
}

#peya-onboarding-modal button{
	height:inherit;
}


.peya-action{
	color: white !important;
}

/*Left Image*/
#peya-onboarding img.imageLeft{
  object-fit: cover;
	max-height: 80vh;
	margin-bottom:10px;
}


/*Submit*/
#peya-onboarding p.submit{
	height: 75px;
}


/*Add Red Dot for Required Fields*/
#peya-onboarding label:after{
	content: ' (opcional) ';
}
#peya-onboarding label.wc-peya-required:after {
    content: ' * ';
    color: red;
}