body, html{
	background-color: #FFFFFF;
	color: #626262;
    font-family: 'Montserrat', serif;
	overflow-x: hidden;
}
h1{
    font-weight: 300 !important;
    font-size: 3.25rem;
    margin-bottom: 1.5rem;
}
.color-rosa{
	color: #dd37a1;
}
.hidden{
	display: none !important;
}
label,	
.campo,
.campoFull,
.form-control{
	color: #626262;
	font-size: 0.9em;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 2px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 1rem;
}	
label{
    display: block;
    margin-bottom: .5rem;
}
input[type='radio']{
	cursor: pointer;
}
label.error {
	color: #dd2215;
    font-size: 0.85em;
}
#livomLink a{
	color: #6b6b6b;
	font-size: 0.9em;
}
.success.circle{
	color: #dd37a1;
	text-align: center;
}
.form-control:focus,
.form-control {
  color: #e8e8e8;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  background-color: transparent;
  padding-left: 1px;
}
.recaptcha.error > div{
	border: 1px solid red;
}
.form-control.error {
  border-bottom: 1px solid #e42320 !important;
}
select.form-control.error{
    border: 1px solid #e42320 !important;
}
::placeholder,
select{
	color: #e8e8e8 !important;
	letter-spacing: 2px;
}
select.form-control{
    border: 1px solid #e8e8e8 !important;
    border-radius: 20px;
    background-image: url('../../SVG/flecha\ cobro\ dig.svg');
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: center;
    cursor: pointer;
    padding: 10px !important;
}
select option{
	color: #3d3d3d !important
}
.btn-primary,
.btnSbmt,
.btnSbmt:hover,
.btn-check:focus+.btn-primary, .btn-primary:focus{
	background-color: #cb0395;
	border-color: #cb0395;
	border-radius: 20px;
	color: #FFF;
	letter-spacing: 2px;
	padding-left: 15px !important;
	padding-right: 15px !important;
	width: 100%;
}
.separator{
    border-bottom: 1px solid #e2e2e2;
}
#contactoDemo .form-control{
	color: #626262;
	border-bottom: 1px solid #e2e2e2;

}
#contactoDemo ::placeholder,
#contactoDemo select{
	color: #626262 !important;
}
#logo-x{
    width: 50px;
}
#logo-divix{
    width: 70px;
}
#alta-cliente{
    min-height: 100vh;
}
.gracias h1{
	font-size: 3.75rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.gracias p{
	font-size: 1.75rem;
}
#modernizando img#sombra {
	position: absolute;
	right: 0;
	bottom:0;
	width: 95% !important;
}
#modernizando img#tablet {
	position: relative;
	animation: levitar 2s ease-in-out infinite;
	width: 105% !important;
}

@keyframes levitar {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-15px);
	}
}

@media (max-width: 545px) {	
	h1,
	.gracias h1{
		font-size: 2.5rem;
		line-height: 3rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.gracias p{
		font-size: 1.5rem;
	}
}