.contact {

    background-image: url(../img/ciudadbg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center 69%;

    box-shadow: inset 0px 5rem 9rem 0px #000000a8;
}

.contact .container {}

.contact .container .row {}

.contact .container .row .head-contact {

max-width: 1258px;

margin: 0 auto;
}

.contact .container .row .head-contact .content-contact {

    display: flex;

    justify-content: space-between;

    margin-top: 4rem;
}

.contact .container .row .head-contact .content-contact .title {

    font-family: 'Barlow';

    color: white;

    font-weight: 142 !important;
}

.contact .container .row .head-contact .content-contact .title h2 {

    font-weight: 200;

    font-size: 4rem;
}

.contact .container .row .head-contact .content-contact .contact-info-contact {

    color: white;

    position: relative;

    padding-right: 5rem;
}

.contact .container .row .head-contact .content-contact .contact-info-contact h4 {

    font-weight: 700;

    font-family: 'Barlow';
}

.contact .container .row .head-contact .content-contact .contact-info-contact h5 {

    font-weight: 700;

    font-family: 'Barlow';
}

.contact .container .row .head-contact .content-contact .contact-info-contact .img-map {

    position: absolute;

    top: 0;

    right: 0;
}

.contact .container .row .head-contact .content-contact .contact-info-contact .img-map a {}

.contact .container .row .head-contact .content-contact .contact-info-contact .img-map a img {

    max-width: 3rem;
}

.contact .container .row .body-contact {
    max-width: 1258px;
    margin: 0 auto;
    min-height: 21rem;
}

.contact .container .row .body-contact .botonera-contact {text-align: center;padding: 5rem;margin-top: 7rem;}

.contact .container .row .body-contact .botonera-contact .btn-service {}

.contact .container .row .body-contact .botonera-contact .btn-service button {

border: 3px solid white;

padding: 1rem 4rem;

font-family: 'Barlow';

font-size: 1.5rem;

color: white;

background: #009045c9;
}


.contact .container .row .body-contact .form-contact  {margin-top: -2rem;display: none;}
.contact .container .row .body-contact .form-contact .info {

color: white;

font-family: 'Barlow';

}

.contact .container .row .body-contact .form-contact .info p {

line-height: 1.25;

margin: 0;

font-size: 1.5rem;

font-weight: bolder;
}

.contact .container .row .body-contact .form-contact .info p a {}

.contact .container .row .body-contact .form-contact form {
    padding-top: 6rem;
    padding-bottom: 1rem;
}

.contact .container .row .body-contact .form-contact form .form-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Barlow';
}

.contact .container .row .body-contact .form-contact form .form-contact .input-simple {
    width: 32%;
    margin-bottom: 1rem;
}

.contact .container .row .body-contact .form-contact form .form-contact .input-simple input {
    width: 100%;
    border: none;
    padding: 0.8rem 0.5rem;
}

.contact .container .row .body-contact .form-contact form .form-contact .input-text {

    width: 100%;
}

.contact .container .row .body-contact .form-contact form .form-contact .input-text textarea {
    width: 100%;
    padding: 1rem;
    height: 12rem;
    border: none;
}

.contact .container .row .body-contact .form-contact form .botonera {
    text-align: center;
    padding: 3rem 1rem;
}

.contact .container .row .body-contact .form-contact form .botonera button {
    background: linear-gradient(90deg, #80B630 0.78%, #009045 99.7%);
    padding: 1rem 8rem;
    border: none;
    color: white;
    font-family: 'Barlow';
    font-size: 2rem;
    font-weight: 300;
}

@media (max-width:991px) {
    .contact {
    padding: 0 1rem;
}

.contact .container {}

.contact .container .row {}

.contact .container .row .head-contact {

max-width: 1258px;

margin: 0 auto;
}

.contact .container .row .head-contact .content-contact {flex-direction: column;justify-content: space-between;margin-top: 4rem;}

.contact .container .row .head-contact .content-contact .title {

    font-family: 'Barlow';

    color: white;

    font-weight: 142 !important;
}

.contact .container .row .head-contact .content-contact .title h2 {

    font-weight: 200;

    font-size: 4rem;
}

.contact .container .row .head-contact .content-contact .contact-info-contact {

    color: white;

    position: relative;

    padding-right: 5rem;
}

.contact .container .row .head-contact .content-contact .contact-info-contact h4 {

    font-weight: 700;

    font-family: 'Barlow';
}

.contact .container .row .head-contact .content-contact .contact-info-contact h5 {

    font-weight: 700;

    font-family: 'Barlow';
}

.contact .container .row .head-contact .content-contact .contact-info-contact .img-map {

    position: absolute;

    top: 0;

    right: 0;
}

.contact .container .row .head-contact .content-contact .contact-info-contact .img-map a {}

.contact .container .row .head-contact .content-contact .contact-info-contact .img-map a img {

    max-width: 3rem;
}

.contact .container .row .body-contact {
    max-width: 1258px;
    margin: 0 auto;
    min-height: 17rem;
}

.contact .container .row .body-contact .botonera-contact {text-align: center;padding: 1rem;margin-top: 10rem;}

.contact .container .row .body-contact .botonera-contact .btn-service {}

.contact .container .row .body-contact .botonera-contact .btn-service button {background: transparent;border: 3px solid white;padding: 1rem 3rem;font-family: 'Barlow';font-size: 1.25rem;color: white;background: #00000024;}


.contact .container .row .body-contact .form-contact  {margin-top: 1rem;}
.contact .container .row .body-contact .form-contact .info {

color: white;

font-family: 'Barlow';

}

.contact .container .row .body-contact .form-contact .info p {line-height: 1.25;margin: 0;font-size: 1.15rem;font-weight: bolder;}

.contact .container .row .body-contact .form-contact .info p a {}

.contact .container .row .body-contact .form-contact form {
    padding-top: 1rem;
    padding-bottom: 0rem;
}

.contact .container .row .body-contact .form-contact form .form-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: 'Barlow';
}

.contact .container .row .body-contact .form-contact form .form-contact .input-simple {
    width: 100%;
    margin-bottom: 1rem;
}

.contact .container .row .body-contact .form-contact form .form-contact .input-simple input {
    width: 100%;
    border: none;
    padding: 0.8rem 0.5rem;
}

.contact .container .row .body-contact .form-contact form .form-contact .input-text {

    width: 100%;
}

.contact .container .row .body-contact .form-contact form .form-contact .input-text textarea {
    width: 100%;
    padding: 1rem;
    height: 12rem;
    border: none;
}

.contact .container .row .body-contact .form-contact form .botonera {
    text-align: center;
    padding: 2rem 1rem;
}

.contact .container .row .body-contact .form-contact form .botonera button {
    background: linear-gradient(90deg, #80B630 0.78%, #009045 99.7%);
    padding: 0.5rem 3rem;
    border: none;
    color: white;
    font-family: 'Barlow';
    font-size: 1.5rem;
    font-weight: 300;
}

}

@media (max-width:769px) {}