.wrapper, .row {
  *zoom: 1; }
  .wrapper:before, .row:before, .wrapper:after, .row:after {
    content: " ";
    display: table; }
  .wrapper:after, .row:after {
    clear: both; }

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

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

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

@font-face {
  font-family: 'wib';
  src: url("fonts/WhitneyIndexBlack-RoundBd.eot");
  src: url("fonts/WhitneyIndexBlack-RoundBd.eot?#iefix") format("embedded-opentype"), url("fonts/WhitneyIndexBlack-RoundBd.woff") format("woff"), url("fonts/WhitneyIndexBlack-RoundBd.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  min-width: 320px;
  background: #000; }

.clear {
  clear: both; }

a {
  text-decoration: none !important; }

.dsk, .dsk2 {
  display: none; }

.mob, .mob2 {
  display: block; }

#preloader {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #000;
  z-index: 10001; }

#loading-animation {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url("../images/loading-animation.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto; }

.tituloH1 {
  position: absolute;
  color: #fff;
  bottom: 10px;
  left: 30px;
  font-family: goL; }
  .tituloH1 h1 {
    font-size: 40px;
    text-shadow: 0px 0px 2px #000; }
  .tituloH1 span {
    font-family: goB; }

.navbar-default {
  background: #cccccc;
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
  .navbar-default br {
    display: none; }
  .navbar-default .navbar-collapse {
    text-align: left; }
    .navbar-default .navbar-collapse .titMenu {
      font-family: goM;
      font-size: 20px;
      padding-top: 20px;
      display: none; }
    .navbar-default .navbar-collapse ul.navbar-nav {
      display: inline-block;
      margin: 0 auto;
      float: none;
      padding: 0; }
      .navbar-default .navbar-collapse ul.navbar-nav li {
        border-right: none;
        padding: 0 10px; }
        .navbar-default .navbar-collapse ul.navbar-nav li.last {
          border: none; }
        .navbar-default .navbar-collapse ul.navbar-nav li a {
          font-family: goL;
          font-size: 15px;
          color: #000; }
          .navbar-default .navbar-collapse ul.navbar-nav li a i {
            font-size: 20px;
            padding-bottom: 10px;
            color: #000; }
        .navbar-default .navbar-collapse ul.navbar-nav li.active a {
          background-color: transparent;
          color: #ce2029; }
        .navbar-default .navbar-collapse ul.navbar-nav li.active i {
          background-color: transparent;
          color: #ce2029; }
        .navbar-default .navbar-collapse ul.navbar-nav li:hover a {
          background-color: transparent;
          color: #ce2029; }
        .navbar-default .navbar-collapse ul.navbar-nav li:hover i {
          background-color: transparent;
          color: #ce2029; }
      .navbar-default .navbar-collapse ul.navbar-nav.barraChica {
        padding: 12px 0 5px; }
        .navbar-default .navbar-collapse ul.navbar-nav.barraChica li {
          padding: 0 5px; }
          .navbar-default .navbar-collapse ul.navbar-nav.barraChica li a {
            font-family: goL;
            font-size: 15px; }
            .navbar-default .navbar-collapse ul.navbar-nav.barraChica li a br {
              display: none; }
            .navbar-default .navbar-collapse ul.navbar-nav.barraChica li a i {
              font-size: 15px;
              padding-bottom: 10px; }

header {
  padding: 20% 0; }

section {
  padding: 60px 0;
  background: #fff;
  border-bottom: 1px solid #999; }
  section h2 {
    font-family: goB;
    color: #ce2029; }
  section ul {
    list-style: none; }
  section li {
    float: left;
    clear: both;
    margin-top: 13px; }
  section .pointCue {
    font-family: wib;
    font-size: 28px;
    line-height: 22px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
  section .spanTit {
    font-size: 14px;
    color: black;
    font-family: goM;
    display: inline-block;
    line-height: 22px;
    vertical-align: top;
    max-width: 92%; }
    section .spanTit.spanLong {
      max-width: 100%; }
    section .spanTit.textTit {
      font-size: 14px;
      font-family: goL; }
      section .spanTit.textTit.txtChico {
        font-size: 12px; }
    section .spanTit.marginBottom {
      margin-bottom: 20px; }
    section .spanTit .txtRed {
      color: #ce2029; }
  section .consejo {
    margin-bottom: 30px; }
    section .consejo i {
      color: #ce2029;
      font-size: 40px; }
  section h3 {
    font-size: 16px;
    color: black;
    font-family: goM;
    margin-bottom: 0;
    color: #ce2029;
    margin-top: 0px;
    margin-top: 30px; }
  section .accordion-option {
    font-family: goM; }
  section p {
    font-size: 15px;
    color: black;
    margin-left: 20px;
    padding-bottom: 20px;
    font-family: goL;
    float: left;
    max-width: 92%; }
  section .panel {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  section .panel-default > .panel-heading a[aria-expanded="true"] {
    background-color: transparent; }
  section .panel-body {
    background: #f2f2f2;
    padding: 30px 30px 20px; }
  section .llegaste-tabla .sistema {
    font-family: goL;
    font-size: 14px;
    text-align: right;
    width: 20%; }
  section .llegaste-tabla tbody tr td {
    padding: 0px 0px 12px 0px;
    color: black;
    vertical-align: middle; }
  section .llegaste-tabla .flecha img {
    width: 10px;
    margin: 0px 10px 0px 10px; }
  section .llegaste-tabla .instruccion {
    font-family: goL;
    font-size: 13px;
    text-align: left; }
  section .iconos-uno li img, section .iconos-dos li img {
    height: 34px !important;
    vertical-align: middle;
    margin-top: -7px; }
  section .mas-info .table-viaje {
    clear: both;
    float: left; }
  section .table-viaje {
    margin-top: 25px;
    clear: both;
    float: left;
    margin-bottom: 20px;
    width: 100%; }
  section .table-viaje thead {
    font-family: goL;
    font-size: 14px;
    text-align: center; }
  section .table-viaje thead tr th, section .table-viaje tbody tr td {
    padding: 10px 32px 10px 32px;
    color: black;
    vertical-align: middle;
    word-wrap: break-word; }
  section .table-viaje thead tr th {
    text-align: center; }
  section .table-viaje tbody tr td {
    font-family: goL;
    font-size: 12px; }
  section .table-viaje thead tr th, section .table-viaje tbody tr td {
    padding: 10px 32px 10px 32px;
    color: black;
    vertical-align: middle;
    word-wrap: break-word; }
  section .table-viaje tbody tr.gris {
    background: RGB(242, 242, 242); }
  section .borde-medio {
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center; }
  section .adaptado th, section .adaptado tr {
    padding: 10px 0 10px 0 !important;
    border-top: 5px solid white;
    border-bottom: 5px solid #f2f2f2; }
  section .adaptado tbody tr.blanco {
    background: RGB(242, 242, 242); }
  section .borde-l {
    border-left: 1px solid black; }
  section .borde-r-l {
    border-left: 1px solid black;
    border-right: 1px solid black;
    line-height: 14px; }
  section .terminos .plus {
    font-family: goM;
    font-size: 13px;
    display: block;
    clear: both;
    width: 100%;
    color: black;
    text-decoration: none;
    text-align: right;
    margin-bottom: 6px; }

#section01 {
  background: url("../images/fondo-headNew.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative; }

#section02 .table-viaje {
  margin-top: 25px;
  clear: both;
  float: left;
  margin-bottom: 20px; }

#section02 .borde-medio {
  border-left: 1px solid black;
  border-right: 1px solid black; }

#section02 .table-viaje thead {
  font-family: goL;
  font-size: 14px;
  text-align: center; }
  #section02 .table-viaje thead tr th {
    text-align: center;
    padding: 10px 32px 10px 32px;
    color: black;
    vertical-align: middle;
    word-wrap: break-word; }

#section02 tbody tr.gris {
  background: RGB(242, 242, 242); }

#section02 tbody tr td {
  font-family: goL;
  font-size: 13px;
  padding: 10px 5px 10px 5px;
  color: black;
  vertical-align: middle;
  word-wrap: break-word;
  line-height: 16px; }

.panel-default > .panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.panel-default > .panel-heading a {
  display: block;
  padding: 10px 15px; }

.panel-default > .panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: -webkit-transform .25s linear;
  -o-transition: transform .25s linear;
  transition: transform .25s linear;
  transition: transform .25s linear, -webkit-transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear; }

.panel-default > .panel-heading a[aria-expanded="true"] {
  background-color: #eee; }

.panel-default > .panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.panel-default > .panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0; }

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0; }

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f; }

.accordion-option .toggle-accordion:before {
  content: "Expand All"; }

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All"; }

#goUp {
  position: fixed;
  right: 20px;
  bottom: 10px;
  text-align: center;
  color: #d7d7d7 !important;
  font-size: 65px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out; }
  #goUp i {
    color: #d7d7d7;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4); }

#dot-nav {
  right: 17px;
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  display: none; }
  #dot-nav ul {
    margin: 0;
    padding: 0; }
    #dot-nav ul li {
      display: block;
      width: 14px;
      height: 13px;
      margin: 7px;
      position: relative; }
      #dot-nav ul li:hover a span {
        width: 8px;
        height: 8px;
        margin: -5px 0px 0px -5px; }
      #dot-nav ul li:hover .fp-tooltip {
        -webkit-transition: opacity 0.2s ease-in;
        -o-transition: opacity 0.2s ease-in;
        transition: opacity 0.2s ease-in;
        width: auto;
        opacity: 1; }
      #dot-nav ul li.active a span {
        height: 12px;
        width: 12px;
        margin: -6px 0 0 -6px;
        border-radius: 100%; }
      #dot-nav ul li a {
        display: block;
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        cursor: pointer;
        text-decoration: none; }
        #dot-nav ul li a span {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%;
          position: absolute;
          z-index: 1;
          height: 4px;
          width: 4px;
          border: 0;
          background: RGB(51, 51, 51);
          left: 50%;
          top: 50%;
          margin: -2px 0 0 -2px;
          -webkit-transition: all 0.1s ease-in-out;
          -moz-transition: all 0.1s ease-in-out;
          -o-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out; }
      #dot-nav ul li .fp-tooltip {
        position: absolute;
        top: -2px;
        color: white;
        font-size: 14px;
        font-family: arial, helvetica, sans-serif;
        white-space: nowrap;
        max-width: 220px;
        overflow: hidden;
        display: block;
        opacity: 0;
        width: 0;
        cursor: pointer;
        right: 20px; }

