.aragt_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 10%;
    /*overflow: auto; !* Enable scroll if needed *!*/
    /*background-color: rgb(0,0,0); !* Fallback color *!*/
    /*background-color: rgba(0,0,0,0.4); !* Black w/ opacity *!*/
    /*width: 500px;*/
    /*max-width: 50%;*/

    padding: 20px;
    border-radius: 9px;
    margin-top: 3%;
    /*border:solid 3px #333;*/
}
.aragt_modal {
    display: none;
    position: fixed;
    z-index: 9999;
}

.b-modal {
    background: rgba(0,0,0,0.6) !important;
    z-index: 9998 !important;
}

.aragt_modal  .modal-content {
    position: relative;
    /*background-color: #fefefe;*/
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    /*width: $ancho;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}
.aragt_modal  textarea#mensaje {
    padding: 10px;
    border-radius: 5px;
}
.aragt_modal .modal-body {
    /*overflow-y: scroll;*/
    max-height: 800px;
}
.aragt_modal_header {
    padding: 2px 16px;
    /*background-color: #000000;*/
    color: #4444;
    line-height: 0;
    position: relative;
    text-align: center;
    padding-bottom: 0;
    padding: 12px 0;
}

.aragt_logo{
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: block;
}
.aragt_logo img{
    max-height: 80px;
}
.aragt_modal_header .aragt_close {
    color: #444444;
    float: right;
    font-size: 28px;
    font-weight: 400;
    position: absolute;
    top: -23px;
    right: -21px;
    font-size: 4em;
    cursor: pointer;
    z-index: 99;
    /* background: white; */
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    top: -23px;
    line-height: 37px;
    font-size: 50px;
    font-weight: 400;
    /* border: solid 3px black; */
    text-align: center;
    padding: 0px 4px;
}
.aragt_close:hover,.aragt_close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.contact-form .form-group .form-control{
    padding:0 5px;
}
.aragt_modal .wpcf7-list-item.first.last {
    margin-left: 0;
    font-size: 14px;
    line-height: 18px;
}

.aragt_modal .wpcf7-list-item p {
    margin-bottom: 3px;
    font-size: 14px;
    line-height: 21px;
}

.aragt_modal .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    position: absolute;
    top: -104px;
    right: 0;
}
.aragt_modal p{
    margin-bottom:3px;
}
/* Add Animation */
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 10%; opacity: 1}
}
.aragt_modal .modal-body
.aragt_modal .modal-body a img {
    display: inline-block;
    margin: 0 10px 0 0;
    height: 25px;
    WIDTH: 27px;
}
.aragt_modal .dialog_intro{
    margin-bottom:0;
}

.aragt_modal .modal-body input[type="text"], .sc_form .sc_form_item input[type="number"], .sc_form .sc_form_item input[type="email"], .sc_form .sc_form_item input[type="search"], .sc_form .sc_form_item input[type="password"], .wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea, .sc_form .sc_form_item select, .sc_form .sc_form_item textarea {
    font-size: 1em;
    padding: 8px 1.5em;
    border: 1px solid #ddd;
    background-color: transparent;
    max-height: 150px; /*TEXTAREAS*/
}
.b-modal {
    background: rgb(0 0 0 / 98%) !important;
}

@media (max-width: 600px) {
    #aragt_modal_11649 {
        width: 88%!important;
        margin-top: 14%!important;
    }
    #aragt_modal_11649 .aragt_modal_header .aragt_close {
        color: #000!important;
    }
    .newsletter-container {
        flex-direction: column;
        max-width: 91%;
    }
    .newsletter-content h3 {
        font-size: 1.5rem!important;
        line-height: 1em!important;
    }
    .aragt_modal .modal-body {
        overflow-y: scroll;
        max-height: 751px;
    }
}