@font-face {
    font-family: 'muller';
    src: url('../fonts/MULLERREGULAR.TTF');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

@font-face {
    font-family: 'mullerextrabold';
    src: url('../fonts/MULLER EXTRABOLD.OTF');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

@font-face {
    font-family: 'calibri2021';
    src: url('../fonts/Calibri Regular.ttf');
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
}

html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'muller', sans-serif;
}

* {
    font-family: 'muller', sans-serif;

    box-sizing: border-box;
}


* Firefox */ * {
    scrollbar-width: auto;
    scrollbar-color: #00C6BE #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 14px;
}

*::-webkit-scrollbar-track {
    background: #ffffff;
}

*::-webkit-scrollbar-thumb {
    background-color: #00C6BE;
    border-radius: 10px;
    border: 3px solid #ffffff;
}

address {
    font-style: normal !important;
    font-size: 14px;
}

input[type="text"],
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    resize: vertical;
}

.btn-infografia {
    text-align: left;
    float: left;
    padding: 6px;
    border-radius: 5px;
    color: #fff;
    border: 1px inset #EC3B8A;
    background: #EC3B8A;
    font-size: 14px;
}

.btn-infografia:hover {
    cursor: pointer;
}

.btn-ico-main {
    width: 32px;
    height: 32px;
    text-align: center;
    padding: 3px;
}

.search-box {
    top: 0;
    left: 0;
    position: fixed;
    background: #f1f1f1;
    width: 400px;
    z-index: 9000;
    border-radius: 3px;
    color: #000;
}

.content-modals {
    overflow: auto;
}

#descripcion {
    overflow: auto;
    background: url("../images/bg2.png");
    clear: both;
    width: 400px;
    position: fixed;
    right: 0;
    top: 280px;
    z-index: 9000;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

#descripcion h3 {
    padding-top: 10px;
    clear: both;
}

.menu-infografia {
    padding: 10px;

}

.menu-infografia div {
    content: "";
    display: table;    
    padding: 10px 5px;
    margin: 5px auto;
    border-radius: 5px;
    color: #333937;
    border: 2px solid #ec3b8a;
    font-size: 16px;
    transition: all 0.5s ease;
    border-radius: 2px;
    font-weight: 500;
    background: rgba(236, 59, 138, 0.3);
    clear: both;
    width: 100%;
}

.menu-infografia span {
    float: left;
    margin-top: 10px;
}

.menu-infografia div:hover {
    cursor: pointer;
    color: #fff;
    background: rgba(236, 59, 138, 1);
    font-size: 16px;
}

.menu-infografia img {
    width: 35px;
    height: 35px;
    margin: 0px 5px;
    float: left;
    /* border: 2px solid #fff; */
    /* background-color: #fff; */
    /* border-radius: 50%; */
}

#menu-infografia h3 {
    padding-top: 10px;
    clear: both;
}


.menu-infografia-2 {
    padding: 10px;

}

.menu-infografia-2 div {
    content: "";
    display: table;    
    padding: 10px 5px;
    margin: 5px auto;
    border-radius: 5px;
    color: #333937;
    border: 2px solid #00BCC0;
    font-size: 16px;
    transition: all 0.5s ease;
    border-radius: 2px;
    font-weight: 500;
    background: rgba(0, 188, 192, 0.3);
    clear: both;
    width: 100%;
}

.menu-infografia-2 span {
    float: left;
    margin-top: 10px;
}

.menu-infografia-2 div:hover {
    cursor: pointer;
    color: #fff;
    background: #00BCC0;
    font-size: 16px;
}

.menu-infografia-2 img {
    width: 35px;
    height: 35px;
    margin: 0px 5px;
    float: left;
    /* border: 2px solid #fff; */
    /* background-color: #fff; */
    /* border-radius: 50%; */
}

#menu-infografia-2 h3 {
    padding-top: 10px;
    clear: both;
}