@media only screen and (min-width: 481px) {
  .dsk {
    display: block; }
  .mob {
    display: none; }
  .tituloH1 h1 {
    font-size: 60px; }
  header {
    padding: 25% 0; }
  #section02 tbody tr td {
    font-size: 13px;
    padding: 10px 25px 10px 25px; } }

@media only screen and (min-width: 768px) {
  header {
    padding: 30% 0; }
  .dsk2 {
    display: block; }
  .mob2 {
    display: none; }
  .navbar-default br {
    display: block; }
  .navbar-default .navbar-collapse {
    text-align: center; }
    .navbar-default .navbar-collapse .titMenu {
      display: block;
      font-size: 35px;
      padding-top: 30px; }
    .navbar-default .navbar-collapse ul.navbar-nav {
      padding: 30px 0 50px; }
      .navbar-default .navbar-collapse ul.navbar-nav li {
        border-right: 1px solid #989898;
        padding: 0 5px; }
        .navbar-default .navbar-collapse ul.navbar-nav li.last {
          border-right: none; }
        .navbar-default .navbar-collapse ul.navbar-nav li a {
          font-size: 14px; }
          .navbar-default .navbar-collapse ul.navbar-nav li a i {
            font-size: 40px; }
      .navbar-default .navbar-collapse ul.navbar-nav.barraChica li a {
        font-size: 11px;
        padding: 10px 5px; }
  #dot-nav {
    display: block; } }

@media only screen and (min-width: 992px) {
  header {
    padding: 25% 0; }
  .navbar-default .navbar-collapse ul.navbar-nav li {
    padding: 0 10px; }
    .navbar-default .navbar-collapse ul.navbar-nav li a {
      font-size: 20px; }
  .navbar-default .navbar-collapse ul.navbar-nav.barraChica li a {
    font-size: 15px;
    padding: 10px 10px; } }

@media only screen and (min-width: 1200px) {
  header {
    padding: 21% 0; }
  .navbar-default .navbar-collapse ul.navbar-nav.barraChica li a {
    padding: 10px 15px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/ }

*, *:after, *:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

a, img {
  outline: 0px none transparent !important; }

img {
  width: auto;
  max-width: 100%;
  height: auto !important; }

.wrapper {
  width: 100%;
  margin: 0 auto; }

[class*='column-'] {
  float: left;
  padding: 1em;
  width: 100%;
  min-height: 1px; }