* {
  font-family: 'Montserrat';
}

:root {
  --btn-orange: #FAAE61;
  --btn-principal: #185D82;
  --btn-secondary: #5DACC8;
}

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?31148018');
  src: url('../font/fontello.eot?31148018#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2') format('woff2'),
       url('../fonts/fontello.woff') format('woff'),
       url('../font/fontello.ttf?31148018') format('truetype'),
       url('../font/fontello.svg?31148018#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  font-family: 'Montserrat';
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  scroll-behavior: smooth;

}


/* Botones */

.btn-outline {
  background-color: white;
  border-color: var(--btn-secondary);
  color: var(--btn-principal);
  font-size: 16px;
  font-family: 'Montserrat';
}

.btn-orange {
  background-color: var(--btn-orange);
  border-color: var(--btn-orange);
  color: white;
  font-size: 16px;
  font-family: 'Montserrat';
  border-radius: 0;
}

.btn-outline:hover {
  background-color: white;
  border-color: var(--btn-secondary);
  color: var(--btn-principal);
  font-size: 16px;
  font-family: 'Montserrat';
}

.btn-outline:focus {
  background-color: white;
  border-color: var(--btn-principal);
  color: var(--btn-principal);
  font-size: 16px;
  font-family: 'Montserrat';
}

.btn-outline:active {
  background-color: white;
  border-color: var(--btn-principal);
  color: var(--btn-principal);
  font-size: 16px;
  font-family: 'Montserrat';
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  background-color: white;
  color: var(--btn-secondary);
}

/* Botones end */

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: white;
  border-color: var(--btn-secondary);
}

.btn-light.focus, .btn-light:focus {
  background-color: white;
  border-color: var(--btn-secondary);
}

/* Navbar */

.nav-link {
  color: var(--btn-principal);
}

.upperline {
  background: var(--btn-principal);
  height: 7px;
  width: 100%;
  position: -webkit-sticky;
  top: 0;
}

.downerline {
  background: var(--btn-principal);
  height: 15px;
  width: 100%;
  margin-top: 175px;
}
@media (min-width: 375px) {
  .downerline {
    background: var(--btn-principal);
    height: 15px;
    width: 100%;
    margin-top:175px;
  }
  
}

@media (min-width: 768px) {
  .downerline {
    background: var(--btn-principal);
    height: 15px;
    width: 100%;
    margin-top:99px;
  }
  
}
@media (min-width: 1314px) {
  .downerline {
    background: var(--btn-principal);
    height: 15px;
    width: 100%;
    margin-top: 162px;
  }
  
}
@media (min-width: 1470px) {
  .downerline {
    background: var(--btn-principal);
    height: 15px;
    width: 100%;
    margin-top: 184px;
  }
  
}

#top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 7px;
}

.nav-top {
  margin-top: 7px;
  z-index: 1;
}

.line {
  height: 12px;
  background-color: var(--btn-principal);
}

.bluetag {
  width: 301px;
  height: 100px;
  display: inline-block;
  background: var(--btn-principal);
  border-radius: 0 0 37px 37px;
  
}
.bluetag-2 {
  width: 301px;
  height: 100px;
  display: inline-block;
  background: var(--btn-secondary);
  border-radius: 0 0 37px 37px;
  
}


.cardp {
  margin-top: 33px;
}

.tagtext {
  padding: 48px 46px;
  color: white;
  display: flex;
  justify-content: center;
}

.tagtext h4{
  font-size: 23px;
}

@media (min-width: 300px) {
  .tagtext {
    padding: 28px 26px;
    color: white;
  }

  .item-content {
    width: 162px;
    height: 152px;
    background-color: white;
    /* padding: 20px; */
    margin: 16px;
    z-index: 2;
  }
}

.tagtext-bottom {
  padding: 28px 26px;
  color: white;
  display: flex;
}
.areasheader h1 {
  color: white;
  font-size: 30px;
  margin-bottom: 0;
  font-weight: 600;
}
.areasheader p {
  color: white;
  font-size: 28px;
  font-weight: 300;
}

@media (min-width: 300px) {
  .tagtext-bottom {
    padding: 28px 26px;
    color: white;
    display: flex;
  }
  .carousel{
    margin-top:-51px;
  }
  .areasheader h1 {
    color: white;
    font-size: 19px;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 40px;
  }
  .areasheader p {
    color: white;
    font-size: 18px;
    font-weight: 300;
  }
  
  
}

@media (min-width: 576px) {
  .tagtext-bottom {
    padding: 28px 26px;
    color: white;
    display: flex;
  }
  .item-content {
    width: 162px;
    height: 152px;
    background-color: white;
    /* padding: 20px; */
    margin: 16px;
    z-index: 2;
  }
  .carousel{
    margin-top:0;
  }
  .areasheader h1 {
    color: white;
    font-size: 30px;
    margin-bottom: 0;
    font-weight: 600;
  }
  .areasheader p {
    color: white;
    font-size: 28px;
    font-weight: 300;
  }
  
}

