.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
    font-family: "Grota Bold";
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 10px;
}
.location-container p {
    margin: 0 0 10px;
}

.container .twelve.columns {
    width: 100%;
}

.boxPromotionDeal .includes-locations {
    margin: 5px 15px;
}

/* breadcrumbs */
.bread {
   margin: 16px auto;
   /* max-width: 1152px;
   padding: 0 5%; */
}

.bread a.active span { color: #057B81!important; }

.bread .ol-breadcrumb {
    color: #f0b601;
    color: #002F5C;
    font-family: "Circular Std Bold";
    font-size: 18px;
    font-size: 16px;
    list-style-type: none;
    height: 25px;
}
.bread .ol-breadcrumb li {
    display: inline;
}
.bread .ol-breadcrumb li a.active {
    color: #05828b;
}
.bread .ol-breadcrumb li a {
    color: currentColor;
    display: inline-block;
    padding-top: 5px;
}
.bread .ol-breadcrumb li:not(:last-child):after {
    content: " / ";
}
/* slider */
#slider-location {
    height: auto;
    overflow: hidden;
}

#slider, #slider-location {
    margin-bottom: 20px;
    margin-top: 5px;
}
#slider-location, #slider-program, .box-detailsLocation, .box-foonav, footer {
    position: relative;
}

.programContent .textLocs ul {
    margin-left: 20px;
}

.programContent ul {
    margin-bottom: 10px;
    margin-left: 20px;
}
.programContent ul li {
    margin-bottom: 3px;
    list-style-type: disc;
    margin-left: 0!important;
}
.box-colums-programs .restricciones {
    display: block;
    margin: 5px auto;
    text-align: center;
    color: #999;
    font-weight: 400;
}
/* end deals */

/* container locations */
.location-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap:16px;
}

.location-container .columns.four {
    width: 34%;
} 


.gallery {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.gallery a.link-to-video {
    margin-left: 15px;
}
.location-container  h1 {
    font-size: 26px;
    margin: 20px 0 0 0;
    color: #000a7e;
    font-family: "Grota Bold";
    position: relative;
    
}
.location-container h1.titulo-principal {
    margin: 15px 0 10px 0;
}
.location-container h2 {
    font-size: 22px;
    color:#057B81;
    margin: 12px 0 24px;
}

/* new */
.container .columns {
    padding: 0;
}

#slider, #slider-location {
    margin-bottom: 32px;
}
.location-wrapper {
    max-width: 1100px;
    margin: 0 auto;
}
.location-container  h1.title {
    font-size: 26px;
    margin: 0 0 16px 0;
    color: #000a7e;
    font-family: "Grota Bold";
    position: relative;    
}

.location-container h2.subtitle {
    color:#057B81;
    font-size: 22px;
    margin: 0 0 24px;
}

.location-container h3 {
    color: #002F5C;
    font-size: 22px;
    margin: 0 0 16px;
}

section.prices {
    display: flex;
    justify-content: space-between;
    color: #002F5C;
    margin: 0 0 32px;
}
section.includes ul {
    margin: 0;
    padding: 0;
}
section.includes ul li {
    list-style-type: none;
    font-size: 15px;
}
section.includes ul li::before {
    content: "\02714";
    color: #8ec044;
    padding: 0 5px 0 0;
}
section.includes .includes-container {
    background: #F2F4F7;
    padding: 16px 28px;
    border-radius: 8px;
    margin: 0 0 24px;
}
/* new */

.location-container p a {
        background-color: transparent;
        color: #1d61e9;
        display: inline-block;
}
/* .cintillo {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 30px;
}
.cintilloContent {
    display: flex;
    text-align: left;
    width: 40%;
    align-items: center;
}
.cintilloContent img {
    margin: 0 20px 0 0;
}


.cintillo.mobile {
    display: none;
} */

 aside 
