/*! HTML5 Boilerplate v9.0.1 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
  font-family: 'Coco Gothic';
  src: url('../webfonts/coco-gothic-font.woff2') format('woff2'),
       url('../webfonts/coco-gothic-font.woff') format('woff'),
       url('../webfonts/coco-gothic-font.ttf') format('truetype'),
       url('../webfonts/coco-gothic-font.svg') format('svg'),
       url('../webfonts/coco-gothic-font.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Coco Gothic Bold';
  src: url('../webfonts/coco-gothic-bold-font.woff2') format('woff2'),
       url('../webfonts/coco-gothic-bold-font.woff') format('woff'),
       url('../webfonts/coco-gothic-bold-font.ttf') format('truetype'),
       url('../webfonts/coco-gothic-bold-font.svg') format('svg'),
       url('../webfonts/coco-gothic-bold-font.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Coco Gothic Light';
  src: url('../webfonts/coco-gothic-light-font.woff2') format('woff2'),
       url('../webfonts/coco-gothic-light-font.woff') format('woff'),
       url('../webfonts/coco-gothic-light-font.eot') format('embedded-opentype'),
       url('../webfonts/coco-gothic-light-font.svg') format('svg'),
       url('../webfonts/coco-gothic-light-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cocogoose Pro Thin';
  src: url('../webfonts/cocogoose-pro-thin-font.woff2') format('woff2'),
       url('../webfonts/cocogoose-pro-thin-font.woff') format('woff'),
       url('../webfonts/cocogoose-pro-thin-font.eot') format('embedded-opentype'),
       url('../webfonts/cocogoose-pro-thin-font.svg') format('svg'),
       url('../webfonts/cocogoose-pro-thin-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cocomat Light';
  src: url('../webfonts/cocomat-light-font.woff2') format('woff2'),
       url('../webfonts/cocomat-light-font.woff') format('woff'),
       url('../webfonts/cocomat-light-font.eot') format('embedded-opentype'),
       url('../webfonts/cocomat-light-font.svg') format('svg'),
       url('../webfonts/cocomat-light-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'News Goth Bt Roman';
  src: url('../webfonts/news-gothic-bt-roman-font.woff2') format('woff2'),
       url('../webfonts/news-gothic-bt-roman-font.woff') format('woff'),
       url('../webfonts/news-gothic-bt-roman-font.eot') format('embedded-opentype'),
       url('../webfonts/news-gothic-bt-roman-font.svg') format('svg'),
       url('../webfonts/news-gothic-bt-roman-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'News Goth Cn Bt';
  src: url('../webfonts/news-gothic-bt-roman-condensed-font.woff2') format('woff2'),
       url('../webfonts/news-gothic-bt-roman-condensed-font.woff') format('woff'),
       url('../webfonts/news-gothic-bt-roman-condensed-font.eot') format('embedded-opentype'),
       url('../webfonts/news-gothic-bt-roman-condensed-font.svg') format('svg'),
       url('../webfonts/news-gothic-bt-roman-condensed-font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {background: #ffffff; font: 17px/26px News Goth Bt Roman;	color: #ffffff;}
a:link, a:visited { color:#0290c1; text-decoration: none; }
a:hover{ /*text-decoration: underline;*/ text-decoration: none; font-weight: bold; }
.activeM{ font-weight: bold; }
section, .modal{ color:#474b4c; }
h2{font-family:Cocomat Light;text-transform: uppercase; font-size: 3em; }
.capletter{ text-transform: uppercase; }
.white{ color: #FFFFFF; }
.white a:link, .white a:visited{color:#ffffff;}
.small{ font-size: 0.75em; font-weight: bold; }
.smallest{ font-size: 0.75em; }

/*header*/
.logo{ text-align: center; }

/* Menú lateral */
.navbar-toggler{ border: none; margin:-80px -10px auto;}
.navbar-toggler:focus {box-shadow: none;}
.text-bg-light {background-color: #eaebeb !important;}
.menu {position: fixed;top: 0;right: -250px; /* oculto inicialmente */ width: 250px;transition: right 0.3s ease; margin-top: 92px;z-index: 1200;}
.menu.open {right: 10px; /* se despliega */ }
.menu ul {list-style: none;padding: 0; margin: 0; }
.navbar li{ padding:0 10px; border-bottom:#b4b7b7 solid thin; }
.navbar li a:link, .navbar li a:visited{ font-family: Coco Gothic; color:#8d8c8c}
.navbar li a:hover{ font-family: Coco Gothic Bold; text-decoration: none;}


/*home*/
.home {display: table;width: 100%;height: 80vh;}
.home h2{display: table-cell;margin: 0;padding: 0;text-align: center;vertical-align: middle; font-size: 4em;letter-spacing: 10px; }

.imagen{position:relative;top:0px;left:0px; width: 100%; height:auto;z-index: -1;  }

.grilla_1{background: url(../img/home/grilla1.jpg) top center no-repeat; }
.grilla_1a{background: url(../img/home/grilla1a.jpg) top center no-repeat; }
.grey{ background-color: #8b999b;  }
.grilla_2{background: url(../img/home/grilla2.jpg) top center no-repeat;}
.grilla_34{background: url(../img/home/grilla3-4.jpg) top center no-repeat;}
.grilla_34a{background: url(../img/home/grilla3-4a.jpg) top center no-repeat;}

.highlights a:link, .highlights a:visited, .programs a:link, .programs a:visited, .whattodo a:link, .whattodo a:visited, .hotels a:link, .hotels a:visited, .cars a:link, .cars a:visited, .useful a:link, .useful a:visited{color:#ffffff; text-decoration: underline;text-underline-offset: 0.35em; font-size: 1.2em;}
.highlights a:hover, .programs a:hover, .whattodo a:hover, .hotels a:hover, .cars a:hover, .useful a:hover{ text-decoration: none; }
.highlights, .programs, .whattodo, .hotels, .cars, .useful{position: absolute; top:50%;left:0px;width: 100%; text-align: center;
font-family: Coco Gothic Bold; text-transform: uppercase; }

.grilla_56{background: url(../img/home/grilla5-6.jpg) top center no-repeat;}
.grilla_7{background: url(../img/home/grilla7.jpg) top center no-repeat;}
.grilla_8{background: url(../img/home/grilla8.jpg) top center no-repeat;}
.grilla_9{background: url(../img/home/grilla9.jpg) top center no-repeat;}
.grilla_10{background: url(../img/home/grilla10.jpg) top center no-repeat;}
.grilla_1112{background: url(../img/home/grilla11-12.jpg) top center no-repeat;}

.grilla_13{ background: #8b999b;}
.lat, .clients{text-align: center;font-size: 0.9em;}

.grilla_reviews{ background-color:#0a6f80;}
.clientsaid{font-family: Cocogoose Pro Thin; padding:0 20px; font-size: 0.8em;}

.grilla_1, .grilla_1a, .grilla_2, .grilla_34, .grilla_34a, .grilla_56, .grilla_7, .grilla_8, .grilla_9, .grilla_10, .grilla_1112, .grilla_13, .grilla_reviews{position:relative; display:inline-block; padding:0;background-size: cover;}

/*Sections*/
h2.heading{margin:-100px auto 80px;color:#2ba8e5;}

/*Cuba Highlights*/
.cuba-highlights{background: url(../img/cuba_hightligths/backpage.jpg) center center repeat;background-size: contain; width: 100%;}
.topback{background: url(../img/cuba_hightligths/topback.jpg) center center no-repeat;background-size: cover; width: 100%; color: #3c7b98; padding-left:1em; }
.tregion{font-family:Coco Gothic Bold; font-size: smaller; letter-spacing: 5px; }
.topregion{font-family:Cocomat Light;text-transform: uppercase; }
.leftmenu{ background-color: #b3f0ff; color:#2ba8e5; /*padding-bottom:10px;*/}
.leftmenu li a{ padding-left:1em;display: block;}
.leftmenu li.distritos a:hover{ font-family: Coco Gothic; text-decoration: none;}
.distritos{padding-left:0.5em; font-family: Coco Gothic Light;text-transform: uppercase; font-size: 0.8em;}

.region{ font-family: Coco Gothic Bold; background-color: #8ee6fc; /*width: 100%;*/text-transform: uppercase; }
.region a:hover{ text-decoration: none; font-weight: bold; }
.highl, .highl a, .highl:visited { color:#ffffff; width: 100% }

.textdistrict{ margin: 6% 1em 2%; }
.textdistrict_int{position: relative; /*height: 300px; */ }
.headDist{ position: absolute; bottom: 50px; left:25px; }
.cocogothic{font-family:Coco Gothic;}
.districsWes, .districsCen, .districsEas{padding-top:15px;}

.tophavana{background-color: #e765ab; color:#ffffff;}
.tophavana_vin_txt{background: url(../img/cuba_hightligths/tophavana_vin_txt.jpg) left center repeat;background-size: cover;}
.backdistricsHab,.backdistricsHabD { background-color: #d557a1;}
.districsHav2{ background-color: #cb66a7; }
.btn-havana {
	--bs-btn-color: #fff;
	--bs-btn-bg: #cb66a7;
	--bs-btn-border-color: #cb66a7;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #e765ab;
	--bs-btn-hover-border-color: #cb66a7;
}
.typeHback{background-color: #bc4d89;}

.topwestern{background-color: #f8a521; color:#ffffff;}
.topwestern_vin_txt{background: url(../img/cuba_hightligths/topwestern_vin_txt.jpg) left center repeat;background-size: cover;}
.backdistricsWes, .backdistricsWesD{ background-color: #da865e; }
.districsWes2{ background-color: #e2a334;}
.btn-western {
	--bs-btn-color: #fff;
	--bs-btn-bg: #da865e;
	--bs-btn-border-color: #da865e;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #f8a521;
	--bs-btn-hover-border-color: #da865e;
}
.typeWback{background-color: #ba7c1a;}

.topcentral{background-color: #49b7f4; color:#ffffff;}
.backdistricsCen, .backdistricsCenD{ background-color: #a6cef2;  }
.districsCen2{ background-color: #76b6f1;}
.btn-central {
	--bs-btn-color: #fff;
	--bs-btn-bg: #a6cef2;
	--bs-btn-border-color: #a6cef2;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #49b7f4;
	--bs-btn-hover-border-color: #a6cef2;
}
.typeCback{background-color: #256a90;}

.topeastern{background-color: #00b17d; color:#ffffff;}
.backdistricsEas, .backdistricsEasD{ background-color: #50e2ab; }
.districsEas2{ background-color: #2cb07e;}
.btn-eastern {
	--bs-btn-color: #fff;
	--bs-btn-bg: #50e2ab;
	--bs-btn-border-color: #50e2ab;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #00b17d;
	--bs-btn-hover-border-color: #50e2ab;
}
.typeEback{background-color: #037352;}

.tophavana, .topwestern, .topcentral, .topeastern{/*text-align: justify;*/ width:100%}

/*Programs*/
.programsSecc{font-family: News Goth Bt Roman; /*background-color:#b3f0ff;*/background-color:#01a5cb;background-size: contain;   width: 100%;}
.programsSecc a:link, .programsSecc a:visited{color: #ffffff;}
.programsSecc h3{ text-transform: uppercase;font-family: Coco Gothic Light;}
.topbackProg{padding-left:1em; background-color: #fc91ad; width: 100%; color: #ffffff; text-transform: uppercase;font-family:Cocomat Light;}
.backprogramsintro{background: url(../img/programs/backprogintro.jpg) top center repeat;background-size: cover; width: 100%;}
.backprograms{background: url(../img/programs/backprog2.jpg) center center repeat; color:#ffffff;/*background-size: contain; width: 100%;*/}
.programsSecc .leftmenu{ background-color: transparent; color:#2ba8e5; /*padding-bottom:10px;*/}
.backBlue1{ background-color: #00ceed; }
.backBlue2{ background-color: #01a5cb; }
.prog, .prog2{ width: 100%; position:relative; }
.prog2{ margin:0 !important; padding: 0 !important; }
.esquina img {background: transparent none repeat scroll 0 0;position:absolute;top: 0px;left: -12px;/*width: 22%;*/ z-index: 10;}
.esquina2 img {background: transparent none repeat scroll 0 0;position:absolute;top: 0px;left: 0px;/*width: 22%;*/ z-index: 10;}
.prog a:link, .prog a:visited{ color:#ffffff; }
.programsSecc .leftmenu li a{ padding-left:1em; color:#0290c1;}
.progmenu{padding-left:0em; font-family: Coco Gothic Light;text-transform: uppercase; font-size: 0.8em;}
.progmenu a:hover{ text-decoration: none; font-weight: bold;  }
.derprog{text-align: right !important;}
.progdetails{background-color: #e2a334; padding-left: 3.5em; margin: 0;}
.alineacion{padding: 4rem !important; }


/*What to Do - Hotels */
.what-to-do, .hotels_secc{background: url(../img/cuba_hightligths/backpage.jpg) center center repeat;background-size: contain; width: 100%;}

/*Cars*/
.topcars{background-color: #e765ab; color:#ffffff;}

/*Responsible Travel*/
.responsible, .aboutus{background-color: #d9edcf; color:#7da986; font-size: 1.2em;}
.aboutus{font-size: 1em;}
.responsible h3{ font-weight: bold; }
.responsible a:link, .responsible a:visited{ color:#7da986;}
.responsible_menu{ font-size: 0.9em;}
video {max-width:100%; height:auto;}

/*About Us*/
.textabout{ margin: 2% 1em 2%; }
.owl-nav{ text-align: center; font-size: 3em; }

.swiper {width: 100%;padding-top: 50px;padding-bottom: 50px;}
.swiper-slide {background-position: center;background-size: cover;width: 500px;height: 500px;}
.swiper-slide img {display: block; width: 100%;}
.captionclients{color:#ffffff; margin:-30px 0 5px; padding: 5px; z-index: 100;/*background-color: rgba(0, 0, 0, 0.5); width:100%;*/}

.judith {z-index: 1000;-webkit-transform: rotateZ(-5deg); transform: rotateZ(-5deg);}
.yudith {z-index: 1000;-webkit-transform: rotateZ(3deg); transform: rotateZ(3deg); margin-top:10px;}
.aymee {z-index: 1000;-webkit-transform: rotateZ(-3deg); transform: rotateZ(-3deg);}
.leidy {z-index: 1000;-webkit-transform: rotateZ(5deg); transform: rotateZ(5deg);}

.judith,.yudith,.aymee,.leidy{/*font-size: .8em;*/ text-align:center;color: #FFFFFF;}
.judith a:link, .judith:hover, .yudith a:link, .yudith:hover, .aymee a:link, .aymee:hover, .leidy a:link, .leidy:hover{ color: #FFFFFF; font-weight: normal; }

/*footer*/
.footer{ margin: 50px auto;color:#73cbfd;}
.footer-menu{ font-family: Coco Gothic; }
.footer-head{font-family: News Goth Bt Roman;  }
.footer-address{ font-family: News Goth Cn Bt; }

.google .gsc-control-cse{ padding:0; margin:10px auto;}
.copyright{ text-align: center;text-transform: uppercase; font-size:0.7em  }

@media screen and (min-width: 1024px) {
  .responsible_menu{ font-size: 0.8em; }
}
@media screen and (max-width: 1024px) {
  .responsible_menu{ font-size: 0.7em; }
}
@media screen and (max-width: 768px) {
  .logo{ text-align: left; }
  .home {height: 50vh;}
  .home h2{ font-size: 2em; }
  .reviews{position: absolute; top:30px; left:25px; }
  .grilla_1 .num{ margin-bottom:15px; font-size: 4em;}
  .grilla_1 .text{ font-size: 2em; margin-top:0px;}
  .parner{top:40%;}
  .experience{top:30%;}
  .happy{top:35%;}
  .grilla_34 .num{ font-size: 4em;  }
  .grilla_34 .text{ font-size: 1.1em;margin-top: -22px; }
  .countries{ top:12%; }
  .grilla_34a .work{ font-size: 1em; text-align: center; }
  .grilla_34a .amount{ font-size: 2em; margin-top: 0; text-align: center;}
  .lat, .clients{ top:1%;}
  .highlights, .useful{ top:40%; }
  .topregion{font-size:1.1em;}
  .topback, .leftmenu li a{ padding-left:1em;}
  .cuba-highlights .pe-0{ padding-right: 12px !important; }

  .cuba-highlights{background: url(../img/cuba_hightligths/backpage_s.jpg) center center repeat;background-size: contain; width: 100%; padding:0 10px;}
  .districsHav{ width: 100%;padding: 10px 2%;}

  .derprog{text-align: left !important;}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}