.search-box-header {
    background: #36B4BE;
    padding: 10px;
    height: 280px;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9000;
    width: 400px;
    border-bottom: 3px solid #36B4BE;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

.search-box-header input {
    width: 100%;
}

.social {
    position: fixed;
    height: 45px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    bottom: 0;
    right: 0;
    width: 400px;
    z-index: 9000;
}

.social i {
    float: right;
    margin: 0 3px;
}

.social i:hover {
    cursor: pointer;
}

.card {
    padding: 10px;
    height: auto;
    clear: both;
    border-top: 1px;
    border-top-color: #ccc;
    border-top-style: solid;
}

.card:hover {
    background: #f1f1f1;
    height: auto;
    cursor: pointer;
}

.card2 {
    clear: both;
    border-top: 1px;
    border-top-color: #ccc;
    border-top-style: solid;
    padding: 20px;
}

.card2:hover {
    background: #f1f1f1;
    cursor: pointer;
}

.bg-equip {
    width: 50px;
    height: 50px;

    float: right;
    padding: 10px;
}

.nombre {
    font-weight: 700;
}

.direccion {
    font-size: 12px;
}

#map-container {

    width: 100%;
}

#map {

    margin-top: 0;
}

.menu-main {
    clear: both;

    padding: 10px;
}

.menu-main h3 {
    clear: both;
    border-bottom: 1px;
    border-bottom-color: #555;
    border-bottom-style: solid;
}

.menu-main-row {
    clear: both;
    height: 90px;
}

.menu-main-row .menu-main-column {
    width: 33%;
    float: left;
    text-align: center;
}

.menu-main-column p {
    margin: 2px 0;
}

.font40 {
    font-size: 40px;
    color: #00D5CC;
}

.font25 {
    font-size: 25px;
}

.font30 {
    font-size: 25px;
    color: #fff;
}

.font25 {
    font-size: 25px;
    color: #fff;
}

.font20 {
    font-size: 20px;
    color: #fff;
}

.font18 {
    font-size: 18px;
    color: #fff;
}

.font12 {
    font-size: 12px;
    color: #fff;
}

.link-sw {
    font-size: 14px;
}

.link-sw span {
    margin-right: 10px;
}

.link-sw span {
    text-decoration: none;
}

.link-sw a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.link-sw span:hover {
    cursor: pointer;
    text-decoration: underline;
}

.font100 {
    font-size: 100px;
}

.font-icon {
    font-size: 50px;
}

.font70 {
    font-size: 70px;
}