.tatext h4 {
  font-size: 40px;
  font-weight: 700;
}

.card-presentation {
  background-color: white;
  border-radius: 8px 8px 0 0;
  /*height: 694px;*/
}

.id-card {
  height: 230px;
  /*margin-bottom: 30px;*/
}

.content-card {
  max-width: 1180px;
  padding: 32px;
  margin-top: 20px;
}

@media (min-width: 300px) {
  .content-card {
    padding: 22px;
  }
}

@media (min-width: 768px) {
  .content-card {
    padding: 17px;
  }
}

@media (min-width: 992px) {
  .content-card {
    padding: 22px;
  }
}

.photo {
  float: left;
  width: 40%;
  height: auto;
  border-radius: 8px;
  /*border: 1px solid gray;*/
}

.responsive {
  width: 100%;
  height: auto;
  border-radius: 8px;
  /*border: 1px solid gray;*/
}

.content-contact {
  float: right;
  width: 55%;
}

.head-contact {
  font-size: 25px;
  font-weight: 700;
  color: var(--btn-principal);
  margin: 0;
}

.info-position {
  font-size: 16px;
  margin: 0;
  color: var(--btn-secondary);
}

.contact-number {
  width: 55%;
  float: right;
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.contact-number a img{
  width: 25px;
}

.text-info {
  vertical-align: middle;
  margin-left: 10px;
  font-size: 16px;
  font-weight: 400;
}

a:hover {
  text-decoration: none;
}

.pract-icon {
  display: flex;
  margin-top: 10px;
  align-items: center;
}

.pract-icon p {
  margin: 0 0 0 10px;
  color: var(--btn-principal);
}

.pract-icon .far.fa-check-circle {
  color: #24BF95;
  align-self: center;
}

.botton-line {
  background-color: #FAAE61;
  height: 7px;
  width: 100%;
}

.parrafo {
  position: relative;
}

.tab1 {
  color: var(--btn-principal);
  margin-top: 25px;
}

.nav-tabs {
  border-bottom: none;
}
.tabmenu {
  margin-top: 44px;
}


.nav-tabs .nav-link {
  background-color: var(--btn-secondary);
  border-radius: 0;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color: white;
}

@media (min-width: 300px) {
  .nav-tabs .nav-link {
    background-color: var(--btn-secondary);
    border-radius: 0;
    border: none;
    font-size: 10px;
    font-weight: 500;
    color: white;
  }
  .nav-link{
    padding: .5rem rem;
  }
  .head-contact{
    font-size: 16px;
  }
  .info-position{
    font-size: 11px;
  }
  .text-info {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
  }
  .id-card{
    height: 180px;

  }
}

@media (min-width: 576px) {
  .nav-tabs .nav-link {
    background-color: var(--btn-secondary);
    border-radius: 0;
    border: none;
    font-size: 10px;
    font-weight: 500;
    color: white;
  }.nav-link{
    padding: .5rem .5rem;
  }
  .head-contact{
    font-size: 20px;
  }
  .info-position{
    font-size: 12px;
  }
  .text-info {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
  }
  .id-card{
    height: 200px;
  }
}

@media (min-width: 992px) {
  .nav-tabs .nav-link {
    background-color: var(--btn-secondary);
    border-radius: 0;
    border: none;
    font-size: 10px;
    font-weight: 500;
    color: white;
  }
  .head-contact{
    font-size: 20px;
  }
  .info-position{
    font-size: 14px;
  }
  .text-info {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
  }
}
.uppertown{
  margin-top: -124px;
  z-index: 14;
}
@media (min-width: 375px){
  .uppertown{
    margin-top: -132px;
    z-index: 14;
  }
  
}
@media (min-width: 414px){
  .uppertown{
    margin-top: -132px;
    z-index: 14;
  }
  .h-100{
    height: 77vh !important;
  }
  
}
@media (min-width: 768px){
  .uppertown{
    margin-top: -124px;
    z-index: 14;
  }
  .h-100{
    height: 100%!important;
  }
  
}
@media (min-width: 1024px){
  .uppertown{
    /* margin-top: -103px; */
    z-index: 14;
  }
  
}
@media (min-width: 1280px){
  .uppertown{
    /* margin-top: 139px; */
    z-index: 14;
  }
  .h-100{
    height: 100% !important;
  }
  
}
@media (min-width: 1430px){
  .uppertown{
    /* margin-top: -18px; */
    z-index: 14;
  }
  .h-100{
    height: 100% !important;
  }
  
  .carousel-item img{
    width: 100%!important;
  }
  
}
.carousel-control-prev {
  z-index: 15;
}
.carousel-control-next{
  z-index: 15;
}

@media (min-width: 1200px) {
  .nav-tabs .nav-link {
    background-color: var(--btn-secondary);
    border-radius: 0;
    border: none;
    font-size: 16px;
    font-weight: 500;
    color: white;
  }
  .nav-link{
    padding: .5rem 2rem;
  }
  .text-info {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 400;
  }
  /* .container{
    max-width: 100%;
  } */
}
.carousel-indicators .active{
  background-color: #FAAE61!important;
}

.carousel-caption{
  color: white;
  right: 1%;
  left: none;
  top: 13%;
  text-align: left;
  width: 479px;
}

.carousel-caption h5{
  font-size: 34px;
  font-weight: 600;
}

.carousel-caption p{
  font-size: 18px;
  font-weight: 300;
}
.carousel-caption p span{
  font-size: 18px;
  font-weight: 500;
}

@media (min-width: 375px){
  .carousel-caption {
    color: white;
    right: 1%;
    left: 60px;
    top: 8%;
    text-align: left;
    width: 258px;
  }
  .carousel-caption p{
    font-size: 16px;
  }
  .carousel-caption h5{
    font-size: 25px;
  }
  .carousel-caption button{
   margin: 10px 0px;
}
@media (min-width: 414px){
  .carousel-caption {
    color: white;
    right: 1%;
    left: 60px;
    top: 10%;
    text-align: left;
    width: 258px;
  }
  .carousel-caption p{
    font-size: 16px;
  }
  .carousel-caption h5{
    font-size: 25px;
  }
}

@media (min-width: 568px){
  .carousel-caption {
    color: white;
    right: 1%;
    left: 60px;
    top: 3%;
    text-align: left;
    width: 418px;
  }
  .carousel-caption p{
    font-size: 15px;
  }
  .carousel-caption h5{
    font-size: 25px;
  }
}
@media (min-width: 768px){
  .carousel-caption {
    color: white;
    right: 1%;
    left: 102px;
    top: 20%;
    text-align: left;
    width: 418px;
  }
  .carousel-caption p{
    font-size: 15px;
  }
  .carousel-caption h5{
    font-size: 25px ;
  }
}
@media (min-width: 1024px){
  .carousel-caption {
    color: white;
    right: 15%;
    left: 13%;
    top: 25%;
    text-align: left;
    width: 479px;
  }
  .carousel-caption h5{
    font-size: 34px;
  }
  .carousel-caption p{
    font-size: 15px;
  }
 
}





.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border: none;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: var(--btn-orange);
  border: none;
  border-radius: 0;
  font-size: 16px !important;
  color: white;
}

@media (min-width: 300px) {
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--btn-orange);
    border: none;
    border-radius: 0;
    font-size: 10px !important;
    color: white;
  }
  .contact-number{
    margin-top: 3px;
  }
  .contact-number a img{
    width: 12px;
  }
  .tab1{
    font-size: 12px;
    line-height: 20 px;
  }
}

