/*
Theme Name: Especialistas Dentales
Theme URI: http://www.nubegt.com
Author: NUBE Agencia Creativa
Author URI: http://www.nubegt.com
Description: Institutional website, it features multiple sections on the front page as well as navigation and menus, and more. It works great in many browsers, for any abilities, and on any device.
Version: 1.0
License: NUBE Agencia Creativa | 2020 All rights reserved | 2020 Todos los derechos reservados
License URI: http://www.nubegt.com
Text Domain: especialistasdentales.com.gt
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
All rigts reserved. For more information or technical support visit http://www.nubegt.com or write us a eMail to soporte@nubegt.com
*/

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/gotham/GothamBook.otf') format('otf'),
         url('../fonts/gotham/GothamBook.ttf') format('ttf'),
         url('../fonts/gotham/GothamBook.woff') format('woff'),
         url('../fonts/gotham/GothamBook.woff2') format('woff2');
    font-weight: 300;  /* Regular Book */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('path/to/GothamBook.woff2') format('woff2'),
         url('path/to/GothamBook.woff') format('woff');
    font-weight: 400;  /* Strong Book */
    font-style: normal;
    font-display: swap;
}

/* Por defecto usará GothamBook */
body {
    color: rgba(27,28,33,1);
    font-family: 'Gotham', sans-serif;
    font-weight: 300;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, p, a, li a, span {
    font-family: 'Gotham', sans-serif;
}

h1 {
    font-weight: 700;  /* Usará GothamBold */
}

h3 {
    margin-bottom: 0.8rem;
    font-size: 1.1rem;
    font-weight: 500;
}

h4 {
    font-weight: 500;
    font-size: 1.40rem;
    line-height: 1.75;
    color: rgba(81,80,80,1);
}

h5 {
    font-weight: 300;
    color: #6b6b6b;
    line-height: 1.5rem;
    font-size: 1rem;
}

p {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 1px;
}

b, strong, em strong {
    font-weight: 600 !important;
}

ul {
    padding-inline-start: 0px;
}

.wpb_wrapper ul li {
    margin-bottom: 1.25rem;
    list-style-type: none;
    background: url('../img/orange-check-full.svg') no-repeat left top;
    background-position: left 2px;
    background-size: 22px;
    padding: 0px 0 10px 30px;
}

.orange-text h2, .subhead-text h2 {
    font-size: 1.7rem;
}

.orange-text {
    padding-left: 15px;
    border-left: 3px solid #ff6600;
}

.get-started-area h2 {
    font-weight: 400;
    text-transform: none;
    font-size: 2.6rem;
    letter-spacing: -0.03em;
}

.call-area h2 {
    font-weight: 400;
    text-transform: none;
    font-size: 2.6rem;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

.call-area p {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: 1.2px;
}

/*--- Composer Components ---*/
.vc_btn3.vc_btn3-color-orange, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {
    color: #fff !important;
    background-color: #ff6600 !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    padding: 1rem 3rem !important;
    border-radius: 4px !important;
    border: 1px solid #b24a04 !important;
}

.vc_btn3.vc_btn3-color-orange:hover, .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat:hover {
    background-color: #b24a04 !important;
    border: 1px solid #b24a04 !important;
}

/*---------------------------------------------------------
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,500;0,600;1,100;1,300;1,500;1,600&family=Poppins:ital,wght@0,100;0,300;0,600;1,300;1,600&display=swap');

*/

/* @font-face { font-family: Gotham; src: 
    url(../fonts/gotham/GothamMedium.ttf);
    font-weight: normal;
} */

body {
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-size-adjust: 100%;
}

body a, body a :hover, body a :active {
    color: #e94d00;
}

html, body, * {
    padding: 0;
    margin: 0;
}

*::-moz-selection{
    background: #072044;
    color: #ffffff;
}

*::selection {
    background: #081f42;
    color: #ffffff;
}

img {
    height: auto;
    max-width: 100%;
}

a, a:visited, a:focus { text-decoration: none; outline: 0; }
a:hover { text-decoration: none; }
p a, p a:visited { line-height: inherit; }

.area-navegacion {
      margin: 0px;
      padding: 0px;
}

.area-navegacion .contenido-flotante {
    position: relative;
    top: 5px;
    height: 0px;
    text-align: right;
    right: 25px;
}

.area-navegacion .contenido-flotante li,
.area-navegacion .contenido-flotante .wpml-ls-slot-header-float-widget-area .wpml-ls-item {
    position: relative;
    z-index: 10;
}

.area-logo {
      text-align: center;
      margin-top: 1rem;
      margin-bottom: 1.5rem;
}

.area-navegacion .navbar-dark, .area-navegacion .bg-dark,
.area-navegacion, .area-menu {
    background-color: #173955 !important;
}

.area-menu {
      border-top: 1px solid;
      border-color: rgba(27,28,33,0.2);
}

.area-menu .me-auto {
    margin-right: auto;
    margin-left: auto;
}

.navbar {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.area-menu li a {
    text-transform: uppercase;
    color: rgb(95 95 95);
    font-size: 0.9rem;
    letter-spacing: -0.005rem;
    font-weight: 400;
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.area-menu li a:before, .area-menu li a:after {
    content:"";
    display:block;
}

.area-menu li a:after {
    position:absolute;
    left:50%;
    bottom:0;
    width:0%;
    height:3px;
    background-color:#e94d00;
    transform:translateX( -50% );
    -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* .area-menu li a:before {
    position:absolute;
    left:50%;
    top:0;
    width:0%;
    height:3px;
    background-color:#3197CD;
    transform:translateX( -50% );
    -webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} */

.area-menu li a:hover:after{width:100%;}
.area-menu li a:hover:before{width:100%;}

.dropdown-toggle::after {
    border-right: .0em solid transparent;
    border-left: .0em solid transparent;
}

.bg-light {
    background-color: #fff!important;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 2%), 0 5px 5px 0 rgb(0 0 0 / 2%) !important;
}

.sombras, .page-content img, .wpb_gallery_slides, .home_boton .vc_btn3.vc_btn3-size-md {
    box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
}

.sin_sombra, .info_box_int img, .sin_sombra img {
    box-shadow: 0 0px 0px rgb(16 30 54 / 00%) !important;
    -webkit-box-shadow: 0 0px 0px rgb(16 30 54 / 00%) !important;
}

.info_box {
    margin-top: -5.2rem;
    z-index: 999;
}

.page-hless {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.page-hless .info_box {
    padding-left: 0rem;
    padding-right: 0rem;
    padding: 0px;
    box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 20%);

}

.info_box .box_iz {
    padding-right: 0px;
}

.page-hless .info_box h5 {
    margin-bottom: 1rem;
    color: #FFF;
}

.page-hless .info_box .vc_column-inner {
    padding: 2rem;
}

.page-hless .info_box table {
    width: 100%;
    margin: 0px;
    border: 0px;
    color: #FFF;
    font-weight: 300;
}

.info_box_int_iz p, .info_box_int_md p, .info_box_int_dr p {
    color: #FFF;
}

.info_box .box_contacto, .info_box .info_box_hora tr {
    line-height: 2rem;
}

.info_box .vc_btn3-container {
    margin-bottom: 0px;
}

.info_box button {
    min-width: 10rem;
}

.info_box_int_dr .wpb_text_column {
    margin-bottom: 0px;
}

.page-hless .first_sec, .page-hless .second_sec, .page-hless .third_sec, .page-hless .fourth_sec, .page-hless .fifth_sec {
    margin-top: 10rem;
}

.page-hless .services_sec img {
    box-shadow: 0 0px 0px rgb(16 30 54 / 00%) !important;
    -webkit-box-shadow: 0 0px 0px rgb(16 30 54 / 00%) !important;
}

.services_sec .servicios_bloques {
    background-color: #FFF;
    box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
}

.services_sec .service-icon {
    margin-bottom: 1rem;
}

.historias_sec .vc_column_container .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

.historias_sec .hist_1 {
    margin-top: 2rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_2 {
    margin-top: 8rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_3 {
    margin-top: -3rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_1:hover, .historias_sec .hist_2:hover, .historias_sec .hist_3:hover {
    transform: scale(1.03);
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.historias_sec .hist_1 img:hover, .historias_sec .hist_2 img:hover, .historias_sec .hist_3 img:hover {
    cursor: pointer;
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
}

/* .historias_sec .hist_1 img:hover, .historias_sec .hist_2 img:hover, .historias_sec .hist_3 img:hover {
    cursor: pointer;
    position: relative;
    transform: scale(1.1);
    z-index: 10;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    box-shadow: 0 15px 45px rgb(16 30 54 / 60%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 60%);
}



.historias_sec .hist_1, .historias_sec .hist_2, .historias_sec .hist_3 {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}*/

/* ///////////////////////////// */

.page-content, .area-lista-post {
    padding-top: 2rem;
    padding-bottom: 0rem;
}

.header-page {
    height: 11rem;
    background-color: #f7f7f7;
}

.page-content-blog {
    padding-top: 0px;
    padding-bottom: 0px;
}

.post-content img {
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	-o-border-radius: 0.2rem;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}

.imagen_firma img {
    box-shadow: 0 0px 0px rgb(16 30 54 / 0%);
    -webkit-box-shadow: 0 0px 0px rgb(16 30 54 / 0%);
}

.post-content li {
    list-style: none;
}

.post-content a, .post-content a:hover, .area-post a, .area-post a :hover, .post-map a, .post-map a :hover,
.post-link h2 :hover, .post-link p :hover {
    color:rgba(27,28,33,1) !important;
}

.post-resumen {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}

.post-resumen h2 {
    font-weight: 300;
    font-size: 1.8rem;
    margin-bottom: 0rem;
    padding: 2rem 1rem;
}

.post-resumen span {
    border-top: 1px solid #c7c7c7bd;
    margin: 0rem 1rem 2rem 1rem;
    display: block;
    width: 90%;
}

.post-resumen p {
    padding: 0rem 1rem 2rem 1rem;
}

.post-map article, .post-resumen article {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.post-map a:hover article {
    margin-top: -1rem;
    margin-bottom: 7.5rem;
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;

    border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
    -moz-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
	-webkit-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
	-o-border-radius: 0.2rem 0.2rem 0.2rem 0.2rem;
}

.post-map a:hover article img {
    border-radius: 0.2rem 0.2rem 0rem 0rem;
    -moz-border-radius: 0.2rem 0.2rem 0rem 0rem;
	-webkit-border-radius: 0.2rem 0.2rem 0rem 0rem;
	-o-border-radius: 0.2rem 0.2rem 0rem 0rem;

    box-shadow: 0 0rem 0rem rgba(0,0,0,.0)!important;
    -webkit-box-shadow: 0 0rem 0rem rgba(0,0,0,.0)!important;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.meta-post p {
    margin: -5rem 0 0 0;
    background-color: #ffffff;
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
    border-radius: 0.27rem;
    color: #404040 !important;
    font-weight: 300;
    letter-spacing: 0.02rem;
    text-transform: capitalize;
    box-shadow: 0 0rem 0rem rgba(0,0,0,.0)!important;
    -webkit-box-shadow: 0 0rem 0rem rgba(0,0,0,.0)!important;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.meta-post-in {
    color: rgb(59, 59, 59);
}

.post-navegacion .nav-box {
    background: rgba(221, 221, 221, 0.25);
    padding: 10px;
}

.post-navegacion p {
    margin: 0 10px;
    font-size: 12px;
}

.post-navegacion .previous img {
    float: right;
    margin: 0 0 0 10px ;
}

.post-navegacion .previous {
    float: left;
    width: 250px;
    position: fixed;
    z-index: 100;
    left: -5rem;
    top: 45%;
    opacity: 50%;
}

.post-navegacion .previous:hover {
    left: 0;
    opacity: 100%;
}

.post-navegacion .next img {
    float: left;
    margin: 0 10px 0 0;
}

.post-navegacion .next {
    float: right;
    width: 250px;
    position: fixed;
    z-index: 100;
    right: -5rem;
    top: 45%;
    opacity: 50%;
}

.post-navegacion .next:hover {
    right: 0;
    opacity: 100%;
}


.post-navegacion .previous, .post-navegacion .previous :hover, .post-navegacion .next, .post-navegacion .next :hover {
    transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
}

.post-navegacion .previous, .post-navegacion .next {
    height: 120px;
}

.post-navegacion .previous a, .post-navegacion .next a{
    width: 100%;
}

.pagination {
    font-size: 15px;
    color: #222;
    letter-spacing: 1px;
    position: relative;
    top: -4rem;
}

.pagination span {
    padding: 0.25rem 0.75rem;
    background-color: #cbedff;
    border-radius: 0.25rem;
    margin: 0rem 0.2rem;
    border: 1px solid;
    border-color: #87cef3;
    color: rgb(110, 110, 110) !important;
    transition: all ease-in-out 2ms;
}

.pagination a {
    padding: 0.25rem 0.75rem;
    background-color: #93daff;
    border-radius: 0.25rem;
    margin: 0rem 0.2rem;
    border: 1px solid;
    border-color: #87cef3;
    transition: all ease-in-out 2ms;
}

.pagination a:hover {
    color: #000 !important;
    transition: all ease-in-out 2ms;
}

.footer-area {
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
    background-color: #173955;
}

.linea-footer {
    width: 100%;
    height: auto;
}

.linea-footer span::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.164);
    z-index: 6;
    margin: 3rem 0px;
}

.contenido-footer p {
    margin-bottom: 3rem;
    color: rgb(245, 245, 245);
}

.bloque-social i {
    color: rgb(245, 245, 245);
    font-size: 1.2rem;
    margin: 0px 10px;
}

.bloque-social i :hover {
    transition: all ease-in-out 2ms;
    font-size: 1.4rem;
}

.comment-list, .commentlist, .comment-list .children, .commentlist .children {
    list-style-type:none;
}

.area-comentarios {
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, 0.082);
    padding-top: 3rem;
}

.commentlist li {
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.comment-body img {
    position: absolute;
    width: 50px;
    border-radius: 50%;
    margin-top: -4px;
}

.commentlist .children, .comment .children, .parent .children {
    border-left: 1px solid #c1c1c1;
    padding-bottom: 3rem;
    padding-left: 4rem;
    margin-top: 8rem;
}

.commentlist .children article {
    padding-top: 1rem;
}

.comment-body .comment-metadata, .comment-body .fn, .comment-body b {
    padding-left: 4rem;
}

.comment-content {
    margin-top: 1rem;
}

.lista-comentarios ol {
    padding-left: 2rem;
    padding-right: 2rem;
}

.comment-body .reply a {
    padding: 10px;
    position: absolute;
    display: block;
    font-size: 1.1rem;
    margin-top: 1.2rem;
    border: 1px solid rgb(243, 243, 243);
    border-radius: 0.25rem;
    width: 200px;
    color: #2d5186;
    text-align: center;
    background-color: rgb(248, 248, 248);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    transition: ease-in-out 10ms;
}

.comment-body .reply a:hover {
    background-color: rgb(243 243 243);;
    transform: scale(0.95);
    transition: ease-in-out 10ms;
}

.comment-form {
    background: #f8f8f8;
    border: 1px solid;
    border-color: rgb(221, 221, 221);
    border-radius: 0.25rem;
    padding:1rem 3rem;
    width: 60%;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
}

#respond input[type=text], textarea, #url, #author, #email {
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
    width: 100%;
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
    transition: all 0.10s ease-in-out;
}

#respond input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, textarea:focus, .Contacto input[type=text]:focus, .Contacto input:focus {
    box-shadow: 0 0 5px rgb(81, 154, 238);
    border: 1px solid rgba(81, 154, 238, 1);
}

#author, #email {
    font-family: "Open Sans", "Droid Sans", Arial;
    font-style:italic;
    color:#1d1d1d;
    letter-spacing:.1em;
    width: 100%;
}

#url  {
    color: #1d1d1d;
    font-family: "Luicida Console", "Courier New", "Courier", monospace;
    width: 100%;
}

.comment-form-cookies-consent label {
    width: 80%;
    margin-left: 1.8rem;
}

.comment-form-cookies-consent input {
    position: absolute;
    margin-top: 0.9rem;
}

.form-submit {
    width: 100%;
    text-align: center;
}

#submit {
    background-color:rgb(81, 154, 238);;
    -moz-border-radius:0.25rem;
    -webkit-border-radius:0.25rem;
    border-radius:0.25rem;
    border:1px solid rgb(83, 156, 240);;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:16px 31px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
    width: 50%;
}

#submit:hover {
    background-color:rgb(72, 137, 211);;
}

#submit:active {
    position:relative;
    top:1px;
}

.comment-respond h3 {
    text-align: center;
    margin-bottom: 1rem;
}

.transisiones {
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.sidbar-content .widget-container, .sidbar-content .widget-container img {
    margin-bottom: 4rem;
    width: 100%;
    height: auto;
}

.sidbar-content .widget-container img {
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    border-radius: 0.2rem;
    -moz-border-radius:0.2rem;
	-webkit-border-radius:0.2rem;
	-o-border-radius:0.2rem;
}

.color-widget .widget-container {
    margin: 0;
    padding: 0;
}

.sidbar-content .widget-container img {
    margin: 0px;
}

.text-widget .twitter-timeline, .twitter-timeline-rendered {
    border: 1px solid #c3c3c3 !important;
    border-radius: 0.5rem !important;
    padding: 0.2rem !important;
}

.news-form p {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-form p span {
    margin-right: 1rem;
}

.news-form p span input {
    width: 100%;
}

.news-form p span .wpcf7-email {
    padding: 1rem 1.3rem;
    border-radius: 5px;
}

.news-form p span .wpcf7-email ::-webkit-input-placeholder {
    color: #000 !important;
    opacity: 0.3;
}

.news-form .wpcf7-spinner {
    position: absolute !important;
}

.Contacto h4, .contacto h4 {
    font-size: 1.35rem !important;
    margin-bottom: 1rem;
    letter-spacing: 2.2px;
    font-weight: 400;
}

.wpcf7-form .form-row p {
    display: flex !important;
}

.wpcf7-form .form-row p :first-child {
    margin-right: 10px;
}

.Contacto .box-formulario {
    background-color: #f7f7f7;
    padding: 4rem 6rem;
}

.Contacto .formulario-area, #page_Contact .formulario-area, .Contact .formulario-area {
    background-color: #FFF;
    padding: 3rem;
}

.wpcf7 p, .wpcf7-form p {
    font-size: 0.9rem;
    text-transform: uppercase;
    margin-bottom: 1rems;
}

.wpcf7-form p, .wpcf7-form span, .wpcf7-form label,
.wpcf7-form input, .wpcf7-form textarea  {
    width: 100%;
}

.wpcf7-form input, .wpcf7-form textarea  {
    border: 1px solid;
    border-color: rgb(209, 209, 209);
    border-radius: 0.03rem;
    padding: 10px 10px;
}

.news-form .wpcf7-form input {
    height: 60px;
}

.wpcf7 input::placeholder, .wpcf7 textarea::placeholder  {
    color: rgb(99, 99, 99);
    font-size: 1rem;
}

.wpcf7 .requerido {
    color: rgb(248, 4, 53);
}

.wpcf7 input:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
    outline-width: 0px !important;
}

.news-form .wpcf7-submit {
    width: 30%;
    height: 65px;
}

.wpcf7-submit {
    color: #fff !important;
    background-color: #ff6600 !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    padding: 1rem 3rem !important;
    border-radius: 4px !important;
    border: 1px solid #b24a04 !important;
}

.wpcf7-submit:hover {
    background-color: #b24a04 !important;
    border: 1px solid #b24a04 !important;
}

.menu-menu-lateral .menu-item, .menu-menu-lateral-container ul li, .menu-menu-lateral-container li, .menu-menu-lateral-container ul,
.menu-menu-sidebar-container .menu-menu-sidebar li, .menu-menu-sidebar-container ul li, .menu-menu-sidebar-container .menu,
.menu-my-sidebar-menu-container .menu li, .menu-my-sidebar-menu-container .menu, .menu-my-sidebar-menu-container .menu li, .menu-my-sidebar-menu-container ul li {
    list-style-type: none;
    list-style: none;
    padding-left: 0px;
}

#menu-menu-lateral li, #menu-menu-sidebar li, .menu-my-sidebar-menu-container .menu li, #menu-my-sidebar-menu li {
    vertical-align: middle;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    color: rgba(0,0,0,0.2);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

#menu-menu-lateral li:hover, #menu-menu-sidebar li:hover, #menu-my-sidebar-menu li:hover {
    background-color: aliceblue;
    padding-left: 15px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.widget-container h2 {
    text-align: left;
    font-size: 2rem;
}

#menu-menu-lateral a[aria-current]::li, #menu-menu-sidebar a[aria-current]::li {
    background-color: rgb(205, 226, 245);
    padding-left: 15px;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.contenido-footer-flotante {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: white;
    box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
    padding: 60px 20px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    border-radius: 15px;
}

.contenido-footer-flotante h2 {
    font-weight: 300;
    font-size: 2rem;
    margin-bottom: 1rem;
}

.contenido-footer-flotante {
    text-align: center;
    font-weight: 300;
    font-size: 2rem;
    line-height: 1.75;
    color: rgba(81,80,80,1);
}

.contenido-footer-flotante .wp-block-button__link {
    color: #fff;
    background-color: #e94d00;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125rem;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    word-break: break-word;
    box-sizing: border-box;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 20%);
}

.contenido-footer-flotante .wp-block-button__link:hover {
    background-color: #1B1C21;
    box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    -webkit-box-shadow: 0 15px 45px rgb(16 30 54 / 30%);
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.contenido-flotante .custom-html-widget a {
	position: fixed;
    background-color: #2d5186;
    width: 55.9px;
    height: 55.9px;
    z-index: 999;
    right: 20px;
    color: #FFFFFF;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    bottom: 50px;
    border: 1px solid #23406b;
	font-size: 24px;
}

.contenido-flotante .custom-html-widget a i {
    margin-top: 3px;
}

.contenido-flotante .custom-html-widget a:hover i {
    color: #FFFFFF !important;
}

.meet-area, .goto-area {
    padding: 10px 80px 10px 80px;
}

#meet-area, .meet-area {
    margin-top: -140px;
}

@media (min-width: 320px) and (max-width: 920px) {

    .news-form .wpcf7-submit {
        width: 100%;
    }

    .news-form p span {
        margin-right: 0rem;
    }

    .hide-mobile {
        display: none;
    }

    .meet-text {
        text-align: center;
    }

    .meet-text h2, h2 {
        font-size: 1.4rem !important;
    }

    .orange-text h2 {
        font-size: 1.3rem !important;
    }

    .meet-area, .goto-area, .contact-text-area {
        padding: 0px 0px 0px 0px !important;
    }

    .meet-area, #meet-area {
        margin-top: -70px;
    }

	.info_form {
		margin-top: 50px;
		text-align: center;
	}

    .area-navegacion .contenido-flotante {
        display: none;
    }

    .area-logo img {
        height: 3rem;
    }
	
	.area-logo-footer img {
        height: 6rem;
    }

    .page-hless .info_box {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
    }

    .page-hless .first_sec, .page-hless .second_sec, .page-hless .third_sec, .page-hless .fourth_sec, .page-hless .fifth_sec {
        margin-top: 3rem;
    }

    .page-content img, .wpb_gallery_slides, .home_boton .vc_btn3.vc_btn3-size-md {
        box-shadow: 0 0px 0px rgb(16 30 54 / 00%) !important;
        -webkit-box-shadow: 0 0px 0px rgb(16 30 54 / 00%) !important;
    }

    .page-hless .vc_row, .pagina-contenido .vc_row, .page-content .vc_row{
        margin-left: 0px;
        margin-right: 0px;
    }

    .header-page {
        height: auto;
        padding-top: 1rem;
        padding-bottom: 0.5rem;
    }

    .area-navegacion {
        padding: 10px;
    }

    .area-navegacion li {
        text-align: center;
        border-bottom: 1px solid #204768;
    }

    .area-navegacion li:last-child {
        border-bottom: 0px solid #204768;
    }

    .addthis_inline_share_toolbox {
        text-align: center;
    }

    .comment-form {
        padding: 1rem 1rem;
        width: 100%;
    }

    .vc_btn3-container, .vc_btn3-container a {
        width: 100%;
    }

    #submit {
        width: 100%;
    }

    .Contacto .box-formulario, #page_Contact .box-formulario, .Contact .box-formulario {
        background-color: #f7f7f7;
        padding: 1rem 0rem;
    }

    .Contacto .formulario-area, #page_Contact .formulario-area, .Contact .formulario-area {
        padding: 1rem;
    }

    .servicios_bloques {
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

    .home_boton {
        margin-bottom: 3rem !important;
    }

    .home_boton, .home_boton button {
        width: 100%;
        text-align: center !important;
        border: 1px solid grey;
    }

    .fullpage-loader .fullpage-loader__logo {
        top: -50px;
	}
	
	.navbar-brand .custom-html-widget a {
		position: fixed;
		background-color: #2d5186;
		width: 55.9px;
		height: 55.9px;
		z-index: 9999 !important;
		right: 20px;
		color: #FFFFFF;
		padding: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		bottom: 50px;
		border: 1px solid #23406b;
		font-size: 24px;
	}

	.navbar-brand .custom-html-widget a i {
		margin-top: 3px;
	}

	.navbar-brand .custom-html-widget a:hover i {
		color: #FFFFFF !important;
	}

    .service-card, .service-card img, .service-card figure {
        text-align: center !important;
    }

    .news-form p {
        flex-direction: column;
    }

}

