/* Code By Webdevtrick ( https://webdevtrick.com ) */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body {
  height: 100vh;
}

body {
  font-family: 'Manrope', sans-serif;
  color: #111;
  margin: 0 auto;
}

:root {
  --animate-delay: 0.5s;
}

sup:hover {cursor:pointer; text-decoration:underline;}
img {max-width: max-content;}

.container {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  height: 100%;
  max-width: 100%;
  padding: 0 3rem 0 3rem;
}

.logo-intro {position: absolute; top:6rem; left:28rem; display:block; float:left;}
.logo-intro img {max-width:80%; float:left;}

.logo {position: absolute; display:block; top:1.5rem; max-width: 100%; height:auto;}
.logo img {max-width:70%; height:auto; float:left;}

.btn_menu {position: absolute; display:block; top:1.5rem; max-width: 100%; height:auto;}
.btn_menu img {max-width:60%; height:auto; float:right;}

.btn_close {position: absolute; display:block; top:1.5rem; right:3rem; max-width: max-content; height:auto;}
.btn_close img {max-width:50%; height:auto; float:right;}

.btn_mas_info {background-color:#CCC; font-weight:600; color:white; max-width: max-content; height:auto; padding:10px;}

.menu a::before, .menu span::before {width: 20px !important; border-top: 5px solid black !important; line-height: auto; content: "";  position: absolute; left: 3px;top:-6px;}
.leyenda {font-size:0.55rem; margin-bottom:0.55rem;}
#descargas a {color:#111; text-decoration: underline; width:100%; float:left;}
#descargas img {float:left;}
#creditos a {color:#111; text-decoration: underline !important;}
#creditos ol li {float:left !important; width:100% !important;}


.container .modals {
  max-width: 60%;
  padding: 40px;
  border-radius: 6px;
  
}
.container .modals .holder_svg {
  padding-bottom: 25px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 25px;
}
.container .modals .holder_svg svg {
  max-width: 40%;
}
.container .modals p {
  padding-bottom: 20px;
  margin: 0 auto;
}
.container .modals ul {
  padding: 0px;
  margin: 0 auto;
  list-style-type: none;
}
.container .modals ul li {
  display: inline-block;
  margin: 0 auto;
  background: #e9e9e9;
  color: #303030;
  padding: 10px;
  text-decoration: none;
  margin-bottom: 1px;
}
.container .modals ul li a {
  display: table-cell;
}

.slim_modal {
  position: absolute;
  width: 100%;
  height: auto;
  min-height:100%;
  max-height: max-content;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  display: none;
  font-size: 1em;
  -webkit-transition: background 0.5s ease 0.06s;
  -moz-transition: background 0.5s ease 0.06s;
  -ms-transition: background 0.5s ease 0.06s;
  -o-transition: background 0.5s ease 0.06s;
  transition: background 0.5s ease 0.06s;
}
.sm_content img {width:100%;}
.sm_area_bottom p {font-size:0.50rem;  float:left; white-space: nowrap; margin-bottom:1rem;}
.sm_area_bottom img {width:100%;}
.inicio img {width:105% !important;}
.slim_modal.none {
  background: rgba(10, 10, 10, 0);
}
.slim_modal.red {
  background: rgba(228, 30, 58, 0.8);
}
.slim_modal.tan {
  background: rgba(202, 180, 75, 0.8);
}
.slim_modal.green {
  background: rgba(111, 171, 85, 0.8);
}
.slim_modal .sm_content {
  background: transparent;
  text-align: left;
  max-width: max-content;
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content {
    padding: 0px;
    max-width: max-content;
    height: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 414px) {
  .slim_modal .sm_content {
    padding: 0px;
    max-width: max-content;
    height: 100%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content {
    padding: 15px;
    max-width: max-content;
    max-height: 90%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content {
    padding: 15px;
    max-width: max-content;
    max-height: 90%;
    height: auto;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content {
    padding: 0px;
    max-width: max-content;
    max-height: 90%;
    height: auto;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
.slim_modal .sm_content .sm_content_inner_wrap {
  position: relative;
  margin: 0 auto;
  height: 100%;
  background: #ffffff;
  z-index: 2;
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 414px) {
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content .sm_content_inner_wrap {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
  }
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_close_button {
  padding: 10px;
  width: auto;
  display: block;
  background: #efefef;
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_top, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_bottom, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_all {
  padding: 0px;
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_top h3 span, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_bottom h3 span, .slim_modal .sm_content .sm_content_inner_wrap .sm_area_all h3 span {
  display: block;
  font-size: .7em;
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_top {
  background: rgba(30, 30, 30, 0.02);
}
.slim_modal .sm_content .sm_content_inner_wrap .sm_area_bottom {
  background: white;
}
.slim_modal .sm_content .sm_icon_menu {
  opacity: 1;
  box-sizing: border-box;
  position: absolute;
  top: 40px;
  background: whitesmoke;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slim_modal .sm_content .sm_icon_menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
}
.slim_modal .sm_content .sm_icon_menu ul li {
  font-size: 1.1em;
  height: 3em;
  line-height: 3em;
  background: #e6e6e6;
  padding: 0px 8px 0px 8px;
  margin-bottom: 1px;
  color: rgba(30, 30, 30, 0.4);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.slim_modal .sm_content .sm_icon_menu ul li.sm_close {
  background: #ffffff;
}
.slim_modal .sm_content .sm_icon_menu ul li:nth-child(2) {
  margin-top: 10px;
}
.slim_modal .sm_content .sm_icon_menu ul li:hover {
  background: #ffffff;
  color: rgba(30, 30, 30, 0.7);
}
.slim_modal .sm_content .sm_icon_menu ul li::last-child {
  border: none;
}
.slim_modal .sm_content .sm_icon_menu.is_right {
  right: 0px;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -ms-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content .sm_icon_menu.is_right {top: 70px; right: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
  
}
@media only screen and (min-width: 414px) {
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 70px;
    right: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 15px;
    right: 15px;
    z-index: 1;
    -webkit-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-left: none;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 15px;
    right: 15px;
    z-index: 1;
    -webkit-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-left: none;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content .sm_icon_menu.is_right {
    top: 15px;
    right: 15px;
    z-index: 1;
    -webkit-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: 15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-left: none;
  }
}
.slim_modal .sm_content .sm_icon_menu.is_left {
  border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -ms-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 70px;
    left: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
}
@media only screen and (min-width: 414px) {
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 70px;
    left: 0px;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0);
    padding: 1px;
    border: none;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 15px;
    left: 15px;
    z-index: 1;
    -webkit-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-right: none;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 15px;
    left: 15px;
    z-index: 1;
    -webkit-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-right: none;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content .sm_icon_menu.is_left {
    top: 15px;
    left: 15px;
    z-index: 1;
    -webkit-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    -moz-box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    box-shadow: -15px 0px 30px 0px rgba(30, 30, 30, 0.2);
    border: 1px solid rgba(30, 30, 30, 0.1);
    border-right: none;
  }
}
.slim_modal .sm_content .sm_header {
  box-sizing: border-box;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  color: rgba(30, 30, 30, 0.7);
  text-transform: uppercase;
  margin: 0 auto;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content .sm_header {
    position: relative;
    width: 100%;
    background: #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 414px) {
  .slim_modal .sm_content .sm_header {
    position: relative;
    width: 100%;
    background: #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    padding-top: 0;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content .sm_header {
    position: absolute;
    width: 90%;
    background: whitesmoke;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    padding-top: 7.5px;
    text-align: center;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content .sm_header {
    position: absolute;
    width: 90%;
    background: whitesmoke;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    padding-top: 7.5px;
    text-align: center;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content .sm_header {
    position: absolute;
    width: 90%;
    background: whitesmoke;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    padding-top: 7.5px;
    text-align: center;
  }
}
.slim_modal .sm_content.pushup {
  -moz-transform: scale(0.98) translateY(20px);
  -o-transform: scale(0.98) translateY(20px);
  -ms-transform: scale(0.98) translateY(20px);
  -webkit-transform: scale(0.98) translateY(20px);
  transform: scale(0.98) translateY(20px);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  -moz-box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  box-shadow: 0px 0px 0px 0px rgba(30, 30, 30, 0.4);
  opacity: 0;
}
.slim_modal .sm_content.pushup.show {
  -webkit-box-shadow: 0px 20px 80px 0px rgba(30, 30, 30, 0.4);
  -moz-box-shadow: 0px 20px 80px 0px rgba(30, 30, 30, 0.4);
  box-shadow: 0px 20px 80px 0px rgba(30, 30, 30, 0.4);
  opacity: 1;
}
.slim_modal .sm_content.pushdown {
  -moz-transform: scale(0.98) translateY(-20px);
  -o-transform: scale(0.98) translateY(-20px);
  -ms-transform: scale(0.98) translateY(-20px);
  -webkit-transform: scale(0.98) translateY(-20px);
  transform: scale(0.98) translateY(-20px);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  opacity: 0;
}
.slim_modal .sm_content.pushdown.show {
  
  opacity: 1;
}
.slim_modal .sm_content.show {
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slim_modal .sm_content.show .sm_icon_menu {
  -webkit-transition: all 0.5s ease 0.06s;
  -moz-transition: all 0.5s ease 0.06s;
  -ms-transition: all 0.5s ease 0.06s;
  -o-transition: all 0.5s ease 0.06s;
  transition: all 0.5s ease 0.06s;
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 70px; right: 0px;}
  .container {text-align: left; display: flex; justify-content: flex-start; height: 100%; max-width: 100%; padding: 0 1.5rem 0 1.5rem;}
  .proximamente img {max-width:300px; height:auto; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1rem; max-width: 100%; height:auto;}
  .logo img {max-width:70%; height:auto; float:left;}
  .btn_menu {position: absolute; display:block; top:1.5rem; right:1.5rem; max-width: auto; height:auto;}
  .btn_menu img {max-width:50%; height:auto; float:right;}
  .btn_close {position: absolute; display:block; top:1.5rem; right:1.5rem; max-width: max-content; height:auto;}
  .btn_close img {max-width:50%; height:auto; float:right;}
}
@media only screen and (min-width: 414px) {
  .slim_modal {padding-top:4rem !important;}
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 70px; right: 0px;}
  .container {text-align: left; display: flex; justify-content: flex-start; height: 100%; max-width: 100%; padding: 0 1.5rem 0 1.5rem;}
  .proximamente img {max-width:300px; height:auto; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:60%; float:left;}
  .logo img {max-width:80%; height:auto; float:left;}
  .btn_menu {position: absolute; display:block; top:1.5rem; right:1.5rem; max-width: auto; height:auto;}
  .btn_menu img {max-width:50%; height:auto; float:right;}
  .btn_close {position: absolute; display:block; top:1.5rem; right:1.5rem; max-width: max-content; height:auto;}
  .btn_close img {max-width:50%; height:auto; float:right;}
  
}
@media only screen and (min-width: 769px) {
  .slim_modal {padding-top:2.5rem !important;}
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 70px; right: 0px;}
  .container {text-align: left; display: flex; justify-content: flex-start; height: 100%; max-width: 100%; padding: 0 1.5rem 0 1.5rem;}
  .proximamente img {max-width:300px; height:auto; float:left;}
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:60%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:50%; height:auto; float:left;}
  .btn_menu {position: absolute; display:block; top:1.5rem; right:1.5rem; max-width: auto; height:auto;}
  .btn_menu img {max-width:50%; height:auto; float:right;}
  .btn_close {position: absolute; display:block; top:1.5rem; right:1.5rem; max-width: max-content; height:auto;}
  .btn_close img {max-width:50%; height:auto; float:right;}
  #map {width: 80%; height: 680px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:20% !important; height: 680px; float:left; background-color: #FFF; padding-left:20px; margin-top:3.5rem; display:flex; flex-direction:column; justify-content: space-between;}
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 15px; right: -25px;}
  .container {text-align: left; display: flex; justify-content: flex-start; height: 100%; max-width: 100%; padding: 0 3rem 0 3rem;}
  .proximamente img {max-width:400px; height:auto; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:3rem; max-width: 100%; height:auto;}
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:50%; float:left;}
  .logo img {max-width:50%; height:auto; float:left;}
  .btn_menu {position: absolute; display:block; top:1.5rem; right:3rem; max-width: auto; height:auto;}
  .btn_menu img {max-width:50%; height:auto; float:right;}
  .btn_close {position: absolute; display:block; top:1.5rem; right:3rem; max-width: max-content; height:auto;}
  .btn_close img {max-width:50%; height:auto; float:right;}
  #map {width: 80%; height: 550px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:20% !important; height: 550px; float:left; background-color: #FFF; padding-left:20px; margin-top:3.5rem; display:flex; flex-direction:column; justify-content: space-between;}
}
@media only screen and (min-width: 1281px) {
  .slim_modal {padding-top:3rem !important;}
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 15px; right: -25px;}
  .container {text-align: left; display: flex; justify-content: flex-start; height: 100%; max-width: 100%; padding: 0 3rem 0 3rem;}
  .proximamente img {max-width:500px; height:auto; float:left;}
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:55%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:3rem; max-width: 100%; height:auto;}
  .logo img {max-width:70%; height:auto; float:left;}
  .btn_menu {position: absolute; display:block; top:1.5rem; right:3rem; max-width: auto; height:auto;}
  .btn_menu img {max-width:60%; height:auto; float:right;}
  .btn_close {position: absolute; display:block; top:1.5rem; right:3rem; max-width: max-content; height:auto;}
  .btn_close img {max-width:50%; height:auto; float:right;}
  #map {width: 80%; height: 580px; margin-top:4.5rem; float:left; z-index:2 !important;}
  #filtros {width:20% !important; height: 580px; float:left; background-color: #FFF; padding-left:20px; margin-top:4.5rem; display:flex; flex-direction:column; justify-content: space-between;}
  
}

@media only screen and (min-width: 1401px) {
  .slim_modal {padding-top:4rem !important;}
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 15px; right: -25px;}
  .proximamente img {max-width:600px; height:auto; float:left;}
  .logo-intro {position: absolute; top:3rem; left:18rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:70%; float:left;}
  #map {width: 80%; height: 680px; margin-top:6rem; float:left; z-index:2 !important;}
  #filtros {width:20% !important; height: 680px; float:left; background-color: #FFF; padding-left:20px; margin-top:6rem; display:flex; flex-direction:column; justify-content: space-between;}
}

@media only screen and (min-width: 1580px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 15px; right: -25px;}
  .logo-intro {position: absolute; top:3rem; left:24rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:70%; float:left;}
  #map {width: 80%; height: 680px; margin-top:6rem; float:left; z-index:2 !important;}
  #filtros {width:20% !important; height: 680px; float:left; background-color: #FFF; padding-left:20px; margin-top:6rem; display:flex; flex-direction:column; justify-content: space-between;}
}

@media only screen and (min-width: 1890px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_right {top: 15px; right: -25px;}
  .container {text-align: left; display: flex; justify-content: flex-start; height: 100%; max-width: 100%; padding: 0 6rem 0 6rem;}
  .logo {position: absolute; display:block; top:1.5rem; left:6rem; max-width: 100%; height:auto;}
  .logo img {max-width:70%; height:auto; float:left;}
  .btn_menu {position: absolute; display:block; top:1.5rem; right:6rem; max-width: auto; height:auto;}
  .btn_menu img {max-width:60%; height:auto; float:right;}
  .btn_close {position: absolute; display:block; top:1.5rem; right:6rem; max-width: max-content; height:auto;}
  .btn_close img {max-width:50%; height:auto; float:right;}
  .logo-intro {position: absolute; top:6rem; left:28rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:80%; float:left;}
  #map {width: 80%; height: 820px; margin-top:6rem; float:left; z-index:2 !important;}
  #filtros {width:20% !important; height: 820px; float:left; background-color: #FFF; padding-left:20px; margin-top:6rem; display:flex; flex-direction:column; justify-content: space-between;}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  .slim_modal {padding-top:5rem !important;}
  .logo-intro {position: absolute; top:3rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:80%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:75%; height:auto; float:left;}
  #logotipo {position:relative; width:340px; height:26px; top:50%; left:50%; margin-left:-170px; margin-top:-13px;}
  #map {width: 100% !important; height: 600px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:90% !important; height: auto; float:left; background-color: #FFF; display:block; position:absolute; top:610px; padding-left:0px; padding-bottom:3rem;}
  .checkbox > span {white-space: nowrap;}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
  .slim_modal {padding-top:2rem !important;}
  .logo-intro {position: absolute; top:3rem; left:2rem; max-width:auto; display:none; float:left;}
  .logo-intro img {max-width:80%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:50%; height:auto; float:left;}
  #map {width: 100% !important; height: 300px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:90%; height: auto; float:left; background-color: #FFF; display:block; position:absolute; top:310px; padding-left:0px;}
  form h4 {white-space: nowrap !important; width:100%;}
  .checkbox > span {white-space: nowrap;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  .slim_modal {padding-top:6rem !important;}
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:80%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:75%; height:auto; float:left;}
  #map {width: 100% !important; height: 700px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:90% !important; height: auto; float:left; background-color: #FFF; display:block; position:absolute; top:710px; padding-left:0px; padding-bottom:3rem
  .checkbox > span {white-space: nowrap;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
  .slim_modal {padding-top:6rem !important;}
  .logo-intro {position: absolute; top:3rem; left:2rem; max-width:auto; display:none; float:left;}
  .logo-intro img {max-width:80%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:50%; height:auto; float:left;}
  #map {width: 100% !important; height: 300px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:90% !important; height: auto; float:left; background-color: #FFF; display:block; position:absolute; top:310px; padding-left:0px; padding-bottom:3rem;}
  .checkbox > span {white-space: nowrap;}
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  .slim_modal {padding-top:4rem !important;}
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:80%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:75%; height:auto; float:left;}
  #map {width: 100% !important; height: 750px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:90% !important; height: auto; float:left; background-color: #FFF; display:block; position:absolute; top:760px; padding-left:0px; padding-bottom:3rem;}
  .checkbox > span {white-space: nowrap;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:none !important; float:left;}
  .logo-intro img {max-width:80%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:50%; height:auto; float:left;}
  #map {width: 100% !important; height: 350px; margin-top:3.5rem; float:left; z-index:2 !important;}
  #filtros {width:90% !important; height: auto; float:left; background-color: #FFF; display:block; position:absolute; top:360px; padding-left:0px; padding-bottom:3rem;}
  form h4 {white-space: nowrap !important; width:100%;}
  .checkbox > span {white-space: nowrap;}
  
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
  .slim_modal {padding-top:4rem !important;}
  .logo-intro {position: absolute; top:6rem; left:3rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:70%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:70%; height:auto; float:left;}
  .checkbox > span {white-space: nowrap;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
  .slim_modal {padding-top:4rem !important;}
  .logo-intro {position: absolute; top:2rem; left:2rem; max-width:auto; display:block; float:left;}
  .logo-intro img {max-width:60%; float:left;}
  .logo {position: absolute; display:block; top:1.5rem; left:1.5rem; max-width: 100%; height:auto;}
  .logo img {max-width:50%; height:auto; float:left;}
}





@media only screen and (min-width: 320px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_left {top: 70px; left: 0px;}
}

@media only screen and (min-width: 414px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 70px;
    left: 0px;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 15px;
    left: -25px;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 15px;
    left: -25px;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content.show .sm_icon_menu.is_left {
    top: 15px;
    left: -25px;
  }
}
.slim_modal .sm_content.show .sm_header {
  -webkit-transition: top 0.5s ease 0.1s;
  -moz-transition: top 0.5s ease 0.1s;
  -ms-transition: top 0.5s ease 0.1s;
  -o-transition: top 0.5s ease 0.1s;
  transition: top 0.5s ease 0.1s;
  opacity: 1;
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content.show .sm_header {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 414px) {
  .slim_modal .sm_content.show .sm_header {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content.show .sm_header {
    top: -40px;
    z-index: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content.show .sm_header {
    top: -40px;
    z-index: 1;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content.show .sm_header {
    top: -40px;
    z-index: 1;
  }
}
.slim_modal .sm_content.show .sm_header.detached {
  -webkit-transition: opacity 0.5s ease 0.1s;
  -moz-transition: opacity 0.5s ease 0.1s;
  -ms-transition: opacity 0.5s ease 0.1s;
  -o-transition: opacity 0.5s ease 0.1s;
  transition: opacity 0.5s ease 0.1s;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  background: rgba(0, 0, 0, 0.9);
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 320px) {
  .slim_modal .sm_content.show .sm_header.detached {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 414px) {
  .slim_modal .sm_content.show .sm_header.detached {
    top: 0px;
    z-index: 9;
  }
}
@media only screen and (min-width: 769px) {
  .slim_modal .sm_content.show .sm_header.detached {
    top: -60px;
    padding-top: 0;
    z-index: 1;
  }
}
@media only screen and (min-width: 1025px) {
  .slim_modal .sm_content.show .sm_header.detached {
    top: -60px;
    padding-top: 0;
    z-index: 1;
  }
}
@media only screen and (min-width: 1401px) {
  .slim_modal .sm_content.show .sm_header.detached {
    top: -60px;
    padding-top: 0;
    z-index: 1;
  }
}

.sm_content.red {
  background: #EF798A;
}
.sm_content.red .sm_header {
  background: #EF798A;
  color: #ffffff;
}
.sm_content.tan {
  background: #E1D59A;
}
.sm_content.tan .sm_header {
  background: #E1D59A;
  color: #ffffff;
}
.sm_content.green {
  background: #9acfef;
}
.sm_content.green .sm_header {
  background: #9acfef;
  color: #ffffff;
}