/*body {
    margin: 2rem;
}*/

#myModal .modal-dialog {
    max-width: 800px;
    margin-top: 280px auto;
    padding-top: 120px;
}

#myModal .modal-body {
    position: relative;
    padding: 0px;
    width: 100%;
    /*margin:0 auto;*/
}

#myModal .close {
    position: absolute;
    right: -40px;
    top: 0;
    z-index: 999;
    font-size: 2rem;
    font-weight: normal;
    color: #fff;
    opacity: 1;    
    width: 35px;
    height: 35px;
    border-radius: 22px;
    background-color: #D30E59 !important;
}

/*-------------------------------------------------*/
#contacto .modal-dialog {
    max-width: 65%;
    height:auto!important;
    margin-top: 280px auto;
    padding-top: 120px;
}

#contacto .modal-body {
    position: relative;
    padding: 0px;
    width: 100%;
    height:auto!important;
    padding:20px!important;    
}

#contacto .close {
    position: absolute;
    right: 2%;
    top:3%;    
    z-index: 999;
    font-size: 4rem;
    font-weight:100!important;
    color: #000;
    opacity: 1;
    background-color: white !important; 
    font-family:Arial!important;
}

#contacto .btn-ovalo {
    background-color: #d30d59;
    color: white !important;
    width: 275px;
    height: auto;    
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin-top: 25px;
    text-align: center;
    border-radius: 25px !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    border: none !important;
    cursor: pointer;
    font-family: AmorSans !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

/*-------------------------------------------------*/
#contacto-compra .modal-dialog {
    max-width: 65%;
    height: auto !important;
    margin-top: 280px auto;
    padding-top: 120px;
}

#contacto-compra .modal-body {
    position: relative;
    padding: 0px;
    width: 100%;
    height: auto !important;
    padding: 20px !important;
}

#contacto-compra .close {
    position: absolute;
    right: 2%;
    top: 3%;
    z-index: 999;
    font-size: 4rem;
    font-weight: 100 !important;
    color: #000;
    opacity: 1;
    background-color: white !important;
    font-family: Arial !important;
}

#contacto-compra .btn-ovalo {
    background-color: #d30d59;
    color: white !important;
    width: 275px;
    height: auto;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin-top: 25px;
    text-align: center;
    border-radius: 25px !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    border: none !important;
    cursor: pointer;
    font-family: AmorSans !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

#contacto-compra .btn-ovalo:hover {
}

    #contacto-compra .btn-ovalo p {
        color: white;
        font-weight: bold;
        letter-spacing: 1px;
        font-family: 'Open Sans' !important;
        font-weight: bold !important;
        font-size: 18px !important;
        margin: 0px !important;
    }


/*-------------------------------------------------*/
#continua-compra .modal-dialog {
    max-width: 45%;
    height: auto !important;
    margin-top: 280px auto;
    padding-top: 120px;
}

#continua-compra .modal-body {
    position: relative;
    padding: 0px;
    width: 100%;
    height: auto !important;
    padding: 20px !important;
}

#continua-compra .close {
    position: absolute;
    right: 2%;
    top: 3%;
    z-index: 999;
    font-size: 4rem;
    font-weight: 100 !important;
    color: #000;
    opacity: 1;
    background-color: white !important;
    font-family: Arial !important;
}

#continua-compra.btn-ovalo {
    background-color: #d30d59;
    color: white !important;
    width: 275px;
    height: auto;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    margin-top: 25px;
    text-align: center;
    border-radius: 25px !important;
    margin: 0 auto !important;
    margin-top: 20px !important;
    border: none !important;
    cursor: pointer;
    font-family: AmorSans !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

#continua-compra .btn-ovalo:hover {
}

#continua-compra .btn-ovalo p {
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'Open Sans' !important;
    font-weight: bold !important;
    font-size: 18px !important;
    margin: 0px !important;
}

/*-------------------------------------------------*/
@media (max-width: 450px) {
    #myModal .modal-dialog {
        margin-top: 120px;
        padding-right: 4%;     
    }

    #myModal .close {
        position: absolute;
        margin: 0 auto !important;
        width: 35px;
        height: 35px;
        right: 46%;
        top: -30px;
        z-index: 999;
        font-size: 2rem;
        font-weight: normal;
        color: #fff;
        opacity: 1;
        /*padding:30px;*/
        border-radius: 22px;
        background-color: #D30E59 !important;
    }

    #contacto .modal-dialog {
        max-width: 98%;
        height: auto !important;
        margin-top: 280px auto;
        padding-top: 120px;
        padding-bottom: 12% !important;
    }

    #contacto-compra .modal-dialog {
        max-width: 92%;
        height: auto !important;
        margin-top: 280px auto;
        padding-top: 120px;
        padding-bottom: 12% !important;
    }

    #continua-compra .modal-dialog {
        max-width: 92%;
        height: auto !important;
        margin-top: 280px auto;
        padding-top: 120px;
        padding-bottom: 12% !important;
    }

}

@media (min-width: 767.1px) and (max-width: 992px){
    #myModal .modal-dialog {
        max-width: 600px;
        margin-top: 280px auto;
        padding-top: 120px;
    }
}