.menu-main-column .font40 {
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.menu-main-column:hover>.font40 {
    color: #ccc;
}

.menu-main-column:hover {
    cursor: pointer;
}

.bg-trans {
    top: 0;
    left: 0;
    position: absolute;
    background: url(../images/bg2.png);
    z-index: 10001;
    display: none;
}

.filter {
    top: 60px;
    left: 130px;
    width: 250px;
    position: absolute;
    z-index: 9111;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
    box-shadow: 2px 3px 8px #888;
    padding: 10px;
    display: none;
}

.page-creditos {
    padding: 10px;
}

.page-creditos div {
    margin-top: 10px;
    padding: 5px;
}

.page-creditos h4 {
    color: #FF2478;
    margin: 3px 0;
    font-size: 14px;
    font-weight: bold;
}



.page-creditos h3 {
    font-size: 16px;
}

.page-creditos h1 {
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
    color: #FF2478;
    border-bottom: 1px;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
}

.page-creditos p {
    margin: 3px 0;
}

.btn:hover {
    cursor: pointer;
}

.btn-creditos {
    width: 100px;
}

.ico-facebook {
    color: #1a4792;
}

.ico-twitter {
    color: #00a7e7;
}

.ico-youtube {
    color: #f80000;
}

.ico-instagram {
    color: #5d5bba;
}

.detalle {
    padding: 20px;
}

.bar-detail div {
    padding: 5px 10px;
}

.bar-detail span {
    padding: 0;
}

.bar-detail h1 {
    font-size: 18px;
    border-bottom: 1px;
    border-bottom-color: #ccc;
    border-bottom-style: solid;
}

.bar-detail a {
    text-decoration: none;
}

.icon-active {
    color: #f1f1f1;
}

.marker-mobil {
    padding-top: 2px;
    line-height: 20px;
    text-align: center;
}

.marker-web {
    padding-top: 8px;
    line-height: 20px;
    background-size: cover;
    text-align: center;
}

.myDivIcon-0 {
    background: url(../images/ico-fnd-0.png);
    background-size: cover;
}

.myDivIcon-1 {
    background: url(../images/ico-fnd-1.png);
    background-size: cover;
}

.myDivIcon-2 {
    background: url(../images/ico-fnd-2.png);
    background-size: cover;
}

.myDivIcon-3 {
    background: url(../images/ico-fnd-3.png);
    background-size: cover;
}

.myDivIcon-4 {
    background: url(../images/ico-fnd-4.png);
    background-size: cover;
}

.myDivIcon-5 {
    background: url(../images/ico-fnd-5.png);
    background-size: cover;
}

.myDivIcon-6 {
    background: url(../images/ico-fnd-6.png);
    background-size: cover;
}

.myDivIcon-7 {
    background: url(../images/ico-fnd-7.png);
    background-size: cover;
}

.myDivIcon-8 {
    background: url(../images/ico-fnd-8.png);
    background-size: cover;
}

.myDivIcon-9 {
    background: url(../images/ico-fnd-9.png);
    background-size: cover;
}

.myDivIcon-10 {
    background: url(../images/ico-fnd-10.png);
    background-size: cover;
}

.myDivIcon-11 {
    background: url(../images/ico-fnd-11.png);
    background-size: cover;
}

.myDivIcon-12 {
    background: url(../images/ico-fnd-12.png);
    background-size: cover;
}

.myDivIcon-13 {
    background: url(../images/ico-fnd-13.png);
    background-size: cover;
}

.myDivIcon-14 {
    background: url(../images/ico-fnd-14.png);
    background-size: cover;
}

.myDivIcon-15 {
    background: url(../images/ico-fnd-15.png);
    background-size: cover;
}

.myDivIcon-detail {
    background: url(../images/ico-fnd-detail.png);
    background-size: cover;
}

/* .myDivIcon-15{
    text-align: center;
    line-height: 20px;
    padding-top: 8px;
} */

/* .myDivIcon-15 i {
    color: #7336BC !important;
} */
.myDivIcon-16 {
    background: url(../images/ico-fnd-15.png);
    background-size: cover;
}

.myDivIcon-17 {
    background: url(../images/ico-fnd-16.png);
    background-size: cover;
}

.myDivIcon-18 {
    background: url(../images/ico-fnd-17.png);
    background-size: cover;
}

.myDivIcon-19 {
    background: url(../images/ico-fnd-18.png);
    background-size: cover;
}

.myDivIcon-20 {
    background: url(../images/ico-fnd-19.png);
    background-size: cover;
}

.myDivIcon-21 {
    background: url(../images/ico-fnd-20.png);
    background-size: cover;
}

.myDivIcon-22 {
    background: url(../images/ico-fnd-1.png);
    background-size: cover;
}

.myDivIcon-23 {
    background: url(../images/ico-fnd-2.png);
    background-size: cover;
}

.myDivIcon-24 {
    background: url(../images/ico-fnd-23.png);
    background-size: cover;
}

.myDivIcon-25 {
    background: url(../images/ico-fnd-24.png);
    background-size: cover;
}

.myDivIcon-26 {
    background: url(../images/ico-fnd-25.png);
    background-size: cover;
}

.myDivIcon-27 {
    background: url(../images/ico-fnd-subalc.png);
    background-size: cover;
}

.myDivIcon-28 {
    background: url(../images/ico-fnd-26.png);
    background-size: cover;
}

.myDivIcon-29 {
    background: url(../images/ico-fnd-27.png);
    background-size: cover;
}

.myDivIcon-30 {
    background: url(../images/ico-fnd-28.png);
    background-size: cover;
}

.myDivIcon-31 {
    text-align: center;
    line-height: 20px;
    padding-top: 8px;
}

.myDivIcon-31 i {
    color: #535353;
}

.icon {

    color: #fff;
    /* color: #de3214; */
}

.icon:hover {
    cursor: pointer;
}

.icon-0 {
    color: #ff3c86;
}

.icon-1 {
    color: #ff3c86;
}

.icon-2 {
    color: #314fb8;
}

.icon-3 {
    color: #0096f5;
}


.icon-4 {
    color: #009688;
}

.icon-5 {
    color: #7336BB;
}


.icon-6 {
    color: #4bae4f;
}

.icon-7 {
    color: #608594;
}

.icon-8 {
    color: #fe5622;
}

/*.icon-8 {
    color: #ff434b;
}*/

.icon-9 {
    color: #8ac249;
}

.icon-10 {
    color: #ffa51e;
}

.icon-11 {
    color: #ffa51e;
}

.icon-12 {
    color: #551743;
}

.icon-13 {
    color: #ff35a4;
}

.icon-14 {
    color: #615E32;
}

.icon-15 {
    color: #aa5921;
}


.icon-16 {
    color: #7336bc;
}

.icon-17 {
    color: #aa5921;
}

.icon-18 {
    color: #602805;
}

.icon-20 {
    color: #7336bc;
}

.icon-2 {
    color: #3e196a;
}

.icon-20 {
    color: #607d8b;
}

.icon-21 {
    color: #795548;
}

.icon-22 {
    color: #2196f3;
}

.icon-23 {
    color: #03a9f4;
}

.icon-24 {
    color: #082345;
}

.icon-25 {
    color: #4c6ef5;
}

.icon-26 {
    color: #667181;
}

.icon-27 {
    color: red;
}

.icon-28 {
    color: #0a510d;
}

.icon-29 {
    color: #535353;
}

.icon-30 {
    color: #605e38;
}




.icon-0:before {
    color: #ff3c86;
}

.icon-1:before {
    color: #ff3c86;
}

.icon-2:before {
    color: #314fb8;
}

.icon-3:before {
    color: #00aaf7;
}

.icon-4:before {
    color: #009688;
}


.icon-5:before {
    color: #7336BB;
}
.icon-6before {
    color: #4bae4f;
}

.icon-7:before {
    color: #608594;
}

.icon-8:before {
    color: #fe5622;
}

/* .icon-8:before {
    color: #ff434b;
} */

.icon-9:before {
    color: #8ac249;
}

.icon-10:before {
    color: #ffa51e;
}

.icon-11:before {
    color: #ffa51e;
}

.icon-12:before {
    color: #551743;
}

.icon-13:before {
    color: #ff35a4;
}

.icon-14:before {
    color: #615E32;
}

.icon-15:before {
    color: #aa5921;
}


.icon-16:before {
    color: #7336bc;
}

.icon-17:before {
    color: #3e196a;
}

.icon-18:before {
    color: #607d8b;
}

.icon-19:before {
    color: #795548;
}

.icon-20:before {
    color: #2196f3;
}

.icon-21:before {
    color: #03a9f4;
}

.icon-24:before {
    color: #082345;
}

.icon-25:before {
    color: #4c6ef5;
}

.icon-26:before {
    color: #667181;
}

.icon-27:before {
    color: red;
}

.icon-28:before {
    color: #0a510d;
}

.icon-29:before {
    color: #535353;
}

.icon-30:before {
    color: #605e38;
}

#ifra {
    width: 100%;
    height: 600px;
}