.asideLocs #bookAside {
    color: #fff;
    position: relative;
    font-size: 14px;
    margin-bottom: 20px;
}
.box-recomended {
    background: #1e3157;
    border-radius: 15px;
    margin-bottom: 20px;
}
.box-recomended p {
    color: #ffffff;
    padding: 15px;
}
#bookAside h2, .asideLocs #searchAside, .box-recomended div {
    background: #d940b3;
    background: -moz-linear-gradient(-45deg, #d940b3 0, #980073 100%);
    background: -webkit-linear-gradient(-45deg, #d940b3 0, #980073 100%);
    background: linear-gradient(135deg, #d940b3 0, #980073 100%);
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 20px;
    font-family: "Grota Italic";
    margin: 0;
    padding: 15px 10px;
    text-align: center;
}
#muestrasched {
    background: #fff200;
    border-radius: 3px;
    color: #1e3157;
    font-size: 22px;
    padding: 8px 5px!important;
    text-align: center;
}
.cardsacept {
    display: flex;
    margin: 20px 0;
    height: 24.5px;
}
.cardsacept img {
    display:  block;
     margin:  auto;
}
.ppcard-img {
    width:  50%;
     height:  auto;
    border-radius:  3px;
}
#mainTabs, .boxImage-viewed img, .specialAmountLbl, ul.tabs li a {
    display: block;
}

.TA_certificateOfExcellence, .asideLocs .boxMap, .aside_images, .nav_menuside {
    margin-bottom: 20px;
}

.asideLocs h3 {
    font-size: 20px;
    margin-top: 0;
    font-family: 'Grota Bold';
    color: #2a395c;
}
.menuside ul.navAside {
    margin: 0;
    padding: 0;
}

.asideLocs ul.navAside li {
    border-bottom: 1px solid #2a395c;
    list-style: none;
    overflow: hidden;
    position: relative;
}
.asideLocs ul.navAside>li {
    padding: 4px 0;
}
.asideLocs ul.navAside a {
    color: #444;
    font-weight: 700;
    padding-left: 15px;
    padding-top: 2px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    font-family: 'Grota Regular';
    font-size: 16px;
    color: #2a395c;
}
.asideLocs ul.navAside li ul li {
    border: none;
    border-top: 1px solid #e2e2e2;
    margin-top: 4px;
    padding-left: 15px!important;
    padding-top: 4px;
}
.asideLocs ul.navAside li {
    border-bottom: 1px solid #2a395c;
    list-style: none;
    overflow: hidden;
    position: relative;
}
.asideLocs ul.navAside li ul a {
    font-weight: 400;
}
.asideLocs .boxMap {
    border: 1px solid #e2e1e1;
    box-shadow: 0 0 5px #e2e1e2;
}
.asideLocs #locationProgram {
    width: 100%;
}
.asideLocs #locationProgram img {
    width: 100%;
}

.asideLocs .boxMap img, .boxmy-map #google-maps img {
    max-width: none;
}
.boxmy-map .pieMap {
    padding: 10px;
}
.boxmy-map .pieMap p {
    color: #1e3157;
    margin: 0;
}
.asideLocs ul.navAside li img {
    position: absolute;
    right: 10px;
    top: 3px;
}
.programContent .link-to-video div {
    display: none;
    padding-left: 20px;
}

.programContent .link-to-video:after {
    content: url(/src/newimage/buttons/video.png);
}

.media-btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.programContent .link-to-video {
    margin: 0 0 0 20px;
    padding: 0;
    height: 24px;
}