@media (min-width: 576px) {
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--btn-orange);
    border: none;
    border-radius: 0;
    font-size: 10px !important;
    color: white;
  }
  .contact-number{
    margin-top: 6px;
  }
  .contact-number a img{
    width: 15px;
  }
  .tab1{
    font-size: 11px;
    line-height: 19px;
  }
}

@media (min-width: 1200px) {
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--btn-orange);
    border: none;
    border-radius: 0;
    font-size: 16px !important;
    color: white;
  }
  .contact-number{
    margin-top: 16px;
  }
  .contact-number a img{
    width: 20px;
  }
  .tab1{
    font-size: 16px;
    line-height: 23px;
  }
}

.aoe-tab {
  height: 430px;
}

#tab-2 {
  margin-top: 35px;
  height: 318px;
}

#tab-7 {
  height: 364px;
}

#tab-8 {
  margin-top: 35px;
  height: 318px;
}


.tagtext-bottom img{
  width: 44px;
  height: 44px;

}

.middle-tag{
  margin: 0 auto;
}

.content {
  margin: 0 90px;
}

@media (min-width: 300px) {
  .content {
    margin: 0 10px;
  }
  .tabmenu {
    margin-top: 0;
  }
 
}

@media (min-width: 576px) {
  .content {
    margin: 0 0px;
    max-width: 1180px;
  }
  .tabmenu {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .content {
    margin: 0 0px;
  }
}

@media (min-width: 992px) {
  .content {
    margin: 0 50px;
  }
}

@media (min-width: 1200px) {
  .content {
    margin: 0 auto;
  }
  .tabmenu {
    margin-top: 44px;
  }
}

.bottomtag {
  height: 100px;
  width: 301px;
  /*display: inline-block;*/
  float: right;
  background: var(--btn-principal);
  border-radius: 37px 37px 0 0;
  margin-top: 30px;
}

@media (min-width: 300px) {
  .bottomtag {
    height: 100px;
    width: 241px;
    float: none;
    background: var(--btn-principal);
    border-radius: 37px 37px 0 0;
    margin: 32px auto 0 auto;
  }
}

@media (min-width: 576px) {
  .bottomtag {
    height: 100px;
    width: 241px;
    background: var(--btn-principal);
    border-radius: 37px 37px 0 0;
    margin: 32px auto 0 auto;
  }
}

@media (min-width: 768px) {
  .bottomtag {
    height: 92px;
    width: 241px;
    background: var(--btn-principal);
    border-radius: 37px 37px 0 0;
    margin: 32px auto 0 auto;
    float: right;
  }
  
}

@media (min-width: 992px) {
  .bottomtag {
    height: 92px;
    width: 301px;
    /* display: inline-block; */
    background: var(--btn-principal);
    border-radius: 37px 37px 0 0;
    margin: 32px auto 0 auto;
    float: right;
  }
}

.bottomtag i {
  font-size: 66px;
  color: var(--btn-orange);
}

@media (min-width: 300px) {
  .bottomtag i {
    font-size: 36px;
    color: var(--btn-orange);
  }
}

.bottomtag h4 {
  font-size: 26px;
  margin-left: 10px;
}

@media (min-width: 300px) {
  .bottomtag h4 {
    font-size: 16px;
    margin-left: 10px;
  }
}

@media (min-width: 900px) {
  .bottomtag h4 {
    font-size: 20px;
    margin-left: 25px;
    margin-bottom: 0;
  }
}

.practice-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .practice-content {
    
    justify-content: center;
  }
}