.link-return {
    color: #de3214;
    font-size: 16px;
    font-weight: 700;
}

.link-return:hover {
    cursor: pointer;
    text-decoration: underline;
}

.ico-hide-res {
    display: block;
}

.welcome-container {
    position: fixed;
    width: 100vh;
    height: 100vh;

    z-index: 9997;
    background: rgba(0, 0, 0, 0.7);
    top: 0px;
    left: 0px;
}

.welcome {
    position: absolute;
    width: 600px;
    /* top: 150px; */
    background: #fff;
    z-index: 9998;
    top: 50%;
    /* position the top  edge of the element at the middle of the parent */
    left: 50%;
    /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%);


}

.welcome div {
    background: rgba(255, 255, 255, 1);
    /* background: #32DDD6; */
}

.welcome p {
    font-size: 16px;
    color: #555;
    text-align: justify;
}

.welcome h1 {

    color: #5E625D;
}

.page-links {
    text-align: center;
}

.page-links a {
    text-decoration: none;
    color: #082345;
    font-size: 14px;
}

.page-links card:hover a {
    text-decoration: none;
    color: #000;
}

.page-links img {
    width: 40%;
    margin: 0px auto;
    border: 1px solid #ccc;
    display: block;
}

.page-links h1 {
    font-size: 20px;
    margin: 0;
    padding: 10px 10px;
    color: #00BBBC;
}

.cantidad {
    color: #ffffff;
    border: 1px solid#FF2478;
    border-radius: 10px;
    background: #FF2478;
    font-size: 10px;
    padding: 0px 3px;
    /* font-weight: 700; */
}

.other-links {
    width: 150px;
    height: 150px;
    background: url(../images/other-links.png);
    position: absolute;
    z-index: 8999;
    left: 10px;
    bottom: 10px;
    border: 5px solid #36B4BE;
    /* border-radius: 5px; */
    text-align: center;
}

.other-links:hover {
    cursor: pointer;
}

.other-links span {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 5px;
    margin-top: 10px;
}

