/* min-height: calc(100vh - 100px); */
/* Inicio Login */
body{
    background-color: #0c171b;
}
nav {
    background-color: #8126d7;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.ml-nav-ul {
    margin-left: 112px;
}
.login-content {
    background-color: #8126d7;
}
.bg-login {
    background-image: url(../images/pexels-photo-8939507y.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 630px;
}
.space-first {
    padding-right: 0px;
    margin-top: 5px;
    text-align: right;
}
.text-colors {
    margin-top: auto;
    color: #7a12b7;
}

.boto{
    background-color:#C70039 ; 

}

.boto_ecom {
    background-color:#C70039;
}

.logo-qr {
    width: 25%;
}
.form-login {
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: solid 2px #4949d3;
    text-shadow: none;
    min-height: 304px !important;
    max-height: 304px !important;
}
.input-field {
    margin-top: 2px;
    margin-bottom: 2px;
}
.form-login a {
    color: #9e9e9e;
}
/* #div_1,  */
#div_2, #div_3 {
    display: none;
}
/* Fin Login */
.fon-text-w {
    text-shadow: 0 0px 4px black;
}

.brand-logo.text-purple, .text-purple {
    color: #7a12b7 !important;
}
.img-logo-e {
    width: 90px;
    margin: 7px 19px;
}
.fz-r {
    font-size: 20px;
}
.text-blue-m {
    color: #0089ff
}
.page-footer {
    background-color: #4473c5;
}
.menu-footer {
    display: inline-flex;
    font-size: large;
    justify-content: space-between;
    width: 100%;
}
.menu-two li>a{
    color: white;
}
.h-content {
    min-height: 615px;
    /* background-color: darkgrey;  */
}
.mt-15 {
    margin-top: 15px;
}
.mt-25 {
    margin-top: 25px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-25 {
    margin-bottom: 25px;
}
.mt-60 {
    margin-top: 60px;
}
.mb-60 {
    margin-bottom: 60px;
}
.pt-60 {
    padding-top: 60px;
}
.ptp-15 {
    padding-top: 15% !important;
}
.ptp-20 {
    padding-top: 20% !important;
}
.ptp-35 {
    padding-top: 35% !important;
}
.wap {
    width: 70%;
}
.w50p {
    width: 50%;
}
.w65p {
    width: 65%;
}
.w70p {
    width: 70%;
}
.w73p {
    width: 73%;
}
.w22 {
    width: 22px;
}
.w50 {
    width: 50px;
}
.w75 {
    width: 75px;
}
.w130 {
    width: 130px;
}

.dc {
    display: flex;
    justify-content: center;
}
.ch4 {
    margin-top: revert;
    padding-right: 15px;
}
.available-width {
    width: available;
    width: fill-available;
    width: -moz-available;
    width: -moz-fill-available;
    width: -webkit-fill-available;
}

.bg-purple {
    background-color: #8126d7;
}
.bg-blue-dark {
    background-color: #8fabdd;
}
.bg-gradient {
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 0%, rgba(226,226,226,1) 77%, rgba(209,209,209,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(77%, rgba(226,226,226,1)), color-stop(100%, rgba(209,209,209,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 0%, rgba(226,226,226,1) 77%, rgba(209,209,209,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 0%, rgba(226,226,226,1) 77%, rgba(209,209,209,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 0%, rgba(226,226,226,1) 77%, rgba(209,209,209,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 0%, rgba(226,226,226,1) 77%, rgba(209,209,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d1d1', GradientType=0 );
}
.bg-box {
    background-image: url(../images/caja-qr.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    height: 750px;
}
.bg-relax {
    background-image: url(../images/relax.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 42%;
    height: 750px;
}
.bg-pareja {
    background-image: url(../images/two-persons.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1000px;
    height: 750px;
}
.register {
    font-size: 27px;
}
.content-page {
    text-shadow: 0px 0px 1px black;
}
.sticky {
    position: fixed;
}
@media (max-width: 700px) {
    .bg-login {
        background-size: contain;
    }
    .logo-qr {
        width: 50%;
    }
    .text-colors {
        margin-top: auto;
        color: #ffffff;
        text-shadow: 0 0px 4px black;
    }
    h2 {
        font-size: 2.56rem;
    }
    h3 {
        font-size: 1.92rem;
    }
    h4 {
        font-size: 1.56rem;
    }
}
@media (max-width: 450px) {
    .wap {
        width: 80%;
    }
    .w65p {
        width: 75%;
    }
    .w75 {
        width: 43px;
    }
    .dc {
        display: block;
        text-align: center;
    }
    .ptp-20 {
        padding-top: 0px !important;
    }
    .bg-pareja {
        background-size: cover;
        height: 53vh;
    }
    .b2p {
        font-size: 1.56rem !important;
    }
    .bg-box {
        height: auto;
    }

}
@media (max-width: 350px) {
    .wap {
        width: 100%;
    }
    .w65p {
        width: 100%;
    }
    .bg-pareja {
        background-size: 330px;
        height: auto;
    }
    h2 {
        font-size: 1.56rem;
    }
    h4 {
        font-size: 1.30rem;
    }
}