/* locaciones body */
#search>fieldset, .boxdown .boxdown_show, .boxdown .boxdown_show .fa, .center_row>[class*=columns], .display_middle, .menu li, .menu>li>a, .menu>li>span, img {
    vertical-align: middle;
}
.box-content-thumbs {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.memories-box, .packages-box, .programs-box {
    clear: both;
    padding: 10px;
    position: relative;
    width: 100%;
}
.programs-box p {
    background: #213f99;
}
.memories-box p .plecacolor, .programs-box p .plecacolor {
    color: #fff200;
}
.memories-box, .packages-box, .programs-box {
    clear: both;
    padding: 10px;
    position: relative;
    width: 100%;
}
.memories-box p {
    background: #af2b76;
}

.memories-box p, .packages-box p, .programs-box p {
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px;
}

.programs-box p span {
    display: block;
    color: #5d1421;
    font-size: 17px;
}
.box-colums-programs {
    position: relative;
    float: left;
    width: 32%;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}
.box-thumbs-programs {
    position: initial;
    color: #2C2C2C;
    font-size: 12px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    border-radius: 8px;
    background-color: white;
    box-shadow: rgb(195, 193, 193) 0px 0px 5px;
    width: 261px;
}

.box-thumbs-programs a {
    display: block;
}
.box-thumbs-programs a img {
    width: 261px;
    height: 154px;
    /* max-height: 154px; */
}
.box-thumbs-programs a img {
    border-radius: 8px 8px 0px 0px;
}

.box-thumbs-programs .box-titleProgram {
position: initial;
background-color: white;
color: #2C2C2C;
display: flex;
flex: 2 0 0;
align-items: center;
padding: 8px;
min-height: 44px;
border-radius: 0px 0px 8px 8px;
}

.box-thumbs-programs .box-titleProgram h3 {
    color: initial;
    font-size: 12px !important;
    font-weight: normal;
    margin-bottom: 0;
}

.box-thumbs-programs .box-titleProgram p {
    color: initial;
    font-size: 12px;
    display: none;
}

.bossBoxActivities h3, .programContent h3 {
    font-size: 20px;
}


.important {
    border-radius: 8px;
    background-color: #FFF4E2;   
    padding: 16px 26px;
    margin:32px 0;
}

.important h5, .add-info-container h5{
    color: #694300;
    font-size: 18px;
    font-family: 'Circular Std';
}

.important ul, .add-info-container ul {
    padding-left: 16px;
    padding-top: 10px;
    margin: 0;
}

.important li, .add-info-container ul li {
    color: #694300;
    list-style-type: disc;
}

.important.recomendations li, .important.recomendations { color:#694300 }

/* paginas interiores */
.bread .ol-breadcrumb li a.active, .bread .ol-breadcrumb li:hover a, .fooLinks a:hover, .menu>li:hover>a {
    color: #2e84d6!important;
}
#stretch {
    width: 100%;
}

/* .asideLocs #search-program {
    background: #e1e1e1;
    border-radius: 0 0 10px 10px;
    margin-bottom: 20px;
    padding: 5px 0;
}
.asideLocs #search-program input, .asideLocs #search-program select {
    display: block;
    margin: 15px auto;
    padding: 8px 5px;
    width: 80%;
}
.asideLocs #search-program option {
    padding: 2px 0 2px 5px;
}
.asideLocs #search-program input[type=submit] {
    background: #1e3157;
    border: none;
    color: #fff;
    font-size: 18px;
} */

.boxmy-map {box-shadow: 0 0 5px #c3c1c1;margin-bottom: 20px;}
.boxmy-map .pieMap {padding: 10px;}
@media only screen and (min-width: 767px) {
	.boxmy-map .pieMap h2 {	color: #1e3157;margin: 0;padding: 0;}
	.boxmy-map .pieMap p {color: #1e3157;margin: 0;}
    .box-thumbs-programs .box-titleProgram { min-height: 58px;}
}
/**/


/* programas */
.box-detailsLocation {
    min-height: auto;
    text-align: center;
    width: 100%;
    z-index: 100;
    position: absolute;
    bottom: 0;
}
.programContent #slider-location .slides>li {
    margin-bottom: -5px;
}


.dolphinco {
    background: #f6f6f6;
    text-align: center;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.programContent .titleAditionalInfo {
    border-top: 1px solid #cecece;
    color: #04338c;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px 0;
}
.titleAditionalInfo, .dd_longdescrip_img_md {
    position: unset;
}

.boxAlsoLike {
    background: #eee;
    padding: 20px 0;
    clear: both;
}
.box-payforms-program {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 15px auto;
    text-align: center;
}
.boxAlsoLike h4 {
    background: #0071b9;
    border-radius: 10px;
    color: #fff;
    margin: auto auto 10px;
    padding: 15px 20px;
    text-align: center;
    width: 20%;
}
.boxSimilarProgram {
    box-shadow: 2px 3px 5px #ccc;
    margin: 5px 0;
}
.boxSimilarProgram .boxInfoProgram {
    background: #fff;
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    min-height: 120px;
    padding: 5px;
}
.boxSimilarProgram .boxInfoProgram p {
    color: #f26521;
    margin: 0 0 10px 0;
}
#leyenda {
    background: #fff;
    border-bottom: 2px solid #ff232e;
    color: #333;
    padding: 10px;
}

.park-card {
    display: flex;
    justify-content: center;
    background-color: white;
    align-items: center;
    border-radius: 8px;
    margin: 0 0 32px;
    
}
.park-card .park-img {
    width: 40%;
    position: relative;
}
.park-card .park-img img {
    width: 100%;
    height: auto;
}
.park-card .park-img a {
    background-color: #A43B8F;
    color: white;
    font-size: 15px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 8px;
    border-radius: 0 0 0 8px;
    text-decoration: none;
}
.park-card .park-txt {
    width: 60%;
    padding: 16px 22px;
}
.park-card .park-txt h2 {
    color: #05828b;
    font-size: 22px;
    margin: 0 0 16px;
    font-family: "Circular Std Bold";
}
.park-card .park-txt p {
    font-size: 16px;
    color: #002F5C;
    font-family: "Circular Std";
}
.park-card ul li {
    font-size: 15px;
    color: #2C2C2C;
    font-family: "Circular Book";
}

.calloutIncludes {
    background: #F2F4F7 ;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 32px;
}

.calloutIncludes li {
    color: #2C2C2C;
    font-size: 15px;
    margin: 0 0 8px 0;
}

/* faqs */

.topic {
    position: relative;
    background: white;
    display: grid;
    align-items: center;
    padding:20px;
    border: 0;
    margin: 0 0 16px;
    border-radius: 8px!important;
    border: 1px solid lightgray!important;
    cursor: pointer;
}
.question {
    font-size: 16px;
    color: #2C2C2C;
    font-weight: normal!important;
    font-family: "Circular Std";
}
.faq-t { background: 0 0; border-left: 2px solid #ccc; border-bottom: 2px solid #ccc; display: inline-block;  height: 10px;
position: absolute;     right: 16px;
top: 20px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);
transform: rotate(-45deg); width: 10px; }

.answer {
    padding: 20px 0 0;
}
/* end faqs */


@media screen and (max-width:767px) {
    #slider-location .box-detailBackground {
        background-image: none!important;
    }
    #slider-location .box-detailInfo .icon-text {
        display: block;
        text-align: left;
    }
    #slider-location .box-detailInfo span {
        padding-left: 39px!important;
        text-align: left!important;
    }

    .park-card { flex-direction: column;}
    .park-card .park-img, .park-card .park-txt { width: 100%;}
    .park-card ul li { width: 100% ;}
    .bread .ol-breadcrumb {
        height: 50px;
    }
    .banners-deals {
        margin-top: 20px;
    }
}
/* end programas */