.other-links-2 {
    width: 150px;
    height: 150px;
    background: url(../images/other-links-2.jpg);
    position: absolute;
    z-index: 8999;
    left: 165px;
    bottom: 10px;
    border: 5px solid #36B4BE;
    /* border-radius: 5px; */
    text-align: center;
}

.other-links-2:hover {
    cursor: pointer;
}

.other-links-2 span {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    background: rgba(255, 255, 255, 0.7);
    display: block;
    padding: 5px;
    margin-top: 10px;
}

#btn-fichas {
    display: none;
}

.app-store div {
    width: 33%;
    float: left;
    padding-right: 1%;
}

.app-store div:hover {
    cursor: pointer;
}

.app-store img {
    width: 100%;
}

.logo-lp {
    width: 300px;
    margin: 0px auto;
    display: block;
}

.foto-lr {
    width: 92px;
}

.preloader-container {
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 50px;
    opacity: 1;
    background: #00D5CD;
    position: absolute;
    z-index: 9999;
}

.preloader-container em {
    font-size: 14px;
    color: #fff;
}

.preloader-container h1 {
    color: #fff;
    padding-left: 0;
    margin: 0;
}

.preloader-container div {
    width: 600px;
    margin: 0px auto;
    text-align: center;
    margin: 200px auto;
}

.btn-gps {
    padding: 5px;
    z-index: 8999;
    position: absolute;
    right: 410px;
    bottom: 100px;
    height: 40px;
    width: 40px;
    background-color: #fff;
    border-radius: 50%;
    border: 3px solid #ccc;
}

.btn-gps:hover {
    cursor: pointer;
}

#search {
    display: block;
    margin: 0;
    padding: var(--inputPaddingV) var(--inputPaddingH);
    color: inherit;
    width: 100%;
    font-family: inherit;
    font-size: var(--inputFontSize);
    font-weight: inherit;
    line-height: var(--inputLineHeight);
    border: none;
    border-radius: 0.4rem;
    transition: box-shadow var(--transitionDuration);
}

#search::placeholder {
    color: #B0BEC5;
}

#search:focus {
    outline: none;
    box-shadow: 0.2rem 0.8rem 1.6rem var(--colorPrimary600);
}


#search:placeholder-shown+.Input-label {
    visibility: hidden;
    z-index: -1;
}

#search:not(:placeholder-shown)+.Input-label,
#search:focus:not(:placeholder-shown)+.Input-label {
    visibility: visible;
    z-index: 1;
    opacity: 1;
    transform:
        translate3d(0, var(--labelTransformedPosY), 0) scale(var(--labelScaleFactor));
    transition:
        transform var(--inputTransitionDuration),
        visibility 0ms,
        z-index 0ms;
}

#search {
    box-sizing: border-box;
    width: 100%;
    margin: 5px;
    padding: 5px;
    border: 2px solid #00C6BE;
    border-radius: 1.5em;
    background: #fff;
    resize: none;
    outline: none;
}

#search:focus {
    border-color: #FF2478;
}

#search:before {
    color: #00C6BE;
}

.marker-pin-gps {
    width: 24px;
    height: 24px;
    padding: 4px;
    border-radius: 50%;
    background-color: #00D6CE;
    cursor: pointer;
}

.marker-pin-gps i {
    font-size: 16px;
    color: #fff;
}

.title-map {
    position: absolute;
    z-index: 999;
    width: 400px;
    height: auto;
    top: 10px;
    left: 10px;
    /* left: 50%;
    margin-left: -200px; */
    /* background: rgba(255, 255, 255, 0.8); */
    /* padding: 5px 3px 0px 3px; */
    border-radius: 5px;
    /* border: 3px solid rgba(0, 0, 0, 0.2); */
}

.title-map h1 {
    font-size: 20px;
    text-align: center;
    margin: 0px;
    padding-top: 10px;
    color: #00A2A7;
    padding-bottom: 5px;
}

.title-map p {
    margin: 0px;
    font-size: 40px;
    font-family: "mullerextrabold";
    font-weight: bold;
    color: #494E4A;
    background: #18D7CF;
    padding: 11px 10px 0px 15px;

}


.title-map h2 {
    text-align: center;
    color: #EC3B8A;
    font-size: 20px;
    height: auto;
    padding: 10px;
}

