* {position: relative;}
html, body {width: 100%; height: 100%; padding: 0; margin: 0; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; color: #444; text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: 700 !important;}
.logo {max-width:400px;}
.fs-1 {font-size: 2.5rem;} /* 40px = 2.5rem */
.fs-2 {font-size: 2rem;} /* 32px = 2rem */
.fs-3 {font-size: 1.75rem;} /* 28px = 1.75rem */
.fs-4 {font-size: 1.5rem;} /* 24px = 1.5rem */
.fs-5 {font-size: 1.25rem;} /* 20px = 1.25rem */
.fs-6 {font-size: 1rem;} /* 16px = 1rem */
.fs-7 {font-size: .75rem;} /* 12px = .75rem */
.display-1 {font-size: 6rem;} /* 96px = 6rem */
.display-2 {font-size: 5.5rem;} /* 88px = 5.5rem */
.display-3 {font-size: 4.5rem;} /* 72px = 4.5rem */
.display-4 {font-size: 3.5rem;} /* 56px = 3.5rem */
a, a:hover, a:focus {text-decoration: none;}
.txt-facebook {color: #4267B2 !important;}
.bg-default {background-color: #444 !important;}
.bg-gray {background-color: #f8f8f8 !important;}
.bg-gray-b{background-color: #e5e5e5 !important;}
.bg-white {background-color: white !important;}
.bg-bluelight {background-color: #87cdd5 !important;}
.bg-blue0 {background-color: #1f6971 !important;}
.bg-blue {background-color: #1896a4 !important;}
.bg-blue-m {background-color: #1da2b1;}
.bg-green {background-color: #a4c422 !important;}
.txt-default {color: #444 !important;}
.txt-gray {color: #6d6d6d !important;}
.txt-white {color: white !important;}
.txt-blue {color: #1896a4 !important;}
.txt-green {color: #a4c422 !important;}
.txt-red {color: red !important;}
.txt-regular{font-family: "Titillium Web", sans-serif;}
.regular {font-weight: 400 !important;}
.bold, b {font-weight: 700 !important;}
.txt-shadow {text-shadow: 1px 1px black;}
.img-shadow {filter: drop-shadow(1px 1px black);}
.box-shadow {box-shadow: 1px 1px black;}
.lh-1 {line-height: 1 !important;}
:focus-visible {outline: none;}
.title-blue {color:#91a8b5; font-weight:700; font-size: 2em;}
.title-p{font-family: "Montserrat" !important;font-size: 3.5em !important;font-weight:bold;}
.subtitle {font-family: "Montserrat" !important;}
.txt-center {text-align: center;}
.s-table{max-width:750px;margin:0 auto;}
.table td{font-size: 14px !important;border:none !important;}
.table{margin-bottom: 0 !important;}

/*** main menu ***/
.navbar{min-height: auto; padding-bottom: 0; margin-bottom: 0; border: 0px; background-color: white;}
.navbar .navbar-brand{height: auto; padding: 10px 0;}
.navbar .navbar-brand img{width: auto; height: 60px;}
.navbar .navbar-toggler {border-color: transparent;}
.navbar .navbar-toggler .navbar-toggler-icon {width: 3.5rem; height: 3.5rem; background-image: url('../images/bars.png');}
.navbar .navbar-nav li a{padding: 45px 5px 15px 5px; color: #a2a2a2; font-size: 14px; font-weight: 400; opacity: 1; transition: all 600ms;}
.navbar .navbar-nav li a:hover,.navbar .navbar-nav li a:focus{color: #20a4b3;}
.navbar .navbar-nav li.active a,.navbar .navbar-nav li.active a:hover,.navbar .navbar-nav li.active a:focus{background-color: transparent; color: #20a4b3;}
.navbar .navbar-nav li a.fbMedica {padding: 40px 5px 15px;}

/*** Btn WhatsApp ***/
#btn-whats {width:45px;height: 80px;position:fixed; bottom:10%; right:5%; z-index: 99999;}
#btn-whats a {text-decoration: none;cursor: hand;background-color: #26c281;padding:20px;border-radius:20px;}
#btn-whats a:hover {background-color:#b2e7d6;}
#btn-whats a img{width:100%;}

@media (min-width: 1200px) {
    .navbar .container-fluid {max-width: 94%;}
    .navbar .navbar-nav li {margin-left: .75rem;}
}
@media (max-width: 1199px){
    .navbar .navbar-nav{float: none !important; margin: 7.5px -15px;}
    .navbar .navbar-nav>li{float: none;}
    .navbar .navbar-nav>li>a{padding-top: 0px; padding-bottom: 10px;}
    .navbar .navbar-nav li a.fbMedica {padding: 0 5px 10px;}
    #menu{width: 100%; background-color: white;}
}
@media (max-width: 767px){
    .navbar .navbar-brand img{width: 140px; height: auto;}
    .navbar .navbar-nav li a{padding-top: 0px;}
}

/*** footer ***/
footer p {font-size: 1rem;}
/* footer .bar {width: 358px; height: 1rem; background-color: #a4c422; position: absolute; bottom: -3rem;} */
footer br {display: inline;}
/* footer .bar {width: calc(100% - 2rem); left: 1rem; bottom: -3rem;} */
/* footer .correo span {font-size: 1rem !important;} */

/*** firefox ***/
/*@-moz-document url-prefix() {}*/

/*** home ***/
#semiology {padding-top: 90px; text-align: left;}
#semiology .rounded {border-radius: 100px !important;}
#semiology .top {padding-top: 4rem; padding-bottom: 5rem; background-image: url('../images/semiology-app.jpg'); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-attachment: fixed;}
#bg-fx-grey {padding-top: 10rem; padding-bottom: 6rem; background-image: url('../images/f-gris-semiology.jpg'); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-attachment: fixed;}
#bg-fx-p-blue {padding-top: 10rem; padding-bottom: 6rem; background-image: url('../images/fondo-p-azul.png'); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-attachment: fixed;}
#g-semiology li { list-style-type: square; font-family: "Titillium Web", sans-serif;}
li::marker {color: #1da2b1;}
#tit-g-sem{border-bottom:#1da2b1 solid 2px;}
.rounded-g {border:#1da2b1 solid 2px; border-radius: 100px; padding: 30px; text-align: center;font-size: 1.5em; max-width: 900px;margin:0 auto;}
#semiology .top .titleSem {margin-bottom: 3rem;}
.laptop {max-width: 100%;margin-top:-35%;position:absolute;}
.top-img{margin-top: -15%;}
#semiology .section-1 .fa-ul {max-width: 33rem !important; padding: 2rem 1rem 2rem 3rem; margin: 0; display: block;}
#semiology .section-1 .fa-ul li {padding-left: .5rem;}
#semiology .section-1 .hiw {max-width: 100%; margin-top: 2rem;}
#semiology .section-1 .zIndex {z-index: 5 !important;}
/* #semiology .section-1 .fa-ul::after {content: ''; width: 60%; height: 4px; border-radius: 100%; background-color: #444; filter: blur(5px); position: absolute; left: 20%; bottom: -12px; z-index: 0;} */
#semiology .section-beneficios {background-image: url('../images/fondo-2.jpg'); background-repeat: repeat-y; background-position: center center; background-size: 100% auto; background-attachment: fixed;}
#semiology .section-beneficios .cols {-webkit-column-count: 1; column-count: 1;}
#semiology .section-beneficios .fa-ul li {padding-left: .5rem; padding-right: .5rem;}
#semiology .section-ventajas br {display: inline !important;}
#semiology .section-ventajas .quality {max-width: 100%;}
#semiology #contactUs label {width: 100%; margin: 0; display: block;}
#semiology #contactUs input, #semiology #contactUs textarea {width: 100%; padding: 15px; margin: 0 auto 1.75rem; display: block; background-color: transparent; color: #444; border: 1px solid #1da2b1;text-align: center;border-radius: 50px;}
#semiology #contactUs #submit {width: 150px; padding: 1rem 0; margin: 0 auto; display: block; background-color: #1896a4; color: #fff; border: 1px solid #1896a4; text-align: center; transition: all 400ms;}
#semiology #contactUs #submit:hover {color: #1896a4; background-color: #fff;}
br {display: none;}
#certificaciones img{width:80%;display: block;margin:0 auto;}
.xxlD {display: none !important;}
@media (max-width: 768px) {
    #semiology .top {background-image: url('../images/semiology-app-m.jpg'); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-attachment: fixed;}
    #bg-fx-grey {padding-top: 4rem; padding-bottom: 3rem; background-image: url('../images/f-gris-semiology-m.jpg'); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; background-attachment: fixed;}
    .display-4 {font-size: 2.5rem !important;}
    #semiology {padding-top: 10px; text-align: left;}
    .title-p{font-size: 1.5em !important;}
    .logo {max-width:200px;}
    .laptop {max-width: 80% !important;margin-top:-30px !important;position:absolute;float:right;}
    .col-6{width:100% !important;}
}
@media (min-width: 768px) {
    br {display: inline;}
    footer p {font-size: 1.25rem;}
    #semiology .section-1 .fa-ul {padding: 3rem 3rem 3rem 5rem;}
    #semiology .section-1 .hiw {max-width: 70%; margin-top: 2rem; margin-left: auto; margin-right: auto; display: block;}
    #semiology .section-beneficios .desk {display: none;}
    #semiology .section-ventajas .quality {max-width: 50%; margin: auto; display: block;}
}
@media (min-width: 992px) {
    #semiology {padding-top: 80px; text-align: left;}
    #semiology .top .titleSem {margin-bottom: 10rem;}
    #semiology .section-1 .hiw {max-width: 22rem; margin-top: 0; margin-bottom: 0; position: absolute; top: -280px; left: 53%; z-index: 0;}
    #semiology .section-beneficios .desk {display: inline;}
    #semiology .section-beneficios .cols {-webkit-column-count: 2; column-count: 2; -webkit-column-gap: 2rem; column-gap: 2rem;}
    #semiology .section-ventajas .quality {max-width: 15rem; margin-top: 0; position: absolute; left: 30%; bottom: 0; z-index: 0;}
}
@media (min-width: 1200px) {
    #semiology .top .laptop {max-width: 500px; top: -8rem;}
    #semiology .section-1 .hiw {left: 52%;}
    /* #semiology .section-ventajas .quality {max-width: 26rem; left: 23%;} */
}
@media (min-width: 1400px) {
    .xxlD {display: inline !important;}
    #semiology .top .laptop {max-width: 550px; top: -14rem;}
    #semiology .section-1 .hiw {left: 51%;}
    #semiology .section-ventajas .quality {max-width: 20rem; left: 28%;}
}

/* .webp .navbar .navbar-toggler .navbar-toggler-icon {background-image: url('../images/bars.png');} */