.item-content {
  background-color: white;
  margin: 16px;
  z-index: 2;
  color: var(--btn-principal);
}
.item-content:hover {
  background-color: var(--btn-principal);
  margin: 16px;
  z-index: 2;
  color: #185D82;
}

.item-content-info {
  text-align: center;
  background: white;
  padding: 20px 20px;
  color: var(--btn-principal);
  align-content: space-between;
  width: 242px;
  height: 211px;
  margin: 8px;
}
.item-content-info:hover {
  text-align: center;
  color: white;
  background-color: var(--btn-principal);
  align-content: space-between;
}
.item-content-info h5 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}
.item-content-info h4 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 2px;
  font-weight: 500;
}

.item-content-info h6 {
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  margin-top: 25px;
}

.item-content-info i {
  font-size: 84px;
}

.side-icon {
  position: absolute;
  left: 0;
}
.side-icon img {
  height: 720px;
  /* width: 159px; */
}

.side-icon-right {
  position: absolute;
  right: 0;
}

.side-icon-right img {
  margin-top: 70px;
  height: 528px;
  /* width: 159px; */
}

@media (min-width: 300px) {
  .item-content-info {
    text-align: center;
    background: white;
    padding: 20px 20px;
    color: var(--btn-principal);
    align-content: space-between;
    width: 148px;
    height: 155px;
    margin: 8px;
  }
  .item-content-info:hover {
    text-align: center;
    color: white;
    background-color: var(--btn-principal);
    align-content: space-between;
  }
  .item-content-info h5 {
    font-size: 9px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .item-content-info h4 {
    font-size: 9px;
    text-align: center;
    margin-bottom: 2px;
    font-weight: 500;
  }
  
  .item-content-info h6 {
    font-size: 9px;
    text-align: center;
    font-weight: 400;
    margin-top: 25px;
  }
  
  .item-content-info i {
    font-size: 44px;
    
  }
}

button.close{
  z-index: 15;
}
@media (min-width: 414px) {
  .item-content-info {
    text-align: center;
    background: white;
    padding: 20px 20px;
    color: var(--btn-principal);
    align-content: space-between;
    width: 160px;
    height: 155px;
    margin: 8px;
  }
  .item-content-info:hover {
    text-align: center;
    color: white;
    background-color: var(--btn-principal);
    align-content: space-between;
  }
  .item-content-info h5 {
    font-size: 9px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .item-content-info h4 {
    font-size: 9px;
    text-align: center;
    margin-bottom: 2px;
    font-weight: 500;
  }
  
  .item-content-info h6 {
    font-size: 9px;
    text-align: center;
    font-weight: 400;
    margin-top: 25px;
  }
  
  .item-content-info i {
    font-size: 44px;
    
  }
}

@media (min-width: 576px) {
  .item-content-info {
    text-align: center;
    background: white;
    padding: 20px 20px;
    color: var(--btn-principal);
    align-content: space-between;
    width: 214px;
    height: 211px;
    margin: 8px;
  }
  .item-content-info:hover {
    text-align: center;
    color: white;
    background-color: var(--btn-principal);
    align-content: space-between;
  }
  .item-content-info h5 {
    font-size: 13px;
    text-align: center;
    margin-bottom: 22px;
    font-weight: 500;
  }
  .item-content-info h4 {
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 500;
  }
  
  .item-content-info h6 {
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    margin-top: 25px;
  }
  
  .item-content-info i {
    font-size: 84px;
    
  }

}

.media-content{
  display: inline-flex;
    align-items: center;
    width: 100%;
}

@media (min-width: 300px){
  .media-content{
    margin-top: 30px;
  }
}
@media (min-width: 567px){
  .media-content{
    margin-top: 0;
  }
}


.list-align{
  margin: auto;
}
.gallery{
  text-align: center;
  margin-bottom: 50px;
  margin-top: 30px;
}
/* Galery */
.gallery img{
  width:227px;
  cursor:pointer;
  margin-top: 4px;
}

@media (min-width: 300px){
  .gallery img{
    width:164px;
    cursor:pointer;
    margin-top: 4px;
  }
}
@media (min-width: 567px){
  .gallery img{
    width:174px;
    cursor:pointer;
    margin-top: 4px;
  }
}
@media (min-width: 992px){
  .gallery img{
    width:164px;
    cursor:pointer;
    margin-top: 4px;
  }
}
@media (min-width: 1300px){
  .gallery img{
    width:227px;
    cursor:pointer;
    margin-top: 4px;
  }
}

#ninja-slider{
  background-color: #00000069!important;
}
.gallery img:hover{
  border: 1px solid #FAAE61;
  box-shadow: 0px 0px 18px #FAAE61;
}
.contenedor-texto-galeria{
  position: absolute;
  left: 10px;
  bottom: 135px;
}
.contenedor-texto-galeria-2{
  position: absolute;
  left: 10px;
  bottom: 172px;
}
.contenedor-texto-galeria2{
  position: relative;
  left: 10px;
  bottom: -27px;
}
@media (min-width: 300px){
  .contenedor-texto-galeria-2{
    position: relative;
    left: 10px;
     bottom: 22px;
      }
}
@media (min-width: 576px){
  .contenedor-texto-galeria-2{
    position: relative;
    left: 10px;
     bottom: 22px;
      }
}

@media (min-width: 992px){
  .contenedor-texto-galeria-2{
    position: absolute;
    left: 10px;
    bottom: 72px;
      }
}


.text-gallery{
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .text-gallery{
    width: 374px;
  }
  
}
@media (min-width: 1024px) {
  .text-gallery{
    width: 372px;
  }
  
}



.text-gallery h4{
  font-size: 20px;
  color: white;
  font-weight: 600;
  margin-bottom: 0;
}
.text-gallery h2{
  font-size: 35px;
  color: white;
  font-weight: 600;
}
.text-gallery span{
  font-size: 16px;
  color: white;
  font-weight: 100;
  line-height: 27px;
}
.btn-primary{
  background-color: transparent;
  border: 1px solid white;
  border-radius: 0;
  width: 220px;
}
.btn-primary span{
  float: left;
}


.btn-primary img{
  float: right;
}

.download{
  background-color: white;
  border: none;
  width: 100%;
  color: #019CDD;
  padding: 10px 25px;
}
.download:hover{
  background-color: #FAAE61;
  border: none;
  width: 100%;
  color: white;
}

.download .whitetext{
  display: none;
}
.download .whitetext span{
  float: left;
}
.download .whitetext img{
float: right;
}
.download:hover .bluetext{
display: none;
}

.download:hover .whitetext{
  display: inline;
}

.bluetext span{
  float: left;
  background: white!important;
}
.bluetext img{
  float: right;
}

.btn-primary .lets{
  float: left;
  display: none;
}

.btn-primary:hover .see{
  display: none;
}
.btn-primary:hover .lets{
  display: inline;
} 


.btn-primary:hover {
  background-color: #FAAE61;
}
.btn-primary.focus, .btn-primary:focus{
  background-color: #FAAE61;
  color: white;
}
.modal-button{
  background-color: transparent;
    border: 1px solid #185D82 ;
    border-radius: 0;
    width: 220px;
    color:  #185D82;
    font-weight: 500;
}

.modal-button .lets{
  /* float: left; */
  display: none;
}

.modal-button:hover .see{
  display: none;
}
.modal-button:hover .lets{
  display: inline;
} 
.modal-button:hover {
  color: white;
  border: none;
  background-color: #FAAE61;
}

.btn-third{
  font-weight: 400;
  color: white;
  background-color: transparent;
  border: 1px solid white;
  border-radius: 0;
}
.gray{
  display: block;
  color: #8594A0;
  margin-bottom: 20px;
}
.content-modal{
  padding: 16% 36px;
}
.content-modal h4{
  color: var(--btn-principal);
  font-weight: 600;
  margin-bottom: 0;
}
.content-modal p{
  color: var(--btn-principal);
}

@media (min-width: 300px){
  .content-modal{
    text-align: center;
  }
  .submodal{
    text-align: left;
  }
  .content-modal h4{
    text-align: left;
  }
  .content-modal p{
    text-align: left;
  }
}
@media (min-width: 768px){
  .content-modal{
    text-align: left;
  }
  .submodal{
    text-align: left;
  }
  .content-modal h4{
    text-align: left;
  }
  .content-modal p{
    text-align: left;
  }
}

.content-modal .submodal{
  color: #8594A0;
  margin-bottom: 28px;
  display: block;
}

.content-modal small i{
  color: #24BF95;
  margin-left: 8px;
}

.gradiente{
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, rgba(250, 173, 97, 0.815), rgba(41, 110, 153, 0.644),  rgba(93, 171, 200, 0.829) );
}
.btn-third:hover {
  font-weight: 400;
  background-color: #FAAE61;
  color: white;
  border: none;
}