.loader {
    display: block;
    /* top: 50px;
    left: 50px; */
    position: relative;
    width: 48px;
    height: 48px;
    background: #FF2478;
    transform: rotateX(65deg) rotate(45deg);
    /* remove bellows command for perspective change */
    /* transform: perspective(200px) rotateX(65deg) rotate(45deg);  */
    color: #fff;
    animation: layers1 1s linear infinite alternate;
}

.loader:after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    animation: layerTr 1s linear infinite alternate;
}



@keyframes layers1 {
    0% {
        box-shadow: 0px 0px 0 0px
    }

    90%,
    100% {
        box-shadow: 20px 20px 0 -4px
    }
}

@keyframes layerTr {
    0% {
        transform: translate(0, 0) scale(1)
    }

    100% {
        transform: translate(-25px, -25px) scale(1)
    }
}

.fieldsetrow {
    margin-top: 5px;
    padding: 5px 10px;
    border-width: 1px;
    border-color: #009688;
    border-color: #36B3BD;
    background: #ffffff;

    border-style: dashed solid solid solid;
    border-radius: 7px;

}

.fieldsetrow legend {
    border-radius: 7px;
    background: #009688;
    background: #36B3BD;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    /* font-family: "muller"; */

}

.fieldsetrow span {
    font-size: 14px;
    /* font-family: "muller"; */
}

.fieldsetrow2 {
    margin-top: 5px;
    padding: 5px 10px;
    border-width: 1px;
    border-color: #fff;
    border-color: #fff;
    background: #ffffff;

    border-style: dashed solid solid solid;
    border-radius: 7px;

}

.fieldsetrow2 legend {
    border-radius: 7px;
    background: #fff;
    color: #EC3B8A;
    font-size: 12px;
    padding: 5px 10px;
    /* font-family: "muller"; */

}

.fieldsetrow2 span {
    display: block;
    font-size: 14px;
    background: #EC3B8A;
    color: #fff;
    margin: 0px auto;
    margin-top: 5px;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: left;
    transition: all 0.5s ease;
    /* font-family: "muller"; */
}

.fieldsetrow2 span:hover {
    cursor: pointer;

}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: url(../images/bg2.png) !important;
}

.leaflet-container a.leaflet-popup-close-button {
    color: #EC3B8A !important;
}

.box-dropdown {
    z-index: 9001;
    position: absolute;
    top: 260px;
    right: 20px;
    width: 370px;
}


.modal {
    padding: 5px !important;
    background: #000 !important;
}

.logo-dt-res {
    width: 50%;
}

.info {
    background: #00D6CE;
    color: #373936;
    padding: 50px;
}

.info p {
    text-align: justify;
}

.img-data {
    width: 100%;
}