@media (min-width: 768px) {
    .navbar-brand {
        display: none;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1.1rem;
        padding-left: 1.1rem;
    }
}

@media (min-width: 992px) {

    .contenido-footer-flotante {
        width: 751px;
    }

    .area-logo img {
        width: 25%;
        height: auto;
    }

    .area-logo-footer img {
        width: 18%;
        height: auto;
    }

    .area-post article {
        margin: 0rem 1.8rem 6.5rem 1.8rem;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
    }

    .first_sec_left::before, .consultorio_sec::before {
        content: '';
        display: block;
        position: absolute;
        background-image: url(../img/dots-black.svg);
        top: -7.5%;
        left: -7.5%;
        right: 12.5%;
        bottom: 12.5%;
        z-index: 0;
        opacity: 0.8;
    }

    .servicios_bloques .vc_column-inner {
        background-color: #FFFFFF;
        height: 100%;
    }

    .servicios_bloques::before {
        content: '';
        display: block;
        position: absolute;
        background-image: url(../img/dots-black.svg);
        top: -13.5%;
        left: -7.5%;
        right: 12.5%;
        bottom: 12.5%;
        z-index: 0;
        opacity: .8;
    }

    .historias_sec::before {
        content: '';
        display: block;
        position: absolute;
        background-image: url(../img/dots-black.svg);
        top: -0.5%;
        left: 13.5%;
        right: 10.5%;
        bottom: 12.5%;
        z-index: 0;
        opacity: 0.8;
    }

    .area-logo img {
        width: auto;
        height: auto;
    }

    .area-logo-footer img {
        width: auto;
        height: auto;
    }

    .area-post article {
        margin: 0rem 1.8rem 6.5rem 1.8rem;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
    }
}

#landscape {
    display: none;
    z-index: -100;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

@media(max-width: 920px) and (orientation: landscape){
    #landscape {
        display: flex;
        position: fixed;
        top: 0;
        bottom: 0px;
        right: 0px;
        left: 0px;
        background: #f2f2f2;
        z-index: 990000;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        overflow: hidden;
    }

    #landscape img {
        width: 150px;
        height: auto;
    }

    .phone_image {
        align-items: center;
        justify-content: center;
        text-align: center;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
    }

    .landscape_text {
        font-size: 120%;
        margin-top: 15px;
        text-align: center;
        transition: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
    }
}

/* START LOADER CSS */
.fullpage-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background: #141516;
    z-index: 9999;
    opacity: 1;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .fullpage-loader .fullpage-loader__logo {
    position: relative;
  }

  .fullpage-loader .fullpage-loader__logo:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 */
  }

  .fullpage-loader--invisible {
    opacity: 0;
  }