.carousel-indicators li{
  height: 23px;
  width: 23px;
  
}
.carousel-indicators {
  left: none;
  
}
@media (min-width: 375px){
  .carousel-indicators {
    left: 22%;
    bottom: 128px;
  }
}
@media (min-width: 768px){
  .carousel-indicators {
    left: -2%;
    bottom: 12px;
  }
}
@media (min-width: 1375px){
  .carousel-indicators {
    left: none;
    bottom: 12px;
  }
}




.logoimage{
  height: 122px;
  transition: height 0.4s, width 0.4s;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}
.shrink {
height: 50px; 

}
.noticias{
  margin-bottom: 140px;
}
.news-imag{
  border-radius: 32px 0 0 0 ;
  height: 344px;
  background: url('../img/mountain-high.jpg') top repeat-y;
  background-size: cover;
}
.news-imag2{
  border-radius: 32px 0 0 0 ;
  height: 247px;
  background: url('../img/mountain-high.jpg') top repeat-y;
  background-size: cover;
}

.news-imag img{
  width: 436px;
  height: auto;
  border-radius: 28px 0 0 0;
} 

@media (min-width: 768px){
  .news-imag{
    border-radius: 32px 0 0 0 ;
    height: 247px;
    background: url('../img/mountain-high.jpg') top repeat-y;
    background-size: cover;
  }
  
}