#searchAside, #search-program, .aside_images {
    display: none;
}

#locationProgram a {
    display: block;
}
    #locationProgram img {
    width: 100%;
    height: auto;
}

.menubar li a ,.menubar p {
    margin: 0;
}

/* mobile*/
@media  screen and (max-width:767px) {
    /* .cintillo.desk {
        display: none;
    } 
    .cintillo.mobile {
        display: block;
    } */
    .box-colums-programs  {
        width: 48%;
    }

    .box-thumbs-programs {
        width: 100%;
    }
    .box-thumbs-programs a img {
        width: 100%;
        height: auto;
    }
    .location-container {
        flex-direction: column;
    }
    .asideLocs #locationProgram {
        text-align: center;
    }
    .programContent .btn-media-location {
        position: initial!important;
    }
    .cintillo {
        flex-direction: column;
        margin: 10px 0 30px;
    }
    .cintilloContent {
        width: 100%;
        margin-bottom: 15px;
    }
    .location-container h1 {font-size: 21px;}

    .menuside, .aside_images {display: none;}

    #slider, #slider-location {
        margin-bottom: 32px;
        height: 616px;
    }
    .flexslider .slides img {
        display: block;
        width: 100%;
        height: 440px;
    }
}

@media screen and (min-width:361px) and (max-width:600px) {
    .location-container {position: relative;}

    .asideLocs #bookAside {
        position: absolute!important;
        font-size: 14px;
        width: 100%;
        top:510px;
        display: block;
        margin: 30px 0 20px;
    }
   .location-container .includes-locations .includesH:first-child {
        margin: 60px 0 30px 10px!important;
        display: block;
    }
}

@media screen and (max-width:360px) {
    .location-container {position: relative;}

    .asideLocs #bookAside {
        position: absolute!important;
        font-size: 14px;
        width: 100%;
        top: 655px;
        display: block;
        margin: 30px 0 20px;
    }
   .location-container .includes-locations .includesH:first-child {
        margin: 60px 0 30px 10px!important;
        display: block;
    }
}

