input[type="submit"] {
    width: 100%;
    padding: 0.7em 1em;
    font-size: 1.3em;
    margin-bottom: 1em;
    background: #34AAF9;
    transition: ease 0.3s;
}

input[type="text"]:focus,
textarea:focus {
    border: 1px solid #77b7ea;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea {
    width: 100%;
    border: 1px solid #C8D7DE;
    padding: 1.2rem 1rem !important;
    font-size: 1.3rem;
    color: #506C7F;
}

label {
    color: #506C7F;
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0;
    margin-bottom: 0.6em;
    width: 90%;
    line-height: 1.5em;
    border-bottom: 0px;
}


.caja-azul {
    background: #F6F8FB;
    border: 1px solid #DFE5EF;
    padding: 4em 4em;
    margin-bottom: 6vh;
}

.icon-info {
    flex: 0 0 10%;
    max-width: 10%;
    position: relative;
    background: url(../img/icon-estado.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.blue strong {
    font-style: italic;
    color: #3E8CD7;
}

.map_box {
    margin-top: 0px;
    margin-bottom: 6em;
}

.single-ciudades .m-b {
    margin-bottom: 6em;
}

.single-ciudades #block-4 {
    padding-top: 0em;
    padding-bottom: 0em;
}

.single-ciudades .introduction {
    margin-bottom: 6em;
    margin-top: 0em;
}

.single-3-col ul {
    padding-left: 0px;
}

.single-3-col a {
    font-weight: 700;
}


/*tramite*/

.box-tramite {
    padding-top: 50px;
    padding-bottom: 17px;
}

#hero .hero-box.reduced.box-template-estado .title-main {
    text-align: center;
    padding-right: 0px;
}


.response #response-wrapper {
    background-color: #ebf6ff;
    padding: 2em;
        margin-bottom: 20px;
}

.response #response-name {
    font-size: 35px;
    font-weight: 600;
    color: #34aaf9;
    text-align: center;
}

.response #response-description {
    font-size: 20px;
    text-align: center;
}

#loader {
    text-align: center;
}

/* --- blog --- */

.card-body {
    background: #F6F8FB;
}

.loop-news-block {
    margin-top: 50px;
    margin-bottom: 40px;
}

.loop-news-block .article-wrap {
    margin-top: 20px;
}

.article-wrap a.blue {
    color: #3E8CD7;
    text-decoration: none;
}

.single-article {
    margin-top: 50px;
}

.page-numbers {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.page_nav_box span.page-numbers.current,
.page_nav_box a,
a.page-numbers,
span.page-numbers.current {
    padding: 10px;
    font-size: 16px;
    display: inline-block;
    color: #202020;
}

span.page-numbers.current,
.page_nav_box a:hover,
a.page-numbers:hover {
    color: #ffffff;
    font-size: 16px;
    background-color: #00192E;
}

.comment-respond {
    border-top: 2px solid #dfe7eb;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 3em;
}

.comment-author img {
    display: none;
}

.comment-author .says {
    display: none;
}

.post .comments h3 {
    color: #506C7F;
    font-size: 17px;
}

.comments h2 {
    font-size: 17px;
    color: #506C7F;
}

.post span.date,
.post span.author,
.post span.comments,
.post span.autor {
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .icon-info {
        flex: 0 0 100%;
        max-width: 100%;
        height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .introduction .wrapper {
            padding: 7em 1em 3em 2em;
        width: 100%;
        margin-top: -5em;
        margin-left: 0em;
    }
    .box-tramite .form-group {
        margin-bottom: 2rem;
    }
    .box-tramite {
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .comment-respond {
    border-top: 2px solid #506C7F;
    margin-top: 20px;
    margin-bottom: 23px;
    }
    .response #response-description {
    font-size: 16px;
    text-align: center;
    }
    .response #response-name {
    font-size: 23px;
    font-weight: 600;
    color: #34aaf9;
    text-align: center;
    }
    .content-ciudad h2, .content-ciudad .h2 {
    font-size: 1.9em;
    line-height: 1.3em;
    width: 100%;
    }
    .single-ciudades .introduction {
    margin-bottom: 3em;
    margin-top: 0em;
    }
    .single-ciudades .m-b {
    margin-bottom: 2em;
    }
    #block-4 .wrapper {
    padding: 2em 2em;
    }
    .content-ciudad #block-2 .elem {
    margin: 0em 0em 30px 0px;
}
   
}