/* Gunter */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
  padding-left: 8px;
  padding-right: 8px;
}
/* gunter */

.pad{
  display: flex;
  margin-top: 58px;
  margin-bottom: 103px;
}
.second-image{
  border-radius: 32px 0 0 0 ;
  height: 247px;
  background: url('../img/parque.jpg') top repeat-y;
  background-size: cover;
}

.second-image img{
  /* width: 377px; */
  max-height: 377px;
  overflow: hidden;
  border-radius: 38px 0 0 0;
} 

.caption-image{
  height: 116px;
  color: white;
  font-weight: 600;
  background: linear-gradient(180deg, rgba(118,159,181,1) 0%, rgba(24,93,130,1) 100%);
  padding: 12px 16px;
  margin-bottom: 30px;
}

.caption-image p{
  /* margin-bottom: 8px;
  width: 377px; */
  line-height: 16px;
  /* display: inline; */
  word-wrap: break-word;
}

.caption-image img{
  width: 28px;
}

.caption-image span{
  font-weight: 100;
  font-size: 14px;
  display: block;
}
.noted{
  display:flex !important;
  align-items: center;
}
.noted img{
  margin-right:10px !important;
}
.caption-image .noted{
  font-weight: 100;
  font-size: 14px;
  display: block;
}

 
.detail{
  /* width: 377px; */
  bottom: 93px;
  word-wrap: break-word;
}

.detail .caption-image p{
  font-size: 12px;
}

/* .contenedor-texto{

  margin-right: 20px;
} */
.flexo{
  display: flex;
}


.footer{
  width: 100%;
  
}
.bg-footer{
  background-color: var(--btn-secondary);
}