.accordion-item { border-radius: 8px; border: 1px solid lightgray;}
.accordion-button, .accordion-body { padding:0;margin:0 }
.accordion-button:not(.collapsed) { background: transparent;color:#333}
.accordion-body ul { margin-left:20px}


/* lady iphones */
@media screen and (-webkit-min-device-pixel-ratio:0) {
        .cards-container p {
            margin: 0 0 10px;
            margin-bottom: 5px;
            height: 24px;
        }
        .cardsacept {
            margin: 10px 0;
            height: 24px;
        }
    }

    @media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) { 
        .cards-container p {
            margin: 0 0 10px;
            margin-bottom: 5px;
            height: 24px;
        }
        .cardsacept {
            margin: 10px 0;
            height: 24px;
        }
    }


/* bullets lines */

    .itinerary {
        display: flex;
        gap:8px;
      }
      .itinerary > div {
        width: 50%;
      }
      .itinerary h3 {
        background-color: #057B81;
        padding: 8px 16px;
        color: white;
        font-size: 18px;
        font-weight: bold;
        border-radius: 8px 8px 0 0 ;
      }

      .list-wrapper {
          position:relative;
          left: 16px;
        }
        .list-item-wrapper {
          margin-top:5px;
          position:relative;
        }
        .list-bullet {
          float:left;
          margin-right:15px;
          background:#057B81;
          height:10px;
          width:10px;
          line-height:30px;
          border-radius:100px;
          font-weight:700;
          color:white;
          text-align:center;
          margin-top: 8px;
        }
        .list-item {
          display:table-row;
          vertical-align:middle;
        }
        .list-title {
            font-size:16px;
        }
        .list-text {
            font-weight:400;
        }
        .red-line {
          background:#057B81;
          z-index:-1;
          width:1px;
          height:100%;
          position:absolute;
          left:4px;
          top:9px
        }
        .white-line {
          background:#FFF;
          z-index:-1;
          top:0px;
          width:1px;
          height:100%;
          position:absolute;
          left: 4px;
          top: 10px;        }

          @media (max-width:767px) {
            .itinerary {
                  display: flex;
                  flex-direction: column;
                  gap: 40px;
              }
            .itinerary > div {
              width: 100%;
            }
          } 

          .boxmy-map a {
            display: block;
          }

          .boxmy-map a img {
            width: 100%;
          }

          .programContent {
            padding: 0 15px!important;
          }


	body {
		background: #F2F4F7!important;
	}

    .bar-menu {
        margin-bottom: 20px;
    }

   	.menuD li { list-style: none;}

	.menubar {
		background: white;
		padding:22px 32px;
		display: flex;
		justify-content: space-between;
		margin: 20px 0 0!important;
	}
	.menubar li {
		list-style-type:none;		
		display:inline;
		padding-left: 64px;
	}
	.menubar li a ,.menubar p a {
		color: #02337a !important;;
		font-family: 'Circular Std';
	}
	.menubar li a:hover {
		text-decoration: underline;
	}
	.menubar li.Item1 {
		display: none;
	}

	@media (max-width:767px) {
		.menubar {
			margin-bottom: 0;
			align-items: center;
		}
		.menubar div {
			width: 30%;
			text-align: right;
		}
		
		.menubar li {
			padding: 5px 0;
		}
		.menubar li.Item1 {
		display: block;
	}
		.menubar li.menudesk {
			display: none;
		}
		.menubar a {
			text-decoration: none;
		}
		#menuD {
			background-color: white;
			text-align: center;
		}
		li.Item2 a {
			padding: 16px;
			color: #002F5C;
			border-top: 1px solid #f2f2f2;
			width: 100%;
		}
		li.Item2 a:hover {
			color: #05858E;
		}
	}

    @media (min-width:768px) and (max-width:1180px) {
        .menubar li a { font-size: 10px;}
        .menubar li {padding-left: 24px;}
        .programs-contain {
            gap: unset!important;
            flex-wrap: wrap!important;
            width: 100%;
            justify-content: space-between
        }
        .box-colums-programs {width: 50%; display: flex; align-items: flex-start;}

        .box-colums-programs img { width: 100%!important; height: auto!important; }
    }
    @media (min-width:768px) and (max-width:1023px) {
        .asideLocs{width: 0;}
        .asideLocs .cards-container, .box-recomended { display: none;}
       
    }