@media screen and (max-width: 1024px) {
    .welcome {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .img-data {
        width: 100%;
    }

    .info p {
        text-align: left;
    }

    .info {
        background: #00D6CE;
        color: #373936;
        padding: 5px;
    }

    .logo-dt-res {
        width: 100%;
    }

    .modal {
        padding: 5px !important;
        background: #000 !important;
        width: 100% !important;
    }

    .title-map {
        opacity: 0.7;
        position: absolute;
        z-index: 999;
        width: 176px;
        height: auto;
        top: 0px;
        left: 0px;
        /* left: 50%;
        margin-left: -200px; */

        border-radius: 5px;
        /* border: 2px solid rgba(0, 0, 0, 0.2); */
    }

    .title-map h1 {
        font-size: 16px;
        text-align: center;
        margin: 0px;
        padding-top: 10px;
        color: #00A2A7;
        padding-bottom: 5px;
    }

    .title-map h2 {
        text-align: center;
        color: #EC3B8A;
        font-size: 16px;
        height: auto;
        padding: 10px;
    }

    .welcome {
        width: 80%;

        left: 0px;

    }

    .search-box-header {
        height: 60px;
        width: 100%;
    }

    /* #ifra {
        width: 500px;
        height: 500px;
    } */

    .menu-main-row {
        clear: both;
        height: 90px;
    }

    .menu-main-row .menu-main-column {
        width: 33%;
        float: left;
        text-align: center;
    }

    #descripcion {
        top: 60px;
        width: 100%;
    }

    #social {
        width: 100%;
    }

    .welcome {
        top: 70px;
        right: 0;
    }

    .other-links {
        width: 65px;
        height: 65px;
        background: url(../images/other-links-mini.png) center center no-repeat #fff;
        position: absolute;
        z-index: 8998;
        left: 10px;
        bottom: 50px;
        border: 2px solid #a8a8a7;
    }

    .other-links span {
        font-size: 9px;
        font-weight: normal;
        padding: 2px;
        margin-top: 5px;
    }

    .other-links-2 {
        width: 65px;
        height: 65px;
        background: url(../images/other-links-2-mini.jpg) center center no-repeat #fff;
        position: absolute;
        z-index: 8998;
        left: 75px;
        bottom: 50px;
        border: 2px solid #a8a8a7;
    }

    .other-links-2 span {
        font-size: 9px;
        font-weight: normal;
        padding: 2px;
        margin-top: 5px;
    }

    .logo-lp {
        width: 200px;
    }

    .foto-lr {
        width: 74px;
    }

    .btn-gps {
        padding: 5px;
        z-index: 8999;
        position: absolute;
        right: 10px;
        bottom: 160px;
        height: 40px;
        width: 40px;
        background-color: #fff;
        border-radius: 50%;
        border: 3px solid #ccc;
    }

    .preloader-container {
        padding: 10px;
        position: fixed;
        z-index: 9999;
    }

    .leaflet-top {
        top: 60px !important;
    }

    .fieldsetrow {
        margin-top: 5px;
        padding: 3px 3px;
        border-width: 1px;
        border-color: #009688;
        border-style: dashed solid solid solid;
        border-radius: 7px;
    }

    .fieldsetrow legend {
        border-radius: 7px;
        background: #009688;
        color: #fff;
        font-size: 10px;
        padding: 3px 3px;
        /* font-family: "muller"; */
    }

    .fieldsetrow span {
        font-size: 11px;
        /* font-family: "muller"; */
    }

    .fieldsetrow2 {
        margin-top: 5px;
        padding: 3px 3px;
        border-width: 1px;
        border-color: #EC3B8A;
        border-style: dashed solid solid solid;
        border-radius: 7px;
    }

    .fieldsetrow2 legend {
        border-radius: 7px;
        background: #EC3B8A;
        color: #fff;
        font-size: 10px;
        padding: 3px 3px;
        /* font-family: "muller"; */
    }

    .fieldsetrow2 span {
        font-size: 11px;
        /* font-family: "muller"; */
    }

    .box-dropdown {

        top: 60px;
        right: 20px;
        width: 90%;
    }

    .preloader-container div {
        width: 100%;
    }

}

@media screen and (max-width: 500px) {
    /* #ifra {
        width: 400px;
        height: 400px;
    } */

    .other-links {
        left: 10px;
        bottom: 90px;
    }

    .other-links-2 {
        left: 75px;
        bottom: 90px;
    }
}

@media screen and (max-width: 400px) {
    /* #ifra {
        width: 350px;
        height: 350px;
    } */
}

@media screen and (max-width: 300px) {
    /* #ifra {
        width: 250px;
        height: 250px;
    } */
}

.remodal {
    max-width: 1200px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: block;
    /* If you want dots under the hoverable text */
    text-align: center;
}


.tooltip p {}


/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #EC3B8A;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 115%;
    left: 50%;
    margin-left: -50px;
    font-size: 13px;
    height: 60px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -55px;
    border-width: 5px;
    border-style: solid;
    border-color: #EC3B8A transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* .bx-wrapper .bx-controls-direction a {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
} */

.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -20 -20;
}

.loader-airplane {
    width: 50px;
    /* Ancho de la imagen */
    height: 50px;
    /* Alto de la imagen */
    /* position: absolute; */
    top: 25px;
    /* Para centrar verticalmente dentro del contenedor */
    margin-left: 0%;
    /* Comienza en la parte izquierda */
    animation: moveRight 4s infinite ease;
    /* Animación de 3 segundos */

}

.loader-airplane i {
    font-size: 50px;
    color: #fff;
}

/* Definimos la animación con @keyframes */
@keyframes moveRight {
    0% {
        margin-left: 0%;
        /* Punto inicial, izquierda del todo */
    }

    100% {
        margin-left: 90%;
        /* Punto final, 300px hacia la derecha */
    }
}

.return {
    display: block;
    margin: 10px 0px;
    font-size: 14px;
    font-weight: 600;
    color: #EC3B8A;
}

.return:hover {
    cursor: pointer;
}

.blocker {
    z-index: 10000;
}



.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #00D6CE #00D6CE;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ec3b8a !important;
}

.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #000;
    border: 5px solid #000;
    background: #000;
}