.contact{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.info-schedule{
  display: flex;
  flex-direction: row;
  margin-bottom: 17px;
  width: 400px;
}

@media (min-width: 300px){
  .info-schedule {
    flex-direction: column;
    width: 350px;
    text-align: center;
    align-items: center;
  }

}
@media (min-width: 768px){
  .info-schedule {
    flex-direction: column;
    width: 350px;
    text-align: center;
    align-items: center;
  }

}
@media (min-width: 1024px){
  .info-schedule {
    display: flex;
    flex-direction: row;
    margin-bottom: 32px;
    width: 400px;
    text-align: left;
  }

}
a{
  text-decoration: none;
  color: black;

}
.icon-schedule{
  display: flex;
  flex-direction: row;
}
.icon-schedule img{ 
  height: 37px;
}

.content-schedule{
  margin-left: 16px;
  font-size: 16px;
  font-weight: 100;
  color: white;
  display: flex;
  flex-direction: column;
}

.content-schedule a{
  color: white;
  text-decoration: none;

}
.menu ul{
  list-style-type: none;
  padding-left: 0;
}
.menu ul li{
  margin-bottom: 20px;
  font-weight: 100;
}
.menu ul li a{
  text-decoration: none;
  color: white;
}

.titulo{
  margin-bottom: 22px;
}
.titulo span{
  color: white;
  font-weight: 600;

}

.cardmiddle{
  display: flex;
  flex-direction: column;
    align-items: center;
}

.cards{
  background-color: white;
  /* height: 163px; */
  width: 358px;
  border-radius: 10px;
  box-shadow: 0px 2px 8px #03395299;
  padding: 15px 18px;
  display: flex;
  flex-direction: row;  
  justify-content: flex-end;
  margin-bottom: 16px;
  float: right;
}
.cardslink{
  margin-top: 40px;
}


.textcard{
  text-align: right;
}
.textcard h1 {
  font-size: 23px;
  font-weight: 800;
}

.textcard h5{
  font-size: 14px;
  color: #788A98;
  font-weight: 300;
  margin: 0;
}

.textcard span{
  font-size: 14px;
  font-weight: 300;
  color: black;
}
.textcard span a{
  text-decoration: none;
  color: black;
  
}
.iconcard img{
  width: 40px;
  margin-left: 20px;

}

.pdf-content{
  background-color: white;
  width: 100%;
  height: 250px;
  margin-bottom: 15px;
  padding: 50px 30px;
}
.pdf-content img{
  width: 100px;
  margin: 0 auto;
}
.pdf-media{
  margin-left: 10px;
  margin-bottom: 177px;
}
.pdf-media h4{
  color: white;
  font-size: 16px;
  margin-bottom: 30px;

}
.content-pdf-media{
  display: flex;
  margin-top: 40px;
}


.modal-header{
  border-bottom: 0;
}

.close{
  opacity: 1;
}


.close span{
  width: 38px;
  height: 38px;
  position: absolute;
  right: -4px;
  top: -10px;
  background-color: #E8E8E8;
  padding: 7px;
  border-radius: 100px;
  z-index: 10;
}

.sideright{
  background-color: #5DACC8;
  display: flex;
}

.sideright i{
 font-size: 177px;
 color: #185D82;
  margin: 0 auto;
  padding: 50% 10px;
}
@media (min-width: 300px){
  .sideright{
      /* width: 357px; */
      width: 97%;
      margin: 0 auto;
      border-radius: 4px 4px 0 0;
  }
  .sideright i{
    font-size: 100px;
    color: #185D82;
     margin-left: 2px;
     padding: 4% 10px;
   }
   .contactphone{
    display: flex;
      flex-direction: column;
      align-items: center;
  }
}
@media (min-width: 414px){
  .sideright{
      width: 396px;
      margin: 0 auto;
      border-radius: 4px 4px 0 0;
  }
  .sideright i{
    font-size: 100px;
    color: #185D82;
     margin-left: 2px;
     padding: 4% 10px;
   }
   .contactphone{
    display: flex;
      flex-direction: column;
      align-items: center;
  }
}

@media (min-width: 768px){
  .sideright{
    background-color: #5DACC8;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 4px 0 0 4px;
  }
  .sideright i{
    font-size: 100px;
    color: #185D82;
     margin: 0 auto;
     padding: 100% 10px;
   }
   .contactphone{
    display: flex;
      flex-direction: column;
      align-items: center;
  }
}
@media (min-width: 1024px){
  .sideright{
    background-color: #5DACC8;
    display: flex;
    width: 100%;
    height: 100%;
    border-radius: 4px 0 0 4px;
  }
  .sideright i{
    font-size: 177px;
    color: #185D82;
     margin: 0 auto;
     padding: 50% 10px;
   }
}

.modal-body{
  border-radius: 16px;
  padding: 0;
}
.modal-body .col-4{
  padding: 0 !important;
}

#gototop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #FAAE61;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 32px;
  box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.377);
}

.btn-secondary{
  background-color: var(--btn-secondary);
  border: none;
  border-radius: 0 0 4px 4px;
}

.btn-group{
  position: absolute;
  top: 0;
  right: 3%;
}

@media (min-width: 375px){
  
  .btn-group{
    position: absolute;
    top: 0;
    right: 36%;
  }

}
@media (min-width: 768px){
  
  .btn-group{
    position: absolute;
    top: 0;
    right: 13%;
  }

}
@media (min-width: 1024px){
  
  .btn-group{
    position: absolute;
    top: 0;
    right: 5%;
  }

}
.btn-secondary:hover{
  background-color: var(--btn-principal);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
  background-color: var(--btn-principal);
}
.btn-secondary.focus, .btn-secondary:focus{
  background-color: var(--btn-principal);
  border-color: none;
  box-shadow:0 0 0 0.2rem rgb(255 167 5 / 50%);
}
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
  box-shadow:0 0 0 0.2rem rgb(255 167 5 / 50%);
}

.topmediapage{
  margin-top: 162px;
}

.topmedia{
  margin-top: 100px;
}

.owl-carousel .owl-stage-outer{
  height: 400px;
}

.btn-mobile{
  text-align: center;
  margin-bottom: 50px;
}
.owl-carousel span {
  width:18px!important;
  height:18px!important;
  margin:5px 7px;
  background: #FFFFFF!important;
  display:block;
  -webkit-backface-visibility:visible;
  -webkit-transition:opacity 200ms ease;
  -moz-transition:opacity 200ms ease;
  -ms-transition:opacity 200ms ease;
  -o-transition:opacity 200ms ease;
  transition:opacity 200ms ease;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:0px !important;
}
.owl-carousel .active span {
  width:23px!important;
  height:23px!important;
  margin:5px 7px;
  background: #FAAE61 !important;
  display:block;
  -webkit-backface-visibility:visible;
  -webkit-transition:opacity 200ms ease;
  -moz-transition:opacity 200ms ease;
  -ms-transition:opacity 200ms ease;
  -o-transition:opacity 200ms ease;
  transition:opacity 200ms ease;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  border-radius:0px !important;
}
.owl-nav {
   display: none !important;
}
.headform{
  padding: 20px 30px 5px 30px;
  display: inline-flex;
  align-items: center;
}
.formpad{
  padding: 0px 14px 5px 18px;
}

label a{
  color: var(--btn-secondary);
}
label a:hover{
  color: var(--btn-principal);
}
.textoform{
  margin-left: 10px;
}
.headform img{
  width: 70px;
  height: auto;
}
.headform h4{
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}


.headform span{
  color: #8594A0;
  font-size: 13px;
}

.responsemodal{
  text-align: center;
  padding: 40px 20px;
}

.responsemodal img{
  width: 170px;
}
.responsemodal h2{
  font-size: 24px;
}
.responsemodal h2 span{
  font-weight: 800;
}
.responsemodal p{
  width: 85%;
  margin: 20px auto;
  color: #8594A0;
}
.responsemodal p span{
  font-weight: 800;
}


form{
  padding: 20px;
}

label{
  color: #8594A0;
  font-size: 14px;
}
input::placeholder{
  color: #8594A0;
  font-size: 14px;
}

.btn-enviar{
  color: white;
  background-color: #185D82;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  padding: 5px 20px;
  width: 128px;
}
.btn-enviar:hover{
  color: white;
  background-color: #185D82;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  padding: 5px 20px;
  width: 128px;
}
.btn-light{
  color: #8594A0;
  border-radius: 30px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 14px;
  padding: 5px 20px;
  width: 128px;
}
.btnformulario{
  float: right;
    margin: 30px 0;
}

  .Overlay-grid{
    background-image: url(../img/Overlay-grid.png);
    height: 100%;
    width: 50%;
    float: right;
  }


  /* Nuevo     ****************************** */
 
  .media-archive{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }

  .pdf-media-2{
    margin-left: 10px;
    margin-bottom: 35px;
  }
  .pdf-media-2 h4{
    color: white;
    font-size: 16px;
    margin-bottom: 30px;
  
  }
  .content-pdf-media-2{
    display: flex;
    margin-top: 40px;
  }
  .pad-2{
    display: flex;
    margin-top: 58px;
    margin-bottom: 103px;
  }

  .gallery-2{
    text-align: center;
    margin-bottom: 50px;
    margin-top: 30px;
  }
  /* Galery */
  .gallery-2 img{
    width:227px;
    cursor:pointer;
    margin-top: 4px;
  }
  .dist{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .flexo-2{
    width: 250px;
    margin-right: 20px;
    /* flex: 1 0 21%; explanation below */
  }
  
  @media (min-width: 300px){
    .gallery-2 img{
      width:164px;
      cursor:pointer;
      margin-top: 4px;
    }
    .topmediapage{
      margin-top: 73px;
    }
  }
  @media (min-width: 567px){
    .gallery-2 img{
      width:174px;
      cursor:pointer;
      margin-top: 4px;
    }
    .topmediapage{
      margin-top: 138px;
    }
  }
  @media (min-width: 992px){
    .gallery-2 img{
      width:187px;
      cursor:pointer;
      margin-top: 4px;
    }
    .topmediapage{
      margin-top: 146px;
    }
  }
  @media (min-width: 1300px){
    .gallery-2 img{
      width:227px;
      cursor:pointer;
      margin-top: 4px;
    }
    .topmediapage{
      margin-top: 89px;
    }
  }

.input-icons i {
    position: absolute;
}
  
.input-icons {
    width: 313px;
    margin: 10px auto;
}
  
.icon {
  width: 313px;
    padding: 10px;
    color: #185D82;
    min-width: 50px;
    text-align: right;
}
  
.input-field {
    width: 100%;
    padding: 10px;
    text-align: center;
}
  
h2 {
    color: green;
}

.form-search{
  padding: 10px 0;
}