@charset "UTF-8";
/* CSS Document */
/*Fonts*/
@font-face {
  /*font-family: 'News Gothic BT Bold', sans-serif;*/
  font-family: "News Gothic BT Bold";
  font-style: normal;
  font-weight: bold;
  src: url("fonts/NewsGothicBT-Bold.eot?#iefix") format("eot"), url("fonts/NewsGothicBT-Bold.woff") format("woff"), url("fonts/NewsGothicBT-Bold.woff2") format("woff2"), url("fonts/NewsGothicBT-Bold.ttf") format("truetype"), url("fonts/NewsGothicBT-Bold.svg") format("svg");
}
@font-face {
  /*font-family: 'News Gothic BT Bold Italic', sans-serif;*/
  font-family: "News Gothic BT Bold Italic";
  font-style: italic;
  font-weight: bold;
  src: url("fonts/NewsGothicBT-BoldItalic.eot?#iefix") format("eot"), url("fonts/NewsGothicBT-BoldItalic.woff") format("woff"), url("fonts/NewsGothicBT-BoldItalic.woff2") format("woff2"), url("fonts/NewsGothicBT-BoldItalic.ttf") format("truetype"), url("fonts/NewsGothicBT-BoldItalic.svg") format("svg");
}
@font-face {
  /*font-family: 'News Gothic BT Italic', sans-serif;*/
  font-family: "News Gothic BT Italic";
  font-style: italic;
  font-weight: normal;
  src: url("fonts/NewsGothicBT-Italic.eot?#iefix") format("eot"), url("fonts/NewsGothicBT-Italic.woff") format("woff"), url("fonts/NewsGothicBT-Italic.woff2") format("woff2"), url("fonts/NewsGothicBT-Italic.ttf") format("truetype"), url("fonts/NewsGothicBT-Italic.svg") format("svg");
}
@font-face {
  /*font-family: 'News Gothic BT Roman', sans-serif;*/
  font-family: "News Gothic BT Roman";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/NewsGothicBT-Roman.eot?#iefix") format("eot"), url("fonts/NewsGothicBT-Roman.woff") format("woff"), url("fonts/NewsGothicBT-Roman.woff2") format("woff2"), url("fonts/NewsGothicBT-Roman.ttf") format("truetype"), url("fonts/NewsGothicBT-Roman.svg") format("svg");
}
@font-face {
  /*font-family: 'OpenSans Extrabold Italic', sans-serif;*/
  font-family: "OpenSans Extrabold Italic";
  font-style: italic;
  font-weight: bold;
  src: url("fonts/OpenSans-ExtraboldItalic.eot?#iefix") format("eot"), url("fonts/OpenSans-ExtraboldItalic.woff") format("woff"), url("fonts/OpenSans-ExtraboldItalic.woff2") format("woff2"), url("fonts/OpenSans-ExtraboldItalic.ttf") format("truetype"), url("fonts/OpenSans-ExtraboldItalic.svg") format("svg");
}
/* Tipografías nuevas 2024 */
@font-face {
  /*font-family: 'News Gothic BT Bold', sans-serif;*/
  font-family: "helvetica neue lt 45 light";
  font-style: normal;
  font-weight: normal;
  src: url("./fonts/nuevas/HelveticaNeueLT-Light?#iefix") format("eot"), url("./fonts/nuevas/HelveticaNeueLT-Light.woff") format("woff"), url("./fonts/nuevas/HelveticaNeueLT-Light.woff2") format("woff2"), url("./fonts/nuevas/HelveticaNeueLT-Light.ttf") format("truetype"), url("./fonts/nuevas/HelveticaNeueLT-Light.svg") format("svg");
}
@font-face {
  font-family: "helvetica neue lt 95 black";
  font-style: normal;
  font-weight: bold;
  src: url("./fonts/nuevas/HelveticaNeueLT-Black?#iefix") format("eot"), url("./fonts/nuevas/HelveticaNeueLT-Black.woff") format("woff"), url("./fonts/nuevas/HelveticaNeueLT-Black.woff2") format("woff2"), url("./fonts/nuevas/HelveticaNeueLT-Black.ttf") format("truetype"), url("./fonts/nuevas/HelveticaNeueLT-Black.svg") format("svg");
}
/*Estilos Generales*/
*::before,
*::after {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  margin: 0;
  padding: 0;
  font-family: "helvetica neue lt 45 light" !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 300 !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "helvetica neue lt 45 light";
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 300;
  font-size: 1.1rem;
}

a {
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: none !important;
}

b,
strong {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.width-auto {
  width: 0 auto;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.align-justify {
  text-align: justify;
}

.clearfix {
  clear: both;
}

.list {
  list-style: outside none;
}

.responsive {
  width: 100%;
  height: 100%;
}

.invisible {
  visibility: hidden;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cover {
  background-size: cover;
}

h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 5px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: bold !important;
}

.h1, h1 {
  font-size: 2.5rem;
}

h1 {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
}

.educativo h4 {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
}

p {
  line-height: 140%;
  margin-bottom: 5px;
  font-size: 1.1rem;
}

.overflow {
  overflow: hidden;
}

/*Secciones Offset*/
.secciones {
  position: absolute;
  top: 100px;
}

#home {
  top: 0px;
  position: relative;
}

.home {
  top: 0px;
  position: relative;
}

#sproductos {
  top: 50px;
  position: relative;
}

.sproductos {
  top: 48px;
  position: relative;
  padding-bottom: 100px;
}

#clientes {
  top: 50px;
  position: relative;
}

.clientes {
  top: 0px;
  position: relative;
}

#footer {
  top: 0px;
  position: relative;
}

.footer {
  top: 0px;
  position: relative;
}

/*Font Size*/
.gigalarge {
  font-size: 450%;
}

.extralarge {
  font-size: 230%;
}

.large {
  font-size: 200%;
}

.medium {
  font-size: 120%;
}

.normal {
  font-size: 100%;
}

.small {
  font-size: 75%;
}

.extrasmall {
  font-size: 80%;
}

/*Columnas*/
.container {
  margin: 0 auto;
  width: 97%;
}

.fullwidth {
  width: 100%;
  /*overflow:hidden;*/
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
  float: left;
}

.col1 {
  width: 8.33333333%;
}

.col2 {
  width: 17.66666667%;
}

.col3 {
  width: 25%;
}

.col4 {
  width: 33.33333333%;
}

.col5 {
  width: 41.66666667%;
}

.col6 {
  width: 50%;
}

.col7 {
  width: 58.33333333%;
}

.col8 {
  width: 66.66666667%;
}

.col9 {
  width: 75%;
}

.col10 {
  width: 83.33333333%;
}

.col11 {
  width: 91.66666667%;
}

.col12 {
  width: 100%;
}

@media only screen and (max-width: 1280px) {
  col1,
  .col2,
  .col3,
  .col4,
  .col5,
  .col6,
  .col7,
  .col8,
  .col9,
  .col10,
  .col11,
  .col12 {
    min-height: 1px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
  }
}
/* Padding Secciones */
.home .col12 {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.sproductos .col12 {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.empresa .col12 {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.colecciones .col12 {
  padding-top: 10px;
  padding-bottom: 10px;
  /*overflow:hidden;*/
}

.contacto .col12 {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

/* ==========================================================================
  Scroll to Top
========================================================================== */
.scrolltotop {
  position: fixed;
  display: none;
  bottom: 10px;
  left: 30px;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  z-index: 9999;
  transition: all 0.3s;
  background: #000;
  border-radius: 10px 10px;
  color: #fff;
  display: block;
  filter: alpha(opacity=75);
  opacity: 0.75;
  width: 50px;
  height: 50px;
}

.scrolltotop:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

.scrolltotop img {
  width: 20px;
  padding: 15px 0px 5px 0px;
}

/*Colores*/
.bg-white {
  background-color: white;
}

.bg-blue {
  background-color: #007ac3;
}

.bg-red {
  background-color: #ee1d23;
}

.bg-green {
  background-color: #8ec641;
}

.bg-skyblue {
  background-color: #2bace5;
}

.bg-lightorange {
  background-color: #faaa31;
}

.bg-orange {
  background-color: #ff8900;
}

.bg-celeste {
  background-color: #3fc8f4;
}

.color-white {
  color: white;
}

.color-blue {
  color: #007ac3;
}

.color-dark {
  color: #383637;
}

.color-orange {
  color: #ff8900;
}

.color-lightgrey {
  color: #777;
}

.border-white {
  border-left: solid 7px white;
}

/*Colores Menú*/
.submenu a:hover {
  color: #fff;
}

nav hr {
  background: #ededed;
}

.menu {
  background: #007ac3;
}

.menuint {
  background: #007ac3;
  color: #fff;
}

.submenu {
  background: #007ac3;
}

.children {
  background: #007ac3;
  color: #fff;
}

.children a {
  color: #fff;
}

.menuint a {
  text-decoration: none;
  color: #fff;
}

header nav {
  background: #fff;
}

#submenu a {
  color: #fff;
}

#submenu {
  color: #fff;
}

#btmobile {
  background-color: #007ac3;
  color: #fff;
}

#children {
  background-color: #007ac3;
}

header nav ul li.current {
  background: #007ac3;
}

header nav ul#menu li .children {
  background: #007ac3;
}

header nav ul#menu li .children li {
  background: transparent;
}

.menuint2 {
  color: #fff;
}

/*SUBMENU*/
header nav ul#menu li #big {
  background: #007ac3;
}

/*SUBMENU*/
header nav ul#menu li #big li {
  background: transparent;
}

/*CHILDREN*/
header nav ul#menu .children .submenu .children {
  background: #007ac3;
}

/*Botones Personalizados*/
#agencias {
  border: solid thin #fff;
  padding: 0px 11px;
  margin: 10px;
}

#promociones {
  border: solid thin #fff;
  padding: 0px 11px;
  margin: 10px;
  float: right;
  right: 20px;
}

/*Menu Desplegable*/
.pre-top {
  width: 97%;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

.contenedor-pre-top {
  width: auto;
  float: right;
  clear: right;
  height: 45px;
}

.pre-top ul.social-icons {
  display: inline;
}

.pre-top ul.social-icons li {
  position: relative;
}

.pre-top ul.social-icons li span {
  display: none;
  position: absolute;
  bottom: -16px;
  left: 0;
  font-size: 11px;
  color: #777;
}

.pre-top ul.social-icons li a:hover + span {
  display: block;
}

.pre-top .idiomas {
  margin: 0px;
}

.pre-top .idiomas {
  float: right;
  margin-top: -3px;
  margin-left: 5px;
  position: relative;
}

.pre-top ul.idiomas {
  list-style: none;
}

.pre-top ul.idiomas {
  margin: 5px 0 0;
  padding: 0;
  width: auto;
}

.pre-top ul.idiomas li {
  transition: all 0.3s ease;
  background-color: transparent;
  display: inline-block;
  overflow: visible;
  cursor: pointer;
  margin-right: 5px;
}

ul.idiomas li a {
  display: block;
  height: 31px;
  width: 30px;
  text-align: center;
  position: relative;
  top: 0;
  transition: all 0.3s ease;
}

ul.idiomas li a img {
  width: 100%;
}

ul.idiomas li a:hover {
  text-decoration: none;
  opacity: 0.6;
  top: 5px;
  transition: all 0.3s ease;
}

nav .hr {
  width: 100%;
  height: 1px;
  float: left;
}

nav hr {
  width: 92%;
  height: 1px;
  border: none;
  margin: 0 auto;
}

.menu {
  text-align: center;
  display: block;
  width: 80%;
  float: none;
  margin: 0 auto;
  overflow: hidden;
}

.menu > div,
.menu > span {
  width: auto;
  border: solid thin transparent;
  margin: 0 6px;
  float: none;
  display: inline-flex;
}

.menuint {
  display: inline-block;
  position: relative;
  font-weight: 400;
  min-height: 30px;
  width: auto;
  margin-left: 0px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  font-size: 0.9rem;
}

.menuint2 {
  display: inline-block;
  position: relative;
  font-weight: 400;
  min-height: 30px;
  width: 100%;
  margin-left: 0px;
  cursor: pointer;
  text-align: center;
  line-height: 30px;
  font-size: 0.9rem;
}

.submenu {
  display: inline-block;
  position: relative;
  font-weight: 400;
  height: 30px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  text-indent: 20px;
  line-height: 30px;
  text-decoration: none;
  font-size: 1rem;
}

.submenu span.caret {
  margin-top: 7px;
}

.submenu a {
  text-decoration: none;
}

.children {
  display: inline-block;
  position: relative;
  font-weight: 400;
  min-height: 30px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  line-height: 30px;
  font-size: 0.7rem;
  padding-left: 10px;
}

.children:hover {
  background-color: rgba(0, 122, 195, 0.4);
}

.children a {
  text-decoration: none;
}

.materiales img {
  width: 10px;
  height: 10px;
}

header nav {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  float: left;
  position: relative;
  min-height: 50px;
}

#submenu {
  position: absolute;
  width: 24%;
  display: none;
  margin-top: 0px;
}

#children {
  position: absolute;
  /*width:430px;*/
  width: 16%;
  display: none;
  margin-left: 0px;
  margin-top: 0px;
  padding: 10px;
}

.fl {
  float: right;
  margin-right: 2px;
  margin-top: 7px;
  margin-left: 0px;
}

.fo {
  float: left;
  margin-right: 7px;
  margin-top: 7px;
}

.FSM {
  float: right;
  margin-right: 2px;
  margin-top: 7px;
}

#puntomenu {
  display: none;
}

#puntosubmenu {
  display: none;
}

#pagina {
  display: none;
}

#btmobile {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  font-size: 200%;
  border: solid thin #fff;
  padding: 5px;
}

#btmobile img {
  width: 25px;
  height: 25px;
}

.materiales {
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 0px;
}

.materiales img {
  padding: 2px;
  border: solid thin white;
  width: 17px;
  height: 17px;
}

.menu_bar {
  display: none;
}

.menubtrs {
  display: none;
}

nav .logo img {
  width: 100%;
  max-width: 260px;
}

nav .logomob {
  display: none;
  float: left;
  left: 3%;
  padding: 0px;
  position: relative;
  text-align: left;
  top: 15px;
  width: 15%;
}

nav .logomob img {
  width: 100%;
}

nav .header-info {
  position: relative;
  float: right;
  top: 0px;
  padding: 10px 20px;
  margin-right: 10px;
}

nav .header-info .datos-top {
  display: block;
  float: right;
  padding: 0;
  position: relative;
  text-align: right;
  width: 100%;
  margin-top: 20px;
}

nav .header-info .datos-top a {
  color: #383637;
}

nav .header-info .datos-top a:hover {
  color: #007ac3;
}

nav .header-info .datos-top p.bold {
  font-family: "helvetica neue lt 95 black";
  margin-bottom: 0;
}

nav .header-info .datos-top p.nobold {
  float: right;
  width: 28%;
}

nav .hr {
  width: 100%;
  height: 1px;
  float: left;
}

nav hr {
  width: 100%;
  height: 1px;
  border: none;
  margin: 0 auto;
}

.menu_bar {
  display: none;
}

header {
  width: 100%;
  position: relative;
  z-index: 999;
}

.facebook {
  width: 36px;
  height: 36px;
}

.twitter {
  width: 36px;
  height: 36px;
}

.instagram {
  width: 36px;
  height: 36px;
}

.vimeo {
  width: 30px;
  height: 30px;
}

.sm {
  width: 100%;
  display: none;
  float: left;
}

.ch {
  width: 100%;
  display: none;
  float: left;
  height: 200px;
  height: auto;
  margin-top: 2px;
  margin-bottom: 2px;
}

/*nav .logo {left: 0%; position: relative; float:left; top:0px; width:15%; text-align:left; margin:10px;}*/
nav .logo {
  left: 0%;
  position: relative;
  float: left;
  top: 0px;
  width: 20%;
  text-align: left;
  margin: 10px;
}

.menu_bar {
  display: none;
}

header nav .bgmenu {
  height: 100%;
}

header nav ul#menu {
  list-style: none;
  margin: 0 auto;
  position: relative;
  top: 0px;
  margin: 0 auto;
}

header nav ul li {
  position: relative;
  font-weight: 400;
}

header nav ul#menu li a {
  display: block;
  text-decoration: none;
  padding: 20px 20px 10px;
  text-transform: uppercase;
}

header nav ul#menu li.current a {
  display: block;
  text-decoration: none;
  padding: 20px 20px 10px;
  text-transform: uppercase;
}

header nav ul#menu li.current a:hover {
  display: block;
  text-decoration: none;
  padding: 20px 20px 10px;
  text-transform: uppercase;
}

header nav ul#menu li.submenu a:hover,
header nav ul#menu li.submenu a:focus {
  border-bottom: none;
}

header nav ul#menu li a span {
  margin-right: 10px;
}

header nav ul#menu li:hover .children {
  display: block;
}

header nav ul#menu li .children {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 9999;
  left: 0px;
  padding: 10px 0px;
}

header nav ul#menu li .children li {
  display: block;
  overflow: hidden;
}

header nav ul#menu li .children li a {
  display: block;
}

header nav ul#menu li .children li a span {
  float: right;
  position: relative;
  top: 3px;
  margin-right: 0;
  margin-left: 10px;
}

header nav ul#menu li .caret {
  position: relative;
  top: 3px;
  margin-left: 10px;
  margin-right: 0px;
}

header nav ul#menu li span.icon-arrow {
  font-size: 0.7em;
  font-weight: 700;
  top: -3px;
}

header nav ul#menu ul.children li a {
  display: block;
  text-decoration: none;
  display: block;
  padding: 8px;
  text-decoration: none;
}

header nav ul#menu ul.children li a:hover {
  display: block;
  text-decoration: none;
  display: block;
  padding: 8px;
  text-decoration: none;
}

/*SUBMENU*/
header nav ul#menu li:hover #big {
  display: block;
}

header nav ul#menu li #big {
  display: none;
  position: absolute;
  /*width: 300%;*/
  width: 100%;
  z-index: 9999;
  left: 0px;
  padding: 10px 0px;
}

header nav ul#menu li #big li {
  display: block;
  overflow: visible !important;
}

header nav ul#menu li #big li a span {
  float: right;
  position: relative;
  top: 3px;
  margin-right: 0;
  margin-left: 10px;
}

header nav ul#menu li .caret {
  position: relative;
  top: 3px;
  margin-left: 10px;
  margin-right: 0px;
}

header nav ul#menu ul#big li a {
  display: block;
  text-decoration: none;
  display: block;
  padding: 8px;
  text-decoration: none;
  /*width:30%;*/
  width: 100%;
}

header nav ul#menu ul#big li a:hover {
  display: block;
  text-decoration: none;
  display: block;
  padding: 8px;
  text-decoration: none;
}

/*CHILDREN*/
header nav ul#menu ul.children li:hover .children {
  display: block;
}

header nav ul#menu .children .submenu .children {
  display: none;
  left: 200px;
  position: absolute;
  top: -10px;
  /*width: 90%;*/
  width: 250%;
  z-index: 9999;
  padding: 10px 0px;
  height: auto;
}

header nav ul#menu .children .submenu .children li a {
  display: block;
  text-decoration: none;
  padding: 8px;
  text-decoration: none;
  width: 100% !important;
  font-size: 85%;
}

header nav ul#menu .children .submenu .children li a:hover {
  display: block;
  text-decoration: none;
  display: block;
  padding: 8px;
  text-decoration: none;
}

header nav ul#menu .children .submenu .children li {
  clear: right;
  display: inline-block;
  width: 50%;
}

/*CHILDREN IMAGENES*/
header nav ul#menu .children .submenu .children li div.materiales {
  display: inline-block;
  margin-left: 10px;
  margin-right: 0;
  position: relative;
  top: 0px;
}

header nav ul#menu .children .submenu .children li div.materiales img {
  padding: 2px;
  border: solid thin white;
  width: 17px;
  height: 17px;
}

/* Slider Cabecera */
#galeria {
  position: relative;
  top: 0px !important;
  margin-top: 0px !important;
  padding: 60px 0;
}

#galeria h1 {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
}

#galeria .row {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

#works {
  margin: 0 auto 50px auto;
  float: none;
}

#jssor_1 {
  position: relative;
  top: 0px !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.jssorb05 {
  position: absolute;
  display: none;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
  position: absolute;
  width: 16px;
  height: 16px;
  background: url("../slider-cabecera/b05.png") no-repeat;
  overflow: hidden;
  cursor: pointer;
}

.jssorb05 div {
  background-position: -7px -7px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
  background-position: -37px -7px;
}

.jssorb05 .av {
  background-position: -67px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
  background-position: -97px -7px;
}

.jssora22l,
.jssora22r {
  position: relative;
  display: inline-block;
  clear: both;
  width: 60px;
  height: 59px;
  cursor: pointer;
  background: url("../slider-cabecera/a22.png") center center no-repeat;
  overflow: hidden;
}

.arrows {
  width: 100%;
  position: relative;
  clear: both;
  top: 40%;
  height: auto;
  margin: 0 auto;
  padding: 20px;
  display: inline-block;
}

.jssora22l {
  background-position: -10px -31px;
  display: inline-block;
  left: 0 !important;
}

.jssora22r {
  background-position: -70px -31px;
  display: inline-block;
  right: 0 !important;
}

.jssora22l:hover {
  background-position: -130px -31px;
}

.jssora22r:hover {
  background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
  background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
  background-position: -310px -31px;
}

#jssor_1 .titulos-slider {
  position: absolute;
  z-index: 9999;
}

.titulos-slider {
  background-image: url(img/bg-titulos-slider.png);
  background-repeat: repeat;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 65%;
}

.xx {
  width: 100%;
  display: block;
  background-image: url(img/xx.png);
  background-repeat: repeat-x;
  height: 10px;
}

.titulos-slider .titulos-contenenedor {
  width: 60%;
  margin: 0 auto;
  padding: 26px 10px;
}

.titulos-slider h1 {
  color: #bf1522;
  font-weight: 400;
}

.titulos-slider h2 {
  color: #fff;
  background-color: #bf1522;
  padding: 4px 10px;
  font-weight: 400;
  min-width: 50%;
  border: solid 1px #fff;
}

.titulos-slider h2 span {
  color: #fff;
  padding: 5px;
  font-weight: 400;
  display: inline-block;
  font-size: 60%;
  letter-spacing: 0.05em;
}

/*Pasador imagenes Animado No JS*/
#page {
  height: 100%;
  width: 100%;
  position: relative;
}

input[name=slider-select-element] {
  display: none;
}

/*#slider-arrows { margin: -25% auto 0; width: 90%;}*/
#slider-arrows {
  left: 4%;
  margin: 0 auto;
  position: absolute;
  top: 30%;
  width: 90%;
  z-index: 9999;
  display: none;
}

#slider-box {
  height: 100%;
  width: 500%;
  /*400% son 4 fotos 500% 5 fotos etc*/
  /*Desde acá se puede sacar la animación del auto play*/
  animation: autoSlider 15s infinite linear;
  transition: all 0.75s ease;
}

#slider-container {
  height: 20%;
  margin: 0 auto;
  /*overflow: hidden;*/
  text-align: left;
  width: 100%;
}

.element-cinco,
.element-cuatro,
.element-tres,
.element-dos,
.element-uno {
  max-height: 100%;
  min-height: 100px;
  width: 100%;
}

.element-cinco img,
.element-cuatro img,
.element-tres img,
.element-dos img,
.element-uno img {
  height: 100%;
  width: 100%;
}

.slider-element {
  float: left;
  width: 20%;
  /*100/3=33,33% por cant de imagenes del slider*/
}

#element1:checked ~ #slider-arrows label:nth-child(2),
#element2:checked ~ #slider-arrows label:nth-child(3),
#element3:checked ~ #slider-arrows label:nth-child(4),
#element4:checked ~ #slider-arrows label:nth-child(5),
#element5:checked ~ #slider-arrows label:nth-child(1) {
  display: block;
  float: right;
}

#element5:checked ~ #slider-arrows label:nth-child(4),
#element4:checked ~ #slider-arrows label:nth-child(3),
#element3:checked ~ #slider-arrows label:nth-child(2),
#element2:checked ~ #slider-arrows label:nth-child(1),
#element1:checked ~ #slider-arrows label:nth-child(5) {
  display: block;
  float: left;
}

#element1:checked ~ #slider-arrows label:nth-child(2)::before,
#element2:checked ~ #slider-arrows label:nth-child(3)::before,
#element3:checked ~ #slider-arrows label:nth-child(4)::before,
#element4:checked ~ #slider-arrows label:nth-child(5)::before,
#element5:checked ~ #slider-arrows label:nth-child(1)::before {
  color: white;
  content: "\f054";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

#element5:checked ~ #slider-arrows label:nth-child(4)::before,
#element4:checked ~ #slider-arrows label:nth-child(3)::before,
#element3:checked ~ #slider-arrows label:nth-child(2)::before,
#element2:checked ~ #slider-arrows label:nth-child(1)::before,
#element1:checked ~ #slider-arrows label:nth-child(5)::before {
  color: white;
  content: "\f053";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

#element1:checked ~ #slider-container #slider-box {
  margin-left: 0;
}

#element2:checked ~ #slider-container #slider-box {
  margin-left: -100%;
}

#element3:checked ~ #slider-container #slider-box {
  margin-left: -200%;
}

#element4:checked ~ #slider-container #slider-box {
  margin-left: -300%;
}

#element5:checked ~ #slider-container #slider-box {
  margin-left: -400%;
}

#slider-arrows label {
  color: transparent;
  cursor: pointer;
  display: none;
  font-size: 3rem;
  height: 20px;
  width: 20px;
}

#slider-box {
  transition: all 0.75s ease 0s;
}

/*Esta es la animación del autoplay del slider*/
@keyframes autoSlider {
  0% {
    margin-left: 0;
  }
  30% {
    margin-left: 0;
  }
  35% {
    margin-left: -100%;
  }
  50% {
    margin-left: -100%;
  }
  55% {
    margin-left: -200%;
  }
  70% {
    margin-left: -200%;
  }
  75% {
    margin-left: -300%;
  }
  80% {
    margin-left: -300%;
  }
  85% {
    margin-left: -400%;
  }
  95% {
    margin-left: -400%;
  }
  100% {
    margin-left: 0;
  }
}
/*Slider No JS*/
#page {
  height: 100%;
  width: 100%;
  position: relative;
}

input[name=slider-select-element] {
  display: none;
}

/*#slider-arrows { margin: -25% auto 0; width: 90%;}*/
#slider-arrows {
  left: 4%;
  margin: 0 auto;
  position: absolute;
  top: 30%;
  width: 90%;
  z-index: 9999;
}

#slider-box {
  height: 100%;
  width: 500%;
  /*400% son 4 fotos 500% 5 fotos etc*/
}

#slider-container {
  height: 20%;
  margin: 0 auto;
  /*overflow: hidden;*/
  text-align: left;
  width: 100%;
}

.element-cinco,
.element-cuatro,
.element-tres,
.element-dos,
.element-uno {
  max-height: 100%;
  min-height: 100px;
  width: 100%;
}

.element-cinco img,
.element-cuatro img,
.element-tres img,
.element-dos img,
.element-uno img {
  height: 100%;
  width: 100%;
}

.slider-element {
  float: left;
  width: 20%;
  /*100/3=33,33% por cant de imagenes del slider*/
}

#element1:checked ~ #slider-arrows label:nth-child(2),
#element2:checked ~ #slider-arrows label:nth-child(3),
#element3:checked ~ #slider-arrows label:nth-child(4),
#element4:checked ~ #slider-arrows label:nth-child(5),
#element5:checked ~ #slider-arrows label:nth-child(1) {
  display: block;
  float: right;
}

#element5:checked ~ #slider-arrows label:nth-child(4),
#element4:checked ~ #slider-arrows label:nth-child(3),
#element3:checked ~ #slider-arrows label:nth-child(2),
#element2:checked ~ #slider-arrows label:nth-child(1),
#element1:checked ~ #slider-arrows label:nth-child(5) {
  display: block;
  float: left;
}

#element1:checked ~ #slider-arrows label:nth-child(2)::before,
#element2:checked ~ #slider-arrows label:nth-child(3)::before,
#element3:checked ~ #slider-arrows label:nth-child(4)::before,
#element4:checked ~ #slider-arrows label:nth-child(5)::before,
#element5:checked ~ #slider-arrows label:nth-child(1)::before {
  color: white;
  content: "\f054";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

#element5:checked ~ #slider-arrows label:nth-child(4)::before,
#element4:checked ~ #slider-arrows label:nth-child(3)::before,
#element3:checked ~ #slider-arrows label:nth-child(2)::before,
#element2:checked ~ #slider-arrows label:nth-child(1)::before,
#element1:checked ~ #slider-arrows label:nth-child(5)::before {
  color: white;
  content: "\f053";
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}

#element1:checked ~ #slider-container #slider-box {
  margin-left: 0;
}

#element2:checked ~ #slider-container #slider-box {
  margin-left: -100%;
}

#element3:checked ~ #slider-container #slider-box {
  margin-left: -200%;
}

#element4:checked ~ #slider-container #slider-box {
  margin-left: -300%;
}

#element5:checked ~ #slider-container #slider-box {
  margin-left: -400%;
}

#slider-arrows label {
  color: transparent;
  cursor: pointer;
  display: none;
  font-size: 3rem;
  height: 20px;
  width: 20px;
}

#slider-box {
  transition: all 0.75s ease 0s;
}

/* Galería Catálogo */
#linea {
  height: 350px;
  width: 100%;
}

#relleno {
  background: #c1d72e none repeat scroll 0 0;
  float: left;
  margin: 5px;
  padding: 20px;
  box-sizing: content-box;
  /* height: 240px;*/
}

#relleno:hover {
  opacity: 0.7;
}

#relleno img {
  width: 100%;
  height: 100%;
  border: solid thin white;
}

a.more_link {
  color: #fff;
  background: #c1d72e;
  text-decoration: none;
  padding: 2px 10px;
  font-style: normal;
  cursor: pointer;
}

a.more_link:hover {
  color: #fff;
  background: #414141;
  text-decoration: none;
  font-style: normal;
}

.contenedor {
  position: relative;
  /*margin:10px;*/
}

#full-view {
  position: fixed;
  top: 60px;
  left: 0px;
  width: 100% !important;
  height: 91% !important;
  z-index: 1000;
  display: none;
  background-color: white;
}

.header {
  position: absolute;
  top: 0px;
  padding: 20px 30px;
  background: #414141;
  left: 0px;
  color: #fff;
  margin: 5px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  width: 400px;
  /*min-width:340px;*/
}

.header h1 span {
  line-height: 60px;
  float: left;
  color: #ef1010;
}

.header h2 {
  text-transform: uppercase;
  width: 100%;
}

p.subline {
  font-family: "helvetica neue lt 45 light";
  line-height: 20px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-style: normal;
}

.block {
  float: left;
  margin: 20px;
  background: #000;
  box-sizing: content-box;
}

.block-small {
  width: 160px;
}

.block-medium {
  width: 174px;
}

.block h2 {
  font-size: 15px;
  text-transform: uppercase;
  background: #414141;
  color: white;
  padding: 2px 5px;
}

.block p {
  font-style: italic;
  line-height: 20px;
  padding-bottom: 5px;
}

.block p.subline {
  margin: 10px 0px;
  font-style: normal;
  height: 40px;
  text-align: left;
}

.block img {
  border: none;
  display: block;
}

.project-descr {
  display: none;
}

.project-descr-full {
  position: absolute;
  background: #fff;
  padding: 0px;
  top: 50%;
  opacity: 0.9;
  left: 6px;
  margin: 150px 0 0 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  min-width: 0px;
}

.project-descr2 {
  width: 140px;
}

.project-descr-full-wrapper {
  margin: 20px;
  overflow: hidden;
  width: 33%;
  /*nuevo*/
}

.project-descr-full-wrapper2 {
  margin: 20px;
  overflow: hidden;
  width: 33%;
  /*nuevo*/
}

.project-descr-full-content p {
  line-height: normal;
  padding-bottom: 5px;
  font-style: normal;
  color: #666463;
}

.full-view .thumbs-wrapper {
  margin: 5px;
  /*nuevo 20px ultimo*/
  float: right;
  /*width:57%;*/
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#articulo {
  text-align: left;
  line-height: normal;
}

.thumbs-wrapper {
  overflow: hidden;
  position: relative;
}

.thumbs-wrapper2 {
  overflow: hidden;
  position: relative;
}

.thumbs img {
  float: left;
  cursor: pointer;
}

.thumbs2 img {
  float: left;
  cursor: pointer;
}

.thumbs-nav span {
  position: absolute;
  width: 22px;
  height: 40px;
  background: transparent url(../images/nav.png) no-repeat top left;
  top: 50%;
  left: 5px;
  margin-top: -20px;
  cursor: pointer;
  text-indent: -9000px;
  display: none;
}

.thumbs-nav span.thumbs-nav-next {
  left: auto;
  right: 5px;
  background-position: top right;
}

.thumbs-nav span.thumbs-nav-prev:hover {
  background-position: bottom left;
}

.thumbs-nav span.thumbs-nav-next:hover {
  background-position: bottom right;
}

.full-view-exit {
  background: #414141 url(../images/cross.png) no-repeat 10px 50%;
  position: absolute;
  top: 40px;
  right: 0px;
  cursor: pointer;
  width: 50px;
  height: 46px;
  text-indent: -9000px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  transition: width 0.2s ease-in-out;
}

.full-view-exit:hover {
  width: 60px;
  background: #c1d72e url(../images/cross.png) no-repeat 10px 50%;
}

.full-nav {
  float: right;
  padding-top: 5px;
}

.full-nav-prev,
.full-nav-next {
  float: left;
  width: 22px;
  height: 40px;
  background: transparent url(../images/nav.png) no-repeat bottom left;
  cursor: pointer;
  text-indent: -9000px;
}

.full-nav-next {
  background-position: bottom right;
}

.full-nav-pages {
  float: left;
  line-height: 40px;
  font-size: 12px;
  padding: 0 10px;
  font-style: italic;
  color: #fff;
}

.intro-loading {
  background: transparent url(../images/loading.gif) no-repeat center center;
  opacity: 0.6;
}

.loading-small {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 16px;
  height: 16px;
  background: transparent url(../images/loading-small.gif) no-repeat center center;
  display: none;
}

.thumbs {
  position: absolute;
}

.thumbs2 {
  position: absolute;
}

.title {
  margin: 0px;
}

.vuelta {
  position: absolute;
  top: 60px;
  left: 4px;
  cursor: pointer;
  height: 39px;
  width: 20px;
  background-image: URL("../images/nav11.png");
  display: none;
}

.ida {
  position: absolute;
  top: 60px;
  right: 4px;
  cursor: pointer;
  height: 39px;
  width: 20px;
  background-image: URL("../images/nav21.png");
}

.vuelta2 {
  position: absolute;
  top: 60px;
  left: 4px;
  cursor: pointer;
  height: 39px;
  width: 20px;
  background-image: URL("../images/nav11.png");
  display: none;
}

.ida2 {
  position: absolute;
  top: 60px;
  right: 4px;
  cursor: pointer;
  height: 39px;
  width: 20px;
  background-image: URL("../images/nav21.png");
}

.fondpant {
  width: 100%;
  display: block;
  overflow: auto;
  /*height:100%;*/
}

.fondpant img {
  width: 100%;
}

.galeria {
  position: relative;
  width: 100%;
  /*height:auto;*/
  height: 100%;
  min-width: 250px;
  text-align: center;
  min-height: 305px;
}

#imgbg {
  height: 100%;
}

.titulos {
  margin-top: 10px;
  font-family: "helvetica neue lt 95 black";
  font-weight: 800;
  padding-left: 10px;
}

.titulos p {
  border-left: solid 7px #c1d72e;
  color: #c1d72e;
  letter-spacing: normal;
  line-height: 0.85em;
  text-align: left;
  text-indent: 5px;
}

.articulo {
  margin-top: 0px;
  font-weight: 800;
  padding-left: 10px;
  width: 100%;
}

.articulo p {
  border-left: solid 7px #fff;
  color: #fff;
  letter-spacing: normal;
  line-height: 0.85em;
  text-align: left;
  text-indent: 5px;
}

.intro a.link {
  padding: 5px 10px;
  border: 1px solid #c1d72e;
  text-align: center;
  position: relative;
  bottom: 0px;
  left: 20px;
  float: left;
  text-decoration: none;
  color: #c1d72e;
}

.intro a.link:hover {
  text-decoration: none;
  border: 1px solid #fff;
  color: #fff;
}

.intro a.link i {
  margin-left: 10px;
}

.visor {
  position: absolute;
  width: 98%;
  overflow: hidden;
  height: 350px;
}

.carro {
  position: absolute;
  width: 150%;
}

.descripcion {
  float: left;
  display: block;
  width: 99%;
  background: black;
  padding-bottom: 10px;
}

.foto {
  padding: 0px;
  cursor: pointer;
  width: 11.11%;
  color: #fff;
  float: left;
}

.foto img {
  margin: 0px;
  width: 99%;
}

#avanza {
  position: absolute;
  top: 40%;
  margin-top: -20px;
  height: 39px;
  width: 20px;
  right: 5px;
  cursor: pointer;
}

#vuelve {
  position: absolute;
  top: 40%;
  margin-top: -20px;
  height: 39px;
  width: 20px;
  left: 5px;
  display: none;
  cursor: pointer;
}

#vuelve img {
  height: 100%;
  width: 100%;
}

#avanza img {
  height: 100%;
  width: 100%;
}

#pantcomp {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  z-index: 1040;
}

#pantcom2 {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

#pantcomp img {
  position: absolute;
  top: 0px;
  height: 100%;
  right: 0px;
}

#descfp {
  position: absolute;
  background-color: #000;
  width: 50%;
  height: 200px;
  top: 10px;
  left: 10px;
}

#titulopf {
  font-size: 2rem;
  color: #fff;
  text-indent: 30px;
  margin-top: 30px;
  font-family: "helvetica neue lt 45 light";
  letter-spacing: normal;
}

#materialpf {
  font-size: 1.2rem;
  color: #fff;
  text-indent: 30px;
  /*margin-top:40px;*/
}

#articulopf {
  font-size: 1.2rem;
  color: #fff;
  text-indent: 30px;
  margin-top: 5px;
}

#colorespf {
  width: 64px;
  height: 21px;
  position: absolute;
  left: 30px;
  top: 130px;
}

#colorespf img {
  width: 64px;
  height: 21px;
}

#avanzapf {
  width: 20px;
  height: 39px;
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
}

#vuelvepf {
  width: 20px;
  height: 39px;
  position: absolute;
  top: 30px;
  right: 90px;
  cursor: pointer;
}

#paginapf {
  width: 40px;
  height: 39px;
  line-height: 39px;
  position: absolute;
  top: 30px;
  right: 50px;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}

.full-view-exit {
  background: #414141 url(images/cross.png) no-repeat 10px 50%;
  position: absolute;
  top: 40px;
  right: 0px;
  cursor: pointer;
  width: 50px;
  height: 46px;
  text-indent: -9000px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  transition: width 0.2s ease-in-out;
}

.full-view-exit:hover {
  width: 60px;
  background: #c1d72e url(images/cross.png) no-repeat 10px 50%;
}

/* Clientes logos */
.jcider-nav span,
.jcider-pagination {
  text-align: center;
  position: absolute;
}

.jcider-nav {
  position: absolute;
  top: 35%;
  transform: translateY(-50%);
  z-index: 0;
  width: 100%;
  color: #fff;
  font-size: 30px;
}

.jcider-nav span {
  cursor: pointer;
  font-size: 40px;
  color: #4d4d4d;
  transition: all 0.3s;
  line-height: 0;
}

.jcider-nav span:hover {
  color: #bf1522;
}

.jcider-nav .jcider-nav-left {
  left: 5px;
}

.jcider-nav .jcider-nav-right {
  right: 5px;
}

.jcider-pagination {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.jcider-pagination .jcider-pagination-point {
  position: relative;
  border-radius: 50%;
  margin: 0 8px;
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
  display: none;
}

.demo,
.demo div.wrapper > div,
.loader {
  width: 100%;
  text-align: center;
}

.jcider-pagination .jcider-pagination-point.active {
  background: #fff;
}

.loader {
  background: #1abc9c;
  color: #F2F2F2;
}

.contenido {
  max-width: 95%;
  margin: 0 auto;
}

.loader {
  height: 100%;
  position: absolute;
}

.loader h1 {
  position: relative;
  top: 35%;
}

.loader h1 span {
  position: relative;
  animation: bounce 0.8s infinite;
}

.loader h1 span.stop {
  animation-play-state: paused;
}

.loader h1 span:nth-child(1) {
  animation-delay: 50ms;
}

.loader h1 span:nth-child(2) {
  animation-delay: 0.1s;
}

.loader h1 span:nth-child(3) {
  animation-delay: 150ms;
}

.loader h1 span:nth-child(4) {
  animation-delay: 0.2s;
}

.loader h1 span:nth-child(5) {
  animation-delay: 250ms;
}

.loader h1 span:nth-child(6) {
  animation-delay: 0.3s;
}
@keyframes bounce {
  0%, 100%, 50% {
    top: 0;
  }
  25% {
    top: -10px;
  }
}
.logos {
  text-align: center;
  background-color: #e6e6e6;
}

.demo {
  margin: 0 auto;
  height: 120px;
  width: 100%;
}

.demo div.wrapper > div {
  height: 100%;
  margin: 0px;
}

.demo div.wrapper > div img {
  width: 100%;
}

.demo div.wrapper > div p {
  font-weight: 400;
  font-size: 200%;
  position: relative;
  top: 40%;
}

.demo div.wrapper {
  width: 90% !important;
  cursor: default !important;
  margin: 0 auto !important;
}

/*Flechas Clientes Logos*/
/* jcider */
[data-icon]:before {
  font-family: "FontAwesome" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=jcider-]:before,
[class*=" jcider-"]:before {
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.jcider-nav-left:before {
  content: "\f053";
}

.jcider-nav-right:before {
  content: "\f054";
}

/*Footer*/
footer {
  background: #fff;
  width: 100%;
  padding: 0px;
  position: relative;
  clear: both;
  min-height: 130px;
}

footer .container {
  width: 100%;
  padding: 0;
}

footer .container #upper-foot p {
  padding-left: 30px;
}

footer .container #upper-foot {
  background: #007ac3;
  width: 100%;
  padding: 20px;
}

footer .container #upper-foot p.bold {
  font-family: "helvetica neue lt 95 black";
  margin-bottom: 0;
}

footer .container #upper-foot .col5 {
  width: 38%;
  background-image: url(images/recurso-footer.jpg);
  background-repeat: no-repeat;
  background-position: right center;
}

footer .container #upper-foot .col2 {
  width: 20%;
}

footer .container #upper-foot a {
  color: #fff;
  text-decoration: none;
}

footer .container #upper-foot a:hover {
  color: #fff;
  text-decoration: underline;
}

footer .container #lower-foot {
  padding: 10px 40px;
  text-align: center;
}

footer .container #lower-foot .separador {
  background-image: url(images/separador-footer.jpg);
  background-repeat: no-repeat;
  background-position: right center;
}

footer .container #lower-foot .separador {
  text-align: center;
  width: 9%;
  display: inline-block;
  float: none;
}

footer .container #lower-foot .separador img {
  width: 100%;
  vertical-align: middle;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

footer .container #lower-foot .separador img:hover {
  width: 100%;
  vertical-align: middle;
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
}

/* Animaciones */
.appear-animation {
  opacity: 0;
}

.appear-animation-visible {
  opacity: 1;
}

.animated,
.appear-animation {
  animation-fill-mode: both;
  animation-duration: 1s;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
    opacity: 1;
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  animation-name: shake;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
    opacity: 1;
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation-name: bounce;
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
  }
}
.tada {
  animation-name: tada;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
    opacity: 1;
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
    opacity: 1;
  }
}
.wiggle {
  animation-name: wiggle;
  animation-timing-function: ease-in;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}

/*Animate.css*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation-name: bounce;
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    transform: scale(1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0px);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  animation-name: shake;
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  animation-name: swing;
  transform-origin: center top 0;
}

@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
.tada {
  animation-name: tada;
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  animation-name: wobble;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0px);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  0% {
    transform: translateY(0px);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0px);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  0% {
    transform: translateX(0px);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  0% {
    transform: translateY(0px);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  0% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(0px) rotateY(0deg) scale(1);
  }
  40% {
    animation-timing-function: ease-out;
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  }
  50% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  }
  80% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(0.95);
  }
  100% {
    animation-timing-function: ease-in;
    transform: perspective(400px) translateZ(0px) rotateY(360deg) scale(1);
  }
}
.animated.flip {
  animation-name: flip;
  backface-visibility: visible;
}

@keyframes flipInX {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
  }
}
.flipInX {
  animation-name: flipInX;
  backface-visibility: visible !important;
}

@keyframes flipInY {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
  }
}
.flipInY {
  animation-name: flipInY;
  backface-visibility: visible !important;
}

@keyframes flipOutX {
  0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
}
.flipOutY {
  animation-name: flipOutY;
  backface-visibility: visible !important;
}

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
  }
}
.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: center center 0;
  }
  100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
  }
  100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: left bottom 0;
  }
  100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    transform: rotate(0deg);
    transform-origin: right bottom 0;
  }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0px);
  }
}
.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0px);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0px);
  }
}
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideOutLeft {
  0% {
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  0% {
    transform: translateX(0px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  0% {
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes slideOutDown {
  0% {
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0deg);
    transform-origin: left top 0;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: left top 0;
  }
  40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: left top 0;
  }
  80% {
    animation-timing-function: ease-in-out;
    opacity: 1;
    transform: rotate(60deg) translateY(0px);
    transform-origin: left top 0;
  }
  100% {
    opacity: 0;
    transform: translateY(700px);
  }
}
.hinge {
  animation-name: hinge;
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  animation-name: rollIn;
}

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

/************************************************* SECTORES **********************************************************************************/
/*Inicio*/
/*Comprar Online*/
.compraronline {
  bottom: 200px;
  height: 151px;
  position: fixed;
  right: 0;
  width: 37px;
  z-index: 1040;
  display: none;
}

.compraronline img {
  width: 100%;
}

/*Buscador*/
.buscador {
  background-color: #3995cb;
  float: none;
  margin: 20px auto !important;
  overflow: hidden;
  padding: 20px 20px 45px !important;
  width: 98%;
}

.buscador hr {
  background: #ededed;
}

.buscador label {
  margin-right: 5px;
}

.buscador .hr {
  width: 100%;
  height: 1px;
  float: left;
}

.buscador hr {
  width: 100%;
  height: 1px;
  border: none;
  margin: 0 auto;
}

.buscador #radioset1,
#radioset2,
#radioset3,
#radioset4 {
  border: solid thin #fff;
  padding: 5px;
  border-radius: 3px;
  width: 16%;
}

.buscador #selectmenu1-button {
  padding: 5px;
}

.ui-selectmenu-button .ui-widget .ui-state-default .ui-corner-all .ui-state-focus .ui-selectmenu-text {
  color: #fff !important;
}

.ui-selectmenu-button .ui-widget .ui-state-default .ui-corner-all .ui-state-hover .ui-selectmenu-text {
  color: #fff !important;
}

.espacio1,
.espacio2 {
  width: 100%;
  float: left;
}

.espacio1 img,
.espacio2 img {
  width: auto;
}

.buscador h1 {
  font-weight: 400;
}

.boxes {
  margin-top: 1.6em;
  float: left;
  padding-left: 0;
}

.smallboxes {
  margin-top: 1em;
  float: right;
  padding-left: 0;
  margin-right: 0px;
  padding-right: 0;
}

#selectmenu1,
#selectmenu2,
#selectmenu3,
#selectmenu4,
#selectmenu5,
#selectmenu6,
#selectmenu7,
#selectmenu8,
#selectmenu9,
#selectmenu10 {
  width: 100%;
}

.ui-widget-content {
  color: #383637;
  font-size: 0.75em;
}

.ui-widget-content a {
  color: #383637;
  font-size: 0.75em;
}

.ui-selectmenu-text {
  font-size: 0.85em;
}

.ui-menu-item {
  color: #383637;
  font-size: 0.75em;
}

.ui-widget-header {
  color: #383637;
  font-size: 0.75em;
}

.ui-state-focus {
  color: #383637;
  font-size: 0.75em;
}

#spinner1,
#spinner2 {
  color: #383637;
  font-size: 0.75em;
}

.ui-spinner {
  width: 100%;
}

#codigo {
  color: #383637;
  font-size: 0.75em;
  width: 100%;
  display: block;
  line-height: 1;
  overflow: hidden;
  padding: 0.4em 2.1em 0.4em 1em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  border: 1px solid #dddddd;
  background: #fff;
  border-radius: 3px;
}

#codigo:focus {
  border: 1px solid #dddddd;
  background: #fff;
}

.buscar {
  position: relative;
  right: 0;
  float: right;
  width: 12.44444444%;
}

#button {
  background-color: #fff;
  border-style: none;
  border-width: 0;
  color: #3995cb;
  float: right;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 3;
  margin-top: 0.9em;
  padding: 8px 20px;
}

#button:hover,
#button:focus {
  background-color: #0c7cc1;
  color: #fff;
}

/*Banner Despegar*/
.banner {
  margin: 10px 0;
  background-color: #f7f7f7;
}

.banner .losiconos {
  margin: 0 auto;
}

.banner .losiconos .col3 {
  padding-left: 15px;
  padding-right: 15px;
}

.banner .losiconos .col3 a {
  display: block;
  width: 100%;
}

.banner .col1 {
  margin: 0px;
  height: 100px;
  padding: 0 5px;
}

.banner .col4 {
  padding-right: 0px;
}

.contenedor-blanco {
  background-image: url("images/banner2.png");
  background-position: right top;
  background-repeat: no-repeat;
  float: left;
  padding: 15px 0;
  width: 100%;
  height: 100px;
}

.banner-titulo {
  background-image: url(images/banner1.png);
  background-repeat: no-repeat;
  background-position: right center;
  float: left;
  padding: 2px 15px;
  width: 100%;
}

.banner-titulo h1 {
  font-family: "helvetica neue lt 45 light";
  margin-bottom: 0;
  padding-top: 5px;
}

.banner-titulo p {
  font-family: "helvetica neue lt 45 light";
}

.borde-left {
  background-image: url(images/banner3.png);
  background-repeat: no-repeat;
  background-position: right center;
  position: absolute;
  width: 21px;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 15px;
}

.borde-right {
  background-image: url(images/banner3.png);
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  width: 21px;
  height: 100%;
  z-index: 2;
  top: 0;
  right: -27px;
}

.banner-icono {
  float: left;
  padding: 10px;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100px;
}

.icono-img {
  width: 100%;
  text-align: center;
  padding-top: 5px;
  float: left;
}

.icono-title {
  font-family: "helvetica neue lt 45 light";
  text-align: center;
  float: left;
  width: 100%;
}

.paquetes img {
  height: 38px;
}

.aereos img {
  height: 38px;
}

.hoteles img {
  height: 38px;
}

.cruceros img {
  height: 38px;
}

.cuotas {
  float: right;
  text-align: center;
  height: 100px;
}

.cuotas img {
  width: auto;
  height: 100px;
}

.banner a .banner-icono {
  transition: all 0.2s ease;
}

.banner a:hover .banner-icono {
  background-color: #007ac3;
  transition: all 0.2s ease;
}

/*Parallax Barco*/
#img-inicio {
  background-image: url("../imagenes/barco.jpg");
}

.full {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  padding: 5% 0;
  position: relative;
  width: 100%;
}

.full .contenedor {
  margin: 0 auto;
  padding: 5%;
  width: 90%;
  background-color: rgba(0, 0, 0, 0.4);
}

.full .contenedor .interno {
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  text-shadow: 1px 1px 2px rgb(0, 0, 0);
  -webkit-text-shadow: 1px 1px 2px rgb(0, 0, 0);
  -moz-text-shadow: 1px 1px 2px rgb(0, 0, 0);
}

.full .contenedor .interno h1 {
  text-align: left;
  font-family: "helvetica neue lt 45 light";
}

.full .contenedor .interno h2 {
  text-align: left;
  width: 100%;
  font-family: "helvetica neue lt 45 light";
  margin-bottom: 3%;
}

.full .contenedor .interno p {
  text-align: left;
  width: 100%;
  font-family: "helvetica neue lt 45 light";
}

.full .contenedor .interno a.vermas {
  background-color: #3eb3e7;
  color: #fff;
  float: left;
  padding: 8px 20px;
  margin-top: 10px;
  transition: all 0.3s;
  border-radius: 25px;
  text-shadow: none;
  font-size: 85% !important;
}

.full .contenedor .interno a.vermas:hover,
full .contenedor .interno a.vermas:focus {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  transition: all 0.3s;
  text-shadow: none;
}

/*Parallax Contacto EN*/
#fndo-contacto {
  background-color: #fff;
}

#fndo-contacto.full {
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

#fndo-contacto.full .contenedor {
  margin: 0 auto;
  padding: 0%;
  width: 90%;
  background: transparent;
}

#fndo-contacto.full .contenedor .interno {
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
  -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
}

#fndo-contacto.full .contenedor .interno h1 {
  text-align: left;
  font-family: "helvetica neue lt 45 light";
}

#fndo-contacto.full .contenedor .interno h2 {
  text-align: left;
  width: 100%;
  font-family: "helvetica neue lt 45 light";
  margin-bottom: 3%;
}

#fndo-contacto.full .contenedor .interno p {
  text-align: left;
  width: 100%;
  font-family: "helvetica neue lt 45 light";
}

#fndo-contacto.full .contenedor .interno a.vermas {
  background-color: #3eb3e7;
  color: #fff;
  float: left;
  padding: 8px 20px;
  margin-top: 10px;
  transition: all 0.3s;
}

#fndo-contacto.full .contenedor .interno a.vermas:hover,
full .contenedor .interno a.vermas:focus {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  transition: all 0.3s;
}

#fndo-contacto.full .contenedor .interno .contacto-izquierdo .campocont {
  width: 21%;
  float: left;
}

#fndo-contacto.full .contenedor .interno .contacto-izquierdo #enviar {
  width: 21%;
  float: right;
  right: 40px;
}

#fndo-contacto.full .contenedor .interno .contacto-izquierdo #consulta {
  width: 87%;
}

/*Listado de Paquetes*/
.sproductos .banner-top {
  width: 100%;
  overflow: hidden;
}

.sproductos .banner-top img {
  width: 100%;
}

.upper-text {
  margin-top: 20px;
  margin-bottom: 0px;
}

.upper-text h1 {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  cursor: pointer;
  letter-spacing: -0.1rem;
}

.upper-text h2 {
  font-family: "helvetica neue lt 45 light";
}

.upper-text h1.pase {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  cursor: pointer;
  margin-top: -10px;
  font-size: calc(24px + 0.4vw);
  display: inline;
  text-align: center;
  letter-spacing: -0.1rem;
}

.upper-text h2.light {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  cursor: pointer;
  font-size: calc(24px + 0.4vw);
  display: inline;
  text-align: center;
  margin-right: 10px;
  letter-spacing: -0.1rem;
}

.cada-paquete {
  height: 100%;
  margin: 15px 0;
  width: calc(33.3333333333% - 30px);
  display: inline-block;
  float: none;
}

.contenedor-paquete {
  border-radius: 0px;
  box-shadow: 0;
  /* height: 100%; */
  overflow: hidden;
  padding: 10px;
  width: 100%;
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border: solid thin #eaeaea;
}

.contenedor-paquete .img {
  overflow: hidden;
  width: 100%;
  border-radius: 0px;
  float: left;
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.contenedor-paquete .img .zoom img {
  /*width:100%; height:100%!important; min-height: 220px;*/
  width: 100%;
  height: 100%;
}

.contenedor-paquete a {
  overflow: hidden;
}

.contenedor-paquete .zoom img {
  transform: scale(1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

.contenedor-paquete .zoom:hover img {
  transform: scale(1.1);
  opacity: 0.9;
}

.texto-image {
  left: 5%;
  position: absolute;
  top: 5%;
  width: 80%;
  z-index: 1;
}

.texto-image h1 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
  background: rgba(0, 122, 195, 0.5);
  padding: 10px;
  font-size: calc(14px + 0.4vw);
}

.texto-image hr {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 5px;
  border: none;
  margin: 0 auto;
  display: none;
}

.contenedor-paquete .iconos-listado {
  position: relative;
  left: 0%;
  z-index: 1;
  float: left;
  width: 70%;
}

.contenedor-paquete .iconos-listado ul {
  list-style: none;
}

.contenedor-paquete .iconos-listado ul li {
  display: inline-block;
  width: 20%;
}

ul.social-icons li.vimeo {
  display: none !important;
}

.contenedor-paquete .iconos-listado ul li img {
  width: 100%;
}

.contenedor-paquete .iconos-listado ul li .bus img {
  width: 100%;
}

.contenedor-paquete .iconos-listado ul li .barco img {
  width: 100%;
}

.contenedor-paquete .iconos-listado ul li .almuerzo img {
  width: 100%;
}

.contenedor-paquete .iconos-listado ul li .alojamiento img {
  width: 100%;
}

.contenedor-paquete .iconos-listado ul li .caminata img {
  width: 100%;
}

a.vermas {
  position: relative;
  right: 0%;
  z-index: 1;
  border-radius: 25px !important;
  background-color: #3eb3e7;
  color: #fff;
  padding: 10px 20px;
  transition: all 0.3s;
  float: right;
  margin-top: 10px;
}

.educativo a.vermas {
  right: auto !important;
  float: none !important;
}

a.vermas:hover {
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
}

.contenedor-paquete .pie-paquete .textos-paquete {
  float: left;
  width: 100%;
  padding: 0px;
  min-height: 67px;
}

.contenedor-paquete .pie-paquete .textos-paquete p {
  margin: 20px 0;
  text-align: justify;
  height: 67px;
  overflow: hidden;
  width: 100%;
  font-size: 15px;
}

.contenedor-paquete .pie-paquete {
  padding: 10px;
  overflow: hidden;
  float: left;
  width: 100%;
}

.contenedor-paquete .pie-paquete p {
  float: left;
  text-align: left;
  margin: 0;
  height: 52px;
  font-size: 14px;
  width: 60%;
  overflow: hidden;
}

.tarifas {
  left: 0px;
  position: relative;
}

.contenedor-paquete .pie-paquete a.comprar {
  position: absolute;
  bottom: 20px;
  right: 10px;
  border-radius: 25px;
  background-color: #f6c85b;
  color: #fff;
  padding: 10px 20px;
  transition: all 0.3s;
  margin-top: 10px;
  font-size: 12px;
}

.contenedor-paquete .pie-paquete a.comprar:hover {
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
}

/*Ficha del Paquete*/
.columna-izq {
  padding-bottom: 20px;
  padding-top: 40px;
}

.columna-izq .nav {
  width: 100%;
  float: left;
}

.columna-izq .nav span {
  display: inline;
  float: none;
  line-height: 140%;
  margin-bottom: 5px;
}

.columna-izq a.comprar {
  float: left;
  background-color: #3eb3e7;
  color: #fff;
  width: 100%;
  padding: 5px 5px;
  transition: all 0.3s;
  margin: 10px 0;
  border-radius: 25px;
  font-family: "helvetica neue lt 45 light";
  letter-spacing: 0.55em;
  text-align: center;
  margin-bottom: 20px;
}

.columna-izq a.comprar:hover {
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
}

.servicios-inc {
  border: solid thin #efefef;
  width: 100%;
  float: left;
  padding: 20px 10px;
}

.servicios-inc h1 {
  font-family: "helvetica neue lt 45 light";
  font-weight: 400;
  border-left: solid 10px #007ac3;
  padding-left: 10px;
}

.servicios-inc ul.iconos-servicios {
  z-index: 1;
  display: inline;
}

.servicios-inc ul.iconos-servicios {
  list-style: none;
}

.servicios-inc ul.iconos-servicios li {
  width: 23%;
  float: left;
  border: solid thin #efefef;
  margin: 3px;
  height: 100%;
}

.servicios-inc ul.iconos-servicios li a {
  background: #007ac3;
  padding: 10px;
  margin: 10px;
  float: left;
  height: 100%;
  text-align: center;
  width: auto;
}

.servicios-inc ul.iconos-servicios li a.bus img {
  width: 100%;
}

.servicios-inc ul.iconos-servicios li a.barco img {
  width: 100%;
}

.servicios-inc ul.iconos-servicios li a.almuerzo img {
  width: 100%;
}

.servicios-inc ul.iconos-servicios li a.alojamiento img {
  width: 100%;
}

.servicios-inc ul.iconos-servicios li a.caminata img {
  width: 100%;
}

/*Tooltip*/
.ui-tooltip {
  background-color: #007ac3 !important;
  display: block !important;
  font-family: "helvetica neue lt 45 light";
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  position: absolute !important;
  visibility: visible !important;
  z-index: 1070 !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  color: white !important;
  max-width: 200px !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: none !important;
  border: solid thin white !important;
  transition: all 0.3s;
}

.servicios-inc ul.iconos-servicios li a:hover .ui-tooltip {
  transition: all 0.3s;
  opacity: 9 !important;
}

.ui-tooltip-content {
  color: #fff;
}

.ui-tooltip,
.arrow:after {
  background: #007ac3;
  box-shadow: none !important;
  border: solid thin white !important;
}

.arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px;
}

.arrow.top {
  top: -16px;
  bottom: auto;
}

.arrow.left {
  left: 20%;
}

.arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 25px;
  height: 25px;
  box-shadow: 6px 5px 9px -9px black;
  transform: rotate(45deg);
}

.arrow.top:after {
  bottom: -20px;
  top: auto;
}

/*Submenú izquierdo*/
.submenu-circuitos {
  float: left;
  width: 100%;
  padding: 20px 10px;
  border: thin solid #efefef;
  margin-top: 20px;
}

.banner-cuadrado {
  width: 100%;
  margin-top: 20px;
  float: left;
  border: thin solid #efefef;
}

.banner-cuadrado img {
  width: 100%;
}

.banner-cuadrado a:hover {
  opacity: 0.7;
}

/*Acordeon*/
.menudesp {
  list-style-type: none;
  position: relative;
  left: 0px;
  display: inline;
  margin-top: 10px;
  color: #383637;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

.menudesp a {
  color: #383637;
  text-decoration: none;
  line-height: 200%;
}

.menudesp a:hover {
  color: #0072b8;
  text-decoration: none;
}

.cabeceramenu {
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
  left: 5px;
  width: 100%;
  cursor: pointer;
  margin-bottom: 10px;
}

.submenudesp {
  margin: 20px 0;
  display: none;
}

.icon-angle-right {
  background-color: #0072b8;
  color: #fff;
  padding: 10px 15px;
  float: right;
}

.icon-angle-left {
  background-color: #0072b8;
  color: #fff;
  padding: 10px 15px;
  float: right;
}

.icon-angle-up {
  background-color: #383637;
  color: #fff;
  padding: 10px 15px;
  float: right;
}

.icon-angle-down {
  background-color: #0072b8;
  color: #fff;
  padding: 10px 15px;
  float: right;
}

.cabeceramenu:hover .icon-angle-up,
.cabeceramenu:hover .icon-angle-down,
.cabeceramenu:hover .icon-angle-right {
  background-color: #383637;
}

/*Slider Ficha*/
.slider-ficha {
  border: solid thin #eaeaea;
  padding: 5px !important;
  margin: 20px 0;
}

.slider-ficha img {
  width: 100%;
}

.slider-ficha .slider-container .arrows {
  top: 85%;
  width: 15%;
}

.slider-ficha .slider-container .arrows .jssora22l {
  background: url("../slider-ficha/a22.png") center center no-repeat;
}

.slider-ficha .slider-container .arrows .jssora22r {
  background: url("../slider-ficha/a22.png") center center no-repeat;
}

.slider-ficha .slider-container .arrows .jssora22l {
  background-position: -10px -31px;
  display: inline-block;
  left: 0 !important;
}

.slider-ficha .slider-container .arrows .jssora22r {
  background-position: -70px -31px;
  display: inline-block;
  right: 0 !important;
}

.slider-ficha .slider-container .arrows .jssora22l:hover {
  background-position: -130px -31px;
}

.slider-ficha .slider-container .arrows .jssora22r:hover {
  background-position: -190px -31px;
}

.slider-ficha .slider-container .arrows .jssora22l.jssora22ldn {
  background-position: -250px -31px;
}

.slider-ficha .slider-container .arrows .jssora22r.jssora22rdn {
  background-position: -310px -31px;
}

/*Ficha contenido*/
.slider-content em {
  border-left: 5px solid #007ac3;
  padding-left: 20px;
  display: block;
  margin: 20px 0;
  line-height: 200%;
}

.slider-content em b {
  font-weight: 400;
  color: #007ac3;
}

.paquete-promocional {
  margin: 20px 0;
}

.paquete-promocional .img-promo img {
  width: 100%;
}

.paquete-promocional .texto-promo h1 {
  display: block;
  text-align: center;
  padding: 20px 10px;
  font-weight: 400;
  font-family: "helvetica neue lt 45 light";
  margin-bottom: 20px;
}

.paquete-promocional .texto-promo h2 {
  display: block;
  text-align: center;
  border: solid thin white;
  padding: 20px 10px;
  font-family: "helvetica neue lt 45 light";
}

.slider-content b {
  font-weight: 400;
  font-family: "helvetica neue lt 45 light";
  color: #007ac3;
}

.slider-content p {
  margin-bottom: 15px;
}

.slider-content a {
  color: #007ac3;
}

.slider-content a:hover {
  color: #383637;
}

.contenedor-paquete a.vermas {
  color: #fff;
  font-size: 11px;
}

.contenedor-paquete a.vermas:hover {
  color: #fff;
}

.botonera {
  float: left;
  margin-bottom: 30px;
  padding: 20px 0;
  width: 100%;
}

.comprar a {
  background-color: #007ac3;
  color: #fff;
  float: left;
  font-weight: 800;
  padding: 10px 20px;
  text-decoration: none;
}

.contactar a {
  background-color: #007ac3;
  color: #fff;
  float: right;
  font-weight: 800;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 25px;
  width: 100%;
  text-align: center;
}

.comprar a:hover {
  background-color: #383637;
  color: #fff;
  text-decoration: none;
}

.imprimir a:hover {
  background-color: #383637;
  color: #fff;
  text-decoration: none;
  width: 100%;
  width: 100%;
  text-align: center;
}

.contactar a:hover {
  background-color: #383637;
  color: #fff;
  text-decoration: none;
  width: 100%;
  width: 100%;
  text-align: center;
}

.imprimir a {
  background-color: #007ac3;
  color: #fff;
  float: left;
  font-weight: 800;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 25px;
  width: 100%;
  text-align: center;
}

/*Nuestra Flota*/
.slider-content .listado .cada-paquete {
  height: 100%;
  width: calc(50% - 30px);
  float: none;
  display: inline-block;
}

.slider-content .listado .contenedor-paquete {
  min-height: 100%;
}

/*Contacto Izquierdo*/
.contacto-izquierdo {
  float: left;
  width: 100%;
  padding: 20px 10px;
  border: thin solid #efefef;
  margin-top: 20px;
}

.contacto-izquierdo h1 {
  font-family: "helvetica neue lt 45 light";
  font-weight: 400;
  border-left: solid 10px #007ac3;
  padding-left: 10px;
}

.contacto-izquierdo .titulos-contacto {
  font-size: 90%;
  margin-top: 15px;
}

.contacto-izquierdo #consulta {
  font-size: 100% !important;
  margin-left: 10px;
}

.contacto-izquierdo .campocont {
  width: 92%;
}

.contacto-izquierdo #area1 {
  width: 90%;
}

.contacto-izquierdo #contenviar {
  width: 90%;
}

/*#comprar, #comprar:hover, #comprar:focus, #comprar:active  {background-color: rgb(255, 137, 0)!important;}*/
/*.menuint#comprar, .menuint#comprar:hover, .menuint#comprar:active, .menuint#comprar:focus {background-color: rgb(255, 137, 0)!important;}*/
.pre-top #comprame {
  background-color: rgb(246, 200, 91) !important;
}

.pre-top #comprame {
  display: inline;
  border: none;
  border-radius: 25px;
  margin-top: 5px;
  padding: 10px 21px;
  margin: 5px 10px;
  position: absolute !important;
  left: calc(50% - 88px) !important;
  top: 72px;
}

.sliderel {
  margin: 0 auto 0;
  position: relative;
  background: #f1eff0;
  padding: 20px 0;
}

.sliderel h5 {
  text-align: center;
  margin: 0 0 20px;
  font-size: 28px;
}

.sliderel hr {
  border: 0;
  border-top: 2px solid #027ebb;
  width: 216px;
  margin: 0 auto 30px;
  display: block;
}

.sliderel div.slider {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.sliderel div.slider ul {
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sliderel div.slider ul li {
  text-align: center;
  width: 270px;
  height: 250px;
  float: left;
  margin-right: 10px;
  padding: 7px;
  border: 2px solid #DDD;
  border-radius: 7px;
  position: relative;
}

.sliderel div.slider ul li span {
  display: block;
  height: 118px;
  background-size: cover !important;
  border-radius: 5px;
}

.sliderel div.slider ul li strong {
  font-size: 12px;
  color: #FFF;
  position: absolute;
  top: 10px;
  left: 7px;
  background: rgba(0, 122, 195, 0.7);
  padding: 10px;
}

.sliderel div.slider ul li .desc {
  font-size: 12px;
  color: #777;
  margin: 10px 0;
  line-height: 14px;
  height: 56px;
  overflow: hidden;
}

.sliderel div.slider ul li .tarifas {
  font-size: 13px;
  line-height: 14px;
  height: 44px;
  overflow: hidden;
  padding-right: 63px;
}

.sliderel div.slider ul li .vermas {
  position: absolute;
  right: 7px;
  bottom: 5px;
  color: #FFF;
  font-size: 10px;
  padding: 7px 10px;
}

.sliderel div.slider ul li img {
  width: 100%;
  height: auto;
}

.sliderel .controls .next {
  position: absolute;
  top: 44%;
  right: 5px;
  background: url(img/nextprev5.png) no-repeat -24px center;
  display: none;
  width: 24px;
  height: 24px;
}

.sliderel .controls .prev {
  position: absolute;
  top: 44%;
  left: 5px;
  background: url(img/nextprev5.png) no-repeat 0 center;
  display: none;
  width: 24px;
  height: 24px;
}

.sliderel .controls .nav {
  text-align: center;
  margin-top: 20px;
}

.sliderel .controls .nav a {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background: #ccc;
  margin: 0 4px;
}

.sliderel .controls .nav a.active {
  background: #027ebb;
}

@media print {
  .sproductos .banner-top,
  .pre-top,
  .menu,
  .columna-izq,
  .botonera,
  .compraronline,
  #footer,
  .slider-ficha .slider-container .arrows {
    display: none;
  }
  nav .logo {
    position: static;
    margin-bottom: 0;
  }
  .slider-content {
    width: 100% !important;
  }
}
#dcontacto {
  display: none;
}

.form label {
  display: block;
  margin-bottom: 10px;
  text-align: left;
}

.form label strong {
  display: block;
  margin-bottom: 2px;
  font-weight: normal;
  cursor: default;
  font-weight: 400;
  margin-bottom: 5px;
  color: #383637;
  line-height: 22px;
  text-align: left;
  font-size: 18px;
}

.form input[type=text],
.form input[type=date],
.form input[type=number],
.form input[type=password],
.form select,
.form textarea {
  border: 1px solid #DDD;
  background: #FFF;
  color: #777;
  padding: 10px 5px;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: 0;
}

.form input[type=submit],
.submit2 {
  position: relative !important;
  background-color: #007ac3 !important;
  line-height: 1;
  padding: 10px;
  width: 100%;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  font-size: 18px;
  border: 0;
  outline: 0;
}

.form input[type=submit]:hover,
.submit2:hover {
  background: #666;
  text-decoration: none !important;
}

.form input[type=button],
.button2 {
  background: #CCC;
  border: 0;
  padding: 0 15px;
  cursor: pointer;
  color: #333 !important;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  vertical-align: top;
}

.form input[type=button]:hover,
.button2:hover {
  background: #DDD;
  text-decoration: none !important;
}

.inputerror {
  background: #FFF0F0 !important;
  border: 1px dotted #F3ABAB !important;
}

span.error {
  display: block;
  padding: 5px 7px 5px 22px;
  color: #555;
  margin: 0 0 0 1px;
  display: none;
  background: rgba(255, 240, 200, 0.8) url(img/error.png) no-repeat 2px center;
  border: 1px solid #EDDAB1;
  position: absolute;
}

@media only screen and (max-width: 992px) {
  .contenedor-paquete .img .zoom img {
    width: 100%;
    height: auto !important;
  }
}
/*Pop UP*/
.modalDialog {
  position: fixed;
  font-family: "helvetica neue lt 45 light";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  display: none;
}

.modalDialog img {
  width: 100%;
}

.modalDialog:target {
  opacity: 1;
  pointer-events: auto;
}

.modalDialog > div {
  width: 70%;
  position: relative;
  margin: 5% auto;
  padding: 20px;
  border-radius: 3px;
  background: #fff;
  background: -o-linear-gradient(#fff, #fff);
}

.close {
  background: #424042;
  color: #fff;
  line-height: 42px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0px;
  width: 42px;
  text-decoration: none;
  font-weight: bold;
}

.close:hover {
  background: #007ac3;
}

.iframe {
  border-style: none;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 650px;
}

#CDSWIDSSP {
  width: auto !important;
}

#CDSWIDSSP img {
  width: auto !important;
}

/*GRAFICA*/
.grafica {
  text-align: center;
  margin-bottom: 25px;
  overflow: hidden;
}

.grafica a {
  display: block;
  text-align: center;
}

.grafica a.img {
  height: 200px;
  background: #EEE;
  float: none !important;
  border-radius: 8px;
  padding: 4px;
  height: 250px;
  line-height: 200px;
  clear: both;
  background-size: cover !important;
}

.grafica a.vermas {
  margin-top: 5px !important;
  position: static;
}

.grafica .type {
  line-height: 24px;
  border-radius: 4px;
  background: #007ac3;
  color: #FFF;
  font-size: 11px;
  display: inline-block;
  padding: 0 10px;
}

.grafica .resolution {
  float: right;
  line-height: 24px;
  color: #555;
  font-size: 12px;
}

.body-agencias .color-dark {
  color: #555;
}

.body-agencias {
  color: #555;
}

.logout {
  display: none;
  background: #4dc8e9;
  line-height: 26px;
  padding: 0 10px;
  color: #FFF;
  font-size: 14px;
}

.logout:hover {
  background: #3DB9DA;
}

/*MENU AGENCIAS*/
@media only screen and (min-width: 1024px) {
  .nav-grafica {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    clear: both;
    padding: 10px 0;
  }
  .nav-grafica > ul {
    list-style: none;
    text-align: center;
  }
  .nav-grafica > ul > li {
    display: inline-block;
    position: relative;
  }
  .nav-grafica > ul > li > a {
    display: inline-block;
    line-height: 34px;
    padding: 0 20px;
    background: #007ac3;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
  }
  .nav-grafica > ul > li > a:hover {
    background: rgb(58, 149, 204);
    color: #FFF !important;
  }
  .nav-grafica > ul > li > ul {
    position: absolute;
    background: #007ac3;
    top: 34px;
    left: 0;
    display: none;
    list-style: none;
  }
  .nav-grafica > ul > li:hover > ul {
    display: block;
  }
  .nav-grafica > ul > li > ul a {
    display: block;
    color: #fff;
    line-height: 30px;
    padding: 0 30px 0 20px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
  }
  .nav-grafica > ul > li > ul a:hover {
    background: rgb(58, 149, 204);
  }
}
@media only screen and (max-width: 1023px) {
  .nav-grafica {
    display: none;
    position: absolute;
    background: #007ac3;
    top: 100px;
    z-index: 100;
    width: 100%;
  }
  .nav-grafica ul {
    list-style: none;
    text-align: left;
  }
  .nav-grafica ul li a {
    display: block;
    line-height: 34px;
    padding: 0 20px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 13px;
  }
  .nav-grafica ul ul {
    padding-left: 20px;
  }
  .nav-grafica > ul > li > ul {
    display: none;
  }
  .nav-grafica > ul > li > ul a {
    font-size: 12px;
  }
}
/*PASADORES INDEX*/
#pasadoruno {
  position: relative;
  overflow: hidden;
}

.section {
  position: relative;
  width: 100%;
}

.pasadoruno {
  position: relative;
}

.pasadoruno #eldivpasadoruno {
  width: 100%;
  min-width: 100px;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.pasadoruno .flech {
  width: 60px;
  height: 80px;
  position: absolute;
  z-index: 99;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  margin-top: 8%;
  background-color: rgba(0, 122, 195, 0.7);
}

.pasadoruno .flech.left {
  left: 0px;
}

.pasadoruno .flech.right {
  right: 0px;
}

.pasadoruno .flech img {
  width: 20px;
  height: auto;
  top: 25%;
  position: relative;
}

.pasadoruno .fotopasadoruno {
  width: 12.5%;
  height: 100%;
  float: left;
}

.pasadoruno .fotopasadoruno img {
  width: 100%;
}

.pasadoruno #carretepasadoruno {
  height: 100%;
}

.pasadoruno .fotopasadoruno .modulo-interno .modulo-foto {
  border: 0 !important;
}

.pasadordos .fotopasadordos .modulo-interno .modulo-foto {
  border: 0 !important;
}

#pasadordos {
  position: relative;
  overflow: hidden;
}

.pasadordos {
  position: relative;
}

.pasadordos #eldivpasadordos {
  width: 100%;
  min-width: 100px;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.pasadordos .flech {
  width: 60px;
  height: 80px;
  position: absolute;
  z-index: 1;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  margin-top: 8%;
  background-color: rgba(0, 122, 195, 0.7);
}

.pasadordos .flech.left {
  left: 0px;
}

.pasadordos .flech.right {
  right: 0px;
}

.pasadordos .flech img {
  width: 20px;
  height: auto;
  top: 25%;
  position: relative;
}

.pasadordos .fotopasadordos {
  width: 12.5%;
  height: 100%;
  float: left;
}

.pasadordos .fotopasadordos img {
  width: 100%;
}

.pasadordos #carretepasadordos {
  height: 100%;
}

#pasadortres {
  position: relative;
  overflow: hidden;
}

.pasadortres {
  position: relative;
}

.pasadortres #eldivpasadortres {
  width: 100%;
  min-width: 100px;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
}

.pasadortres .flech {
  width: 60px;
  height: 80px;
  position: absolute;
  z-index: 999;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  margin-top: 8%;
  background-color: rgba(0, 122, 195, 0.7);
}

.pasadortres .flech.left {
  left: 0px;
}

.pasadortres .flech.right {
  right: 0px;
}

.pasadortres .flech img {
  width: 20px;
  height: auto;
  top: 25%;
  position: relative;
}

.pasadortres .fotopasadortres {
  width: 12.5%;
  height: 100%;
  float: left;
}

.pasadortres .fotopasadortres img {
  width: 100%;
}

.pasadortres #carretepasadortres {
  height: 100%;
}

.modulo-interno {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  border-radius: 0px !important;
  border: dotted 1px #dedede;
}

.modulo-interno:hover,
.modulo-interno:active,
.modulo-interno:focus {
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  border-radius: 0px !important;
}

.fotopasadoruno a {
  overflow: hidden;
  border-radius: 0px !important;
}

.fotopasadoruno .zoom img {
  transform: scale(1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border-radius: 0px !important;
}

.fotopasadoruno .zoom:hover img {
  transform: scale(1.1);
  opacity: 0.9;
  border-radius: 0px !important;
}

.fotopasadordos a {
  overflow: hidden;
  border-radius: 0px !important;
}

.fotopasadordos .zoom img {
  transform: scale(1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border-radius: 0px !important;
}

.fotopasadordos .zoom:hover img {
  transform: scale(1.1);
  opacity: 0.9;
  border-radius: 0px !important;
}

.modulo-foto {
  float: left;
  width: 100%;
  overflow: hidden;
}

.modulo-info {
  float: left;
  background: white;
  padding: 20px;
  width: 100%;
  min-height: 315px;
}

.modulo-info p.titulo {
  color: #383637;
  text-transform: uppercase;
  font-weight: bold;
  float: left;
  width: 100%;
  min-height: 45px;
  height: 45px;
  overflow: hidden;
  font-family: "Helvetica Condensed";
  letter-spacing: -0.07rem;
}

.modulo-info p.normal.color-lightgrey {
  text-align: justify;
  margin-top: 0px;
  float: left;
  width: 100%;
  height: 90px;
  overflow: hidden;
  line-height: 120%;
  display: none;
}

.modulo-info p.extrasmall.color-dark.tarifas {
  text-align: left;
  margin-top: 5px;
  float: left;
  width: 100%;
  max-height: 36px;
  overflow: hidden;
  min-height: 36px;
}

.modulo-info a.comprar {
  position: relative;
  float: left;
  background-color: #f6c85b;
  color: #fff;
  padding: 10px 20px;
  transition: all 0.3s;
  margin-top: 20px;
  border-radius: 25px !important;
}

.modulo-info a.comprar:hover {
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
}

.modulo-info .iconos-listado {
  position: relative;
  bottom: 10px;
  width: 100%;
  display: block;
  overflow: hidden;
  float: left;
}

.modulo-info .iconos-listado ul {
  list-style: none;
}

.modulo-info .iconos-listado ul li {
  display: inline;
  float: left;
  width: 16.6666666667%;
}

h3.medium.subtitle {
  color: #fff;
  font-weight: normal;
  text-align: center;
  background-color: rgb(0, 122, 195);
  text-transform: uppercase;
  padding: 5px;
  letter-spacing: 2px;
  display: table;
  margin: 0 auto;
  font-size: calc(12px + 0.4vw);
}

.upper-text p.salidas {
  text-align: center;
  border-bottom: dotted 1px #dedede;
  text-transform: uppercase;
  font-weight: 300;
  display: table;
  margin: 0 auto;
  color: #bababa;
  font-size: calc(12px + 0.4vw);
}

@media only screen and (max-width: 992px) {
  /* Orientación Horizontal */
  #carretepasadoruno {
    width: 800% !important;
  }
  #carretepasadordos {
    width: 800% !important;
  }
  #carretepasadortres {
    width: 800% !important;
  }
  .pasadoruno .flech {
    margin-top: 30%;
  }
  .pasadordos .flech {
    margin-top: 30%;
  }
  .modulo-info p.normal.color-lightgrey {
    height: 100%;
  }
  .modulo-info {
    min-height: 100%;
  }
  h3.medium.subtitle {
    text-align: center;
  }
  .titulopaquete {
    width: 100%;
  }
  .upper-text h1.pase {
    font-size: 165%;
  }
  .upper-text h1.pase {
    font-size: 165%;
  }
  .upper-text h2.light {
    font-size: 188%;
  }
  h3.medium.subtitle {
    letter-spacing: 3px;
    font-size: 100%;
  }
  .upper-text p.salidas {
    font-size: 100%;
    margin-top: 10px;
    padding-bottom: 10px;
  }
}
.logo a {
  height: auto;
}

/* Nuevos estilos Listado de Productos */
.listado-lea {
  width: 100%;
  min-width: 100px;
  height: 100%;
  float: left;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.cada-paquete-lea {
  width: 25%;
  height: 100%;
  float: left;
  margin: 20px 0;
}

.contenedor-paquete-lea {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  border-radius: 0px !important;
  border: dotted 1px #dedede;
}

.contenedor-paquete-lea:hover,
.contenedor-paquete-lea:active,
.contenedor-paquete-lea:focus {
  box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
  border-radius: 0px !important;
}

.img-lea {
  border: 0 !important;
  height: 220px;
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  overflow: hidden;
}

.img-lea a {
  overflow: hidden;
  border-radius: 0px !important;
}

.img-lea .zoom img {
  transform: scale(1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  border-radius: 0px !important;
}

.img-lea .zoom:hover img {
  transform: scale(1.1);
  opacity: 0.9;
  border-radius: 0px !important;
}

.texto-info {
  float: left;
  background: white;
  padding: 20px;
  width: 100%;
  min-height: 315px;
}

.texto-info p.titulo {
  color: #383637;
  text-transform: uppercase;
  font-family: "Helvetica Condensed";
  font-weight: bold;
  float: left;
  width: 100%;
  min-height: 45px;
  height: 45px;
  overflow: hidden;
  line-height: 140%;
  margin-bottom: 5px;
  letter-spacing: -0.07rem;
}

.texto-info .iconos-listado {
  position: relative;
  left: 0%;
  z-index: 1;
  float: left;
  width: 100%;
  height: 56px;
}

.texto-info .iconos-listado ul {
  list-style: none;
}

.texto-info .iconos-listado ul li {
  display: inline-block;
  width: 20%;
}

.texto-info ul.social-icons li.vimeo {
  display: none !important;
}

.texto-info .iconos-listado ul li img {
  width: 100%;
  max-width: 40px;
}

.texto-info .iconos-listado ul li .bus img {
  width: 100%;
}

.texto-info .iconos-listado ul li .barco img {
  width: 100%;
}

.texto-info .iconos-listado ul li .almuerzo img {
  width: 100%;
}

.texto-info .iconos-listado ul li .alojamiento img {
  width: 100%;
}

.texto-info .iconos-listado ul li .caminata img {
  width: 100%;
}

.textos-paquete-lea p.normal.color-lightgrey {
  text-align: justify;
  margin-top: 0px;
  float: left;
  width: 100%;
  height: 78px;
  overflow: hidden;
  line-height: 120%;
  display: none;
}

.pie-paquete-lea .tarifas {
  left: 0px;
  position: relative;
}

.pie-paquete-lea p.extrasmall.color-dark.tarifas {
  text-align: left;
  margin-top: 5px;
  float: left;
  width: 100%;
  max-height: 36px;
  overflow: hidden;
  min-height: 36px;
}

.texto-info a.vermas.extrasmall {
  position: relative;
  float: left;
  border-radius: 5px;
  background-color: #3eb3e7;
  color: #fff;
  padding: 10px 20px;
  transition: all 0.3s;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 25px !important;
}

.texto-info a.vermas.extrasmall:hover,
.texto-info a.vermas.extrasmall:active,
.texto-info a.vermas.extrasmall:focus {
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
}

/*botón de ws*/
#chat-ws {
  display: none !important;
  position: fixed;
  bottom: 10px;
  left: 10px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
}

#chat-ws img {
  padding-left: 0px;
  padding-top: 0px;
  width: 100%;
}

#ayuda {
  display: none !important;
  position: fixed;
  color: white;
  padding: 15px 20px 15px 20px;
  bottom: 10px;
  left: 73px;
  width: auto;
  height: auto;
  background-color: #1bd741;
  border-radius: 40px;
  cursor: pointer;
  display: block;
  box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
}

#ayuda a {
  color: #fff;
  text-decoration: none;
}

.text-primary {
  color: #3eb3e7 !important;
}

#comprar .button {
  position: relative;
  float: left;
  background-color: #3eb3e7 !important;
  color: #fff;
  padding: 10px 20px !important;
  transition: all 0.3s;
  margin-top: 20px;
  overflow: hidden;
  border-radius: 25px !important;
  text-shadow: none !important;
}

#comprar .button:hover,
#comprar .button:active,
#comprar .button:focus {
  background-color: rgba(0, 0, 0, 0.75) !important;
  transition: all 0.3s;
}

#dialog-residente > div {
  max-width: 680px !important;
  border-radius: 25px;
  top: calc(70% - 500px);
  /*top: calc(60% - 500px);*/
  background: #fff;
}

#dialog-residente p {
  padding: 20px;
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  color: #adaaaa;
  margin-bottom: 25px;
}

#dialog-residente .container {
  width: 80%;
  /*width: 20%; */
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

#dialog-residente .container img {
  width: 100%;
  max-width: 330px;
  margin: 40px auto;
}

#dialog-residente .yes {
  display: inline-block;
  width: calc(50% - 30px);
}

#dialog-residente .no {
  display: inline-block;
  width: calc(50% - 30px);
}

#dialog-residente .yes a {
  width: 100%;
  background: #f6c85b;
  border: 5px solid #f6c85b;
  height: auto;
  color: white !important;
  border-radius: 25px;
  padding: 0;
}

#dialog-residente .no a {
  width: 100%;
  background: #f6c85b;
  border: 5px solid #f6c85b;
  height: auto;
  color: white !important;
  border-radius: 25px;
  padding: 0;
}

#dialog-residente .no a:hover,
#dialog-residente .no a:active,
#dialog-residente .no a:focus {
  width: 100%;
  background: #006dba;
  border: 5px solid #006dba;
  height: auto;
  color: #fff !important;
  border-radius: 25px;
}

#dialog-residente .yes a:hover,
#dialog-residente .yes a:active,
#dialog-residente .yes a:focus {
  width: 100%;
  background: #006dba;
  border: 5px solid #006dba;
  height: auto;
  color: #fff !important;
  border-radius: 25px;
}

#dialog-residente > div.es p {
  margin-bottom: 0;
  padding: 0;
  font-size: 20px;
  color: #adaaaa;
}

@media (max-width: 480px) {
  #dialog-residente > div {
    width: 85%;
    max-width: 320px;
    top: 10vh;
  }
}
.leform {
  padding: 50px;
  border: 1px solid #dedede;
  margin-top: 50px;
  margin-bottom: 100px;
}

.form-control:focus {
  background: white !important;
}

input:-internal-autofill-selected {
  background: white !important;
}

.olvido {
  font-weight: 400;
  margin-bottom: 5px;
  color: #383637;
  line-height: 22px;
  text-align: left;
  font-size: 18px;
}

.registro {
  background: rgb(246, 200, 91) !important;
  color: #FFF;
  padding: 10px 20px;
  line-height: 28px;
  margin: 10px 0 0;
  overflow: hidden;
  display: inline-block;
  border-radius: 50px;
}

.body-agencias h1 {
  font-family: "helvetica neue lt 45 light";
  font-weight: 400;
  border-left: solid 10px #007ac3;
  padding-left: 10px;
  font-size: 28px;
}

.body-agencias {
  font-family: "helvetica neue lt 45 light";
}

.body-agencias .tarifario td {
  padding: 5px;
  border-bottom: 1px dotted #dedede;
}

.body-agencias .tarifario td a {
  position: relative;
  right: 0%;
  z-index: 1;
  border-radius: 25px !important;
  background-color: #f6c85b;
  color: #fff;
  padding: 10px 20px;
  transition: all 0.3s;
  float: right;
  margin-top: 0px;
  font-size: 14px;
}

.body-agencias .menu {
  overflow: visible;
  float: left;
}

.previaje {
  position: fixed;
  top: 50%;
  right: 20px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  cursor: pointer;
  display: none !important;
  box-shadow: 0 0 20px 0 rgba(91, 91, 91, 0.1);
  z-index: 999;
  transition: 1s ease all;
}

.previaje img {
  padding-left: 0px;
  padding-top: 0px;
  width: 100%;
}

.previaje:hover,
.previaje:active,
.previaje:focus {
  width: 115px;
  transition: 1s ease all;
}

#covid {
  background: #007ac3;
  width: 100%;
  padding: 10px;
  height: 100%;
  display: block;
}

#covid a {
  color: white;
  font-size: calc(11px + 0.3vw);
  font-weight: 600;
  letter-spacing: 0.085em;
  text-align: center;
  width: 100%;
  display: block;
}

/* Nuevo slider */
/**********************
Slider Index
***********************/
#carouselExampleIndicators .carousel-control-next,
#carouselExampleIndicators .carousel-control-prev {
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #0a549d;
}

#carouselExampleIndicators .carousel-indicators .active {
  background-color: #76c6eb;
}

#carouselExampleIndicators .carousel-item {
  height: auto;
  min-height: auto;
  background: no-repeat center center scroll;
  background-size: cover;
}

#carouselExampleIndicators .carousel-item h3 {
  text-align: left;
  color: white;
  font-size: calc(30px + 0.4vw);
  font-family: "helvetica neue lt 95 black";
  font-weight: 700;
  position: relative;
}

#carouselExampleIndicators .carousel-item h3:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 40%;
  width: 60px;
  background: white;
  height: 2px;
}

#carouselExampleIndicators .carousel-item p {
  font-size: calc(18px + 0.4vw);
  position: relative;
}

#carouselExampleIndicators .carousel-item p.lead {
  text-align: left;
  border-left: 4px solid white;
  padding-left: 15px;
  margin-top: 15px;
}

#carouselExampleIndicators .carousel-item .carousel-caption {
  bottom: 10vh;
  text-align: left;
  padding: 4vh 4vw;
  width: 35%;
  right: 5%;
  left: auto;
  background: rgba(10, 84, 157, 0.8);
  border-radius: 0px 60px 0px 60px;
}

#carouselExampleIndicators .carousel-item .carousel-caption a {
  position: absolute;
  right: 0;
  bottom: -65px;
}

#carouselExampleIndicators .fix-im {
  position: relative;
  bottom: 11rem;
}

#carouselExampleIndicators .ugali {
  background: black;
  padding: 6px;
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
}

@supports (transform-style: preserve-3d) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    transform: translate3d(0, 0, 0);
  }
}
/* Otro carousel */
#carouselExampleIndicators1 .carousel-control-next,
#carouselExampleIndicators1 .carousel-control-prev {
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #0a549d;
}

#carouselExampleIndicators1 .carousel-indicators .active {
  background-color: #76c6eb;
}

#carouselExampleIndicators1 .carousel-item {
  height: auto;
  min-height: 350px;
  background: no-repeat center center scroll;
  background-size: cover;
}

#carouselExampleIndicators1 .carousel-item h3 {
  text-align: left;
  color: white;
  font-size: calc(30px + 0.4vw);
  font-family: "helvetica neue lt 95 black";
  font-weight: 700;
  position: relative;
}

#carouselExampleIndicators1 .carousel-item h3:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 40%;
  width: 60px;
  background: white;
  height: 2px;
}

#carouselExampleIndicators1 .carousel-item p {
  font-size: calc(18px + 0.4vw);
  position: relative;
}

#carouselExampleIndicators1 .carousel-item p.lead {
  text-align: left;
  border-left: 4px solid white;
  padding-left: 15px;
  margin-top: 15px;
}

#carouselExampleIndicators1 .carousel-item .carousel-caption {
  bottom: 10vh;
  text-align: left;
  padding: 4vh 4vw;
  width: 35%;
  right: 5%;
  left: auto;
  background: rgba(10, 84, 157, 0.8);
  border-radius: 0px 60px 0px 60px;
}

#carouselExampleIndicators1 .carousel-item .carousel-caption a {
  position: absolute;
  right: 0;
  bottom: -65px;
}

#carouselExampleIndicators1 .fix-im {
  position: relative;
  bottom: 11rem;
}

#carouselExampleIndicators1 .ugali {
  background: black;
  padding: 6px;
}

/* generales */
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}

.section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.media-container-row {
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: start;
}

.destacados .zoom {
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 10px;
  float: left;
  position: relative;
}

.destacados .zoom img {
  width: 100%;
  transform: scale(1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.destacados .zoom:hover img {
  transform: scale(1.1);
  opacity: 0.9;
}

.videos .zoom {
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 0px;
  float: left;
  position: relative;
}

.videos .zoom img {
  width: 100%;
  transform: scale(1);
  transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.videos .zoom:hover img {
  transform: scale(1.1);
  opacity: 0.9;
}

/* ==========================================================================
  $Html Lightbox Galery
========================================================================== */
#html5-watermark {
  display: none !important;
}

.lightboxcontainer {
  width: 100%;
  text-align: left;
}

.lightboxleft {
  width: 40%;
  float: left;
}

.lightboxright {
  width: 60%;
  float: left;
}

.lightboxright iframe {
  min-height: 390px;
}

.divtext {
  margin: 36px;
}

@media (max-width: 800px) {
  .lightboxleft {
    width: 100%;
  }
  .lightboxright {
    width: 100%;
  }
  .divtext {
    margin: 12px;
  }
}
.hidden-xs {
  display: block;
}

.visible-xs {
  display: none;
}

@media (max-width: 568px) {
  .visible-xs {
    display: block;
  }
  .hidden-xs {
    display: none;
  }
}
.botoncitos {
  display: flex;
  position: absolute;
  bottom: -20px;
  left: auto;
  z-index: 1;
  padding: 20px;
  right: auto;
  width: 87%;
}

.botoncitos a {
  display: inline-block;
  color: white;
  margin: 10px;
  padding: 10px;
  background: #00b7ea;
  text-align: center;
  border-radius: 25px;
  text-transform: uppercase;
  font-size: 16px;
}

.botoncitos a:active,
.botoncitos a:hover,
.botoncitos a:focus {
  background: #ffc84d;
  color: white;
}

/*** T H E - M A G I C - O F - O B J E C T - F I T ***/
/*****************************************************/
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0px;
  height: 0;
}
.videoWrapper .texto {
  position: absolute;
  bottom: 15%;
  z-index: 1;
  color: white;
  left: 5%;
  padding: 10px;
}
.videoWrapper .texto h1 {
  font-family: "Adobe Garamond Pro";
  font-weight: normal;
  font-style: italic;
  color: #fecb32;
  font-size: calc(112px + 0.4vw);
  line-height: 1;
  margin-bottom: -20px;
}
.videoWrapper .texto h2 {
  font-family: "Helvetica Condensed";
  font-size: calc(87px + 0.4vw);
  line-height: 1;
  font-weight: bold;
  letter-spacing: -0.1rem;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Sidenav  y Navbar*/
.navbar {
  position: fixed !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  top: 0;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
}
.navbar .logo img {
  max-width: 200px;
}
.navbar .comprar-online {
  background: #fecb32;
  color: white;
  border-radius: 50px;
  padding: 5px 15px;
  margin: 0 10px;
  text-decoration: none !important;
}
.navbar .acceso-agencias {
  background: #3eb3e7;
  color: white;
  border-radius: 50px;
  padding: 5px 15px;
  margin: 0 10px;
  text-decoration: none !important;
}
.navbar .idiomas img {
  width: 30px;
}
.navbar span {
  color: white;
  display: inline-block;
  cursor: pointer;
  margin: 0 10px;
}

.navbar.grande {
  background: rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease-in-out;
}

.navbar.chico {
  background: rgb(255, 255, 255);
  transition: all 0.2s ease-in-out;
}

.navbar.grande .logo img.blanco {
  display: block;
}

.navbar.grande span {
  color: white;
  background: #007ac3;
  padding: 7px 10px;
  border-radius: 50px;
  font-size: 14px;
}

.navbar.grande .logo img.color {
  display: none;
}

.navbar.chico .logo img.blanco {
  display: none;
}

.navbar.chico span {
  color: white;
  background: #007ac3;
  padding: 7px 10px;
  border-radius: 50px;
  font-size: 14px;
}

.navbar.chico .logo img.color {
  display: block;
}

.navbar.chico .nav-link span {
  color: white;
}

.navbar.grande .nav-link span {
  color: white;
}

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #196db6;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav #nav_accordion .submenu.collapse.show {
  display: inline-block;
  position: relative;
  font-weight: 400;
  height: 100%;
  width: 100%;
  cursor: pointer;
  text-align: left;
  text-indent: 20px;
  line-height: 30px;
  text-decoration: none;
  font-size: 1rem;
  background: #007ac3;
}
.sidenav #nav_accordion .submenu.collapse.show li a {
  padding: 8px 8px 8px 15px;
  font-size: 16px;
  line-height: 1.2;
}
.sidenav .destacados {
  margin-top: 40px;
  padding: 20px;
}
.sidenav .destacados .comprar-online {
  margin: 10px 10px;
}
.sidenav .destacados .acceso-agencias {
  margin: 10px 10px;
}
.sidenav .destacados .idiomas {
  display: inline-block !important;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  color: white;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}
/**********************
Ws botón redondo con tooltip
***********************/
#chat-ws-redondo.ws.tooltip {
  position: fixed;
  bottom: 20px;
  right: 40px;
  width: 60px;
  height: 60px;
  border-radius: 50% !important;
  cursor: pointer;
  display: block;
  box-shadow: 0px 0px 20px 0px rgba(91, 91, 91, 0.5);
  z-index: 999;
  background: #1ca550;
  padding: 10px;
  opacity: 1;
}

#chat-ws-redondo.ws.tooltip img {
  padding-left: 0px;
  padding-top: 0px;
  width: 100%;
}

#chat-ws-redondo.ws.tooltip i {
  font-size: 44px;
  color: white;
}

.ws.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #1ca550;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.ws.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #1ca550 transparent transparent transparent;
}

.ws.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* Icon-Bar Redes */
.icon-bar-redes {
  top: 200px;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: space-evenly;
  align-items: stretch;
  position: fixed;
}

.icon-bar-redes a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
  border: 1px solid white;
  background: rgba(251, 182, 17, 0.8);
}

.icon-bar-redes a:hover,
.icon-bar-redes a:active,
.icon-bar-redes a:focus {
  background-color: #9e9e9e;
  background: #9e9e9e;
  border: 1px solid #9e9e9e;
}

.icon-bar-redes a.redondas {
  display: block;
  text-align: center;
  padding: 6px 5px;
  margin: 10px;
  transition: all 0.3s ease;
  color: white;
  font-size: 16px;
  border: 2px solid white;
  border-radius: 100%;
  background: #0a549d;
  width: 36px;
}

.icon-bar-redes a.redondas:hover,
.icon-bar-redes a.redondas:active,
.icon-bar-redes a.redondas:focus {
  background-color: black;
  background: black;
  border: 2px solid white;
}

.icon-bar-redes a.redondas.facebook {
  background: #3B5998;
  color: white;
}

.icon-bar-redes a.redondas.instagram {
  background: #f09433;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1);
}

/* Segundo video */
#video2 {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}
#video2 video {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

/* Empieza el responsive */
@media only screen and (max-width: 990px) {
  .navbar .logo img {
    max-width: 100px;
  }
  .navbar .comprar-online,
  .navbar .acceso-agencias {
    display: none;
  }
  .videoWrapper .texto h1 {
    font-size: calc(45px + 0.4vw);
    margin-bottom: 0;
  }
  .videoWrapper .texto h2 {
    font-size: calc(35px + 0.4vw);
  }
  .icon-bar-redes {
    display: none;
  }
  .videoWrapper .texto {
    bottom: 40px;
  }
  .destacados .comprar-online {
    display: block !important;
  }
  .destacados .acceso-agencias {
    display: block !important;
  }
  .destacados .idiomas {
    display: inline-block !important;
  }
}
.nuevo-boca .text-primary {
  color: #3eb3e7 !important;
}

.nuevo-boca a.comprar {
  position: relative;
  vertical-align: middle;
  background-color: #f6c85b;
  color: #fff;
  padding: 10px 20px;
  transition: all 0.3s;
  margin-top: 20px;
  border-radius: 25px !important;
  font-size: 14px;
  margin-left: 20px;
}

.nuevo-boca a.comprar:hover {
  background-color: rgba(0, 0, 0, 0.75);
  transition: all 0.3s;
}

.nuevo-boca h1 {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
}

.nuevo-contacto h1 {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
}

.boca {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-around;
  justify-content: space-between;
  align-items: baseline;
}

.boca i {
  margin-right: 20px;
}

.img-border {
  position: relative;
  height: 100%;
  min-height: 400px;
}

.img-border img {
  position: absolute;
  top: 3rem;
  left: 2rem;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-border::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 4rem;
  bottom: 0rem;
  border: 5px solid #3eb3e7;
}

.row.g-5 {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}

.adobe {
  font-family: "Adobe Garamond Pro";
  font-weight: normal;
  font-style: italic;
  color: #3eb3e7;
  font-size: calc(33px + 0.4vw);
  line-height: 1.8;
  margin-bottom: -10px;
  margin-top: 90px;
}

.nuevo-contacto .text-primary {
  color: #3eb3e7 !important;
}

.hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgb(0, 122, 195);
}

@media (max-width: 480px) {
  .img-border img {
    position: absolute;
    top: 0rem;
    left: 1rem;
    width: calc(100% - 0rem);
    height: calc(100% - 0rem);
    -o-object-fit: contain;
    object-fit: contain;
  }
  .img-border::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 1rem;
    bottom: 5rem;
    border: 5px solid #3eb3e7;
  }
}
/*Estilos para contacto solo*/
/* Contacto */
.help-block.with-errors {
  color: #007ac3;
  margin-top: 5px;
}

.alert-success {
  color: #fff !important;
  background-color: #007ac3 !important;
  border-color: #007ac3 !important;
}

.alert-dismissable .close, .alert-dismissible .close {
  color: white !important;
  font-weight: 600;
  border: 1px solid white !important;
}

.alert {
  position: relative;
  padding: 2rem;
  margin-bottom: 1rem;
  border: 0px solid transparent;
  border-radius: 0px;
}

.text-muted {
  color: #007ac3;
}

.history-text p.text-muted {
  color: #007ac3;
}

.messages {
  background: black;
  color: white;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  background: #007ac3 !important;
  color: white !important;
  text-transform: uppercase;
  width: 165px;
  border: none;
  height: 46px;
  cursor: pointer;
  font-size: calc(12px + 0.4vw);
  border-radius: 50px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  opacity: 1;
}

.btn.disabled:hover, .btn.disabled:active, .btn.disabled:focus,
.btn[disabled]:hover, .btn[disabled]:active, .btn[disabled]:focus,
fieldset[disabled] .btn:hover, fieldset[disabled] .btn:active, fieldset[disabled] .btn:focus {
  background: #007ac3 !important;
  color: white !important;
  border-radius: 50px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  opacity: 1;
}

.btn-send {
  background: #007ac3 !important;
  color: white;
  text-transform: uppercase !important;
  width: 165px;
  border: none;
  height: 46px;
  cursor: pointer;
  font-size: calc(12px + 0.4vw);
  border-radius: 50px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  opacity: 1;
}

.btn-send:hover, .btn-send:active, .btn-send:focus {
  background: #007ac3 !important;
  border-radius: 50px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  color: white !important;
  opacity: 1;
}

.btn-success {
  background: #007ac3 !important;
  color: white !important;
  text-transform: uppercase;
  width: 165px;
  border: none;
  height: 46px;
  cursor: pointer;
  font-size: calc(12px + 0.4vw);
  border-radius: 50px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  opacity: 1;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
  background: #007ac3 !important;
  color: white !important;
  border-radius: 50px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  opacity: 1;
}

.d-none {
  display: none !important;
}

.nice-select.wide {
  width: 100%;
  border-radius: 0;
}

.input-group-addon {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 8px;
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #007ac3 !important;
  border-color: #007ac3 !important;
  border-radius: 50px !important;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

/* Termina Contacto */
.titulopaquete {
  margin: 20px auto 0px auto;
  float: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-around;
  align-items: center;
}
.titulopaquete h1.pase {
  display: block;
}
.titulopaquete h1.pase span {
  color: #3eb3e7;
  font-family: "Adobe Garamond Pro";
  font-weight: 600;
  font-style: italic;
  font-size: calc(31px + 0.4vw);
}
.titulopaquete a.headings {
  display: block;
  background: #3eb3e7;
  color: white;
  padding: 7px 30px;
  border-radius: 50px;
  font-weight: 600;
}

.eventos {
  padding-top: 40px;
}
@media (max-width: 768px) {
  .eventos {
    padding-top: 20px;
  }
}
.eventos .title.full {
  text-align: center;
}
.eventos .title.full h1 {
  color: #3eb3e7;
  font-family: "Adobe Garamond Pro";
  font-weight: 600;
  font-style: italic;
  font-size: calc(44px + 0.4vw);
}

.eventos .shop-title {
  position: absolute;
  z-index: 11;
  top: 40px;
  left: 30px;
}

.eventos .shop-title h2 {
  font-size: calc(18px + 0.4vw);
  color: white;
  font-weight: 300;
  text-align: left;
  border: 1px solid white;
  padding: 15px 20px;
}

.eventos .shop-foot {
  background: white;
  padding: 20px;
  margin-top: -20px;
  text-align: center;
  min-height: 260px;
}

@media screen and (max-width: 480px) {
  .eventos .shop-foot {
    min-height: auto;
  }
}
.eventos .shop-foot a.vermas {
  border-radius: 50px;
  background: #424244;
  color: white;
  position: absolute;
  bottom: 20px;
  left: calc(45% - 60px);
  border: 0;
  width: 180px;
}

@media screen and (max-width: 480px) {
  .eventos .shop-foot a.vermas {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
.eventos .shop-foot a.vermas:hover, .eventos .shop-foot a.vermas:focus, .eventos .shop-foot a.vermas:active {
  border: 0;
  background: #d6b56e;
  color: #424244;
}

.no-padding {
  padding: 0 !important;
}

.eventos .shop-foot h2 {
  color: #424244;
  font-size: calc(22px + 0.3vw);
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
}

.eventos .shop-foot p {
  color: #424244;
  font-size: calc(14px + 0.3vw);
  line-height: 1.2;
  margin-top: 15px;
}

.eventos .shop {
  position: relative;
  overflow: hidden;
  margin: 15px 0px;
}

.eventos .shop .shop-img {
  position: relative;
  background-color: transparent;
  z-index: 1;
}

.eventos .shop .shop-img img {
  width: 100%;
  transition: 0.2s all;
}

.eventos .shop:hover .shop-img > img {
  transform: scale(1.1);
}

.eventos .shop .shop-body {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 30px;
  z-index: 10;
  height: 100%;
}

.eventos .shop .shop-body h3 {
  color: white;
  font-weight: 900;
  font-size: calc(12px + 0.3vw);
  margin: 0;
}

.eventos .shop .shop-body p {
  color: white;
  font-weight: 400;
  font-size: calc(16px + 0.3vw);
  margin: 0px 0px 7px;
}

.eventos .shop .shop-body .cta-btn2 {
  color: #fff;
  font-size: calc(12px + 0.3vw);
  border: 0 solid #fff;
  border-radius: 50px;
  padding: 21px 15px;
  display: inline-block;
  background: #76c6eb;
  position: absolute;
  left: 15px;
  bottom: 15px;
}

#contacto-uno {
  background-color: #414143;
  padding: 0;
}

#contacto-uno .contact_col {
  padding: 0;
}

#contacto-uno .contact_col .contact_contents {
  padding: 20px;
}

#contacto-uno .contact_col .contact_contents img {
  width: 100%;
}

#contacto-uno .get_in_touch_contents {
  padding: 20px 0px;
  background-color: #f3f2f0;
}

#contacto-uno .get_in_touch_contents .titles h1 {
  color: #3eb3e7;
  font-family: "Adobe Garamond Pro";
  font-weight: 600;
  font-style: italic;
  font-size: calc(44px + 0.4vw);
  text-align: center;
}

#contacto-uno .get_in_touch_contents .grid {
  margin-top: 20px;
  position: relative;
  height: auto;
}

#contacto-uno .get_in_touch_contents .grid .grid-item {
  width: 50%;
  float: left;
  top: 0px;
  left: 0px;
  overflow: hidden;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article {
  border: 1px solid rgba(129, 129, 129, 0.1);
  background: #ffffff;
  padding: 10px;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .img-circle {
  width: 133px;
  height: 133px;
  border-radius: 50%;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article img {
  text-align: center;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  border: 0;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .fancy {
  line-height: 1.5;
  text-align: center;
  font-size: 16px;
  margin-top: 40px;
  color: #818181;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .fancy span {
  display: inline-block;
  position: relative;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .fancy span:before {
  right: 100%;
  margin-right: 5px;
  content: "";
  margin-top: 11px;
  position: absolute;
  height: 5px;
  border-top: 1px solid #dedede;
  top: 0;
  width: 60%;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .fancy span:after {
  left: 100%;
  margin-left: 5px;
  content: "";
  margin-top: 11px;
  position: absolute;
  height: 5px;
  border-top: 1px solid #dedede;
  top: 0;
  width: 60%;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .title {
  font-size: 16px;
  color: #424244;
  text-decoration: none;
  padding: 0 10px 0 10px;
  text-align: center;
  letter-spacing: 0.1;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 700;
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .title:after {
  content: "";
  display: block;
  margin: 0 auto;
  bottom: -20px;
  height: 1px;
  background: #3eb3e7;
  width: 48px;
  left: 0;
}

.formame p {
  font-size: calc(12px + 0.4vw);
}

#contacto-uno .get_in_touch_contents .grid .grid-item .wrap-article .content-blog {
  padding: 0 10px 0 10px;
  text-align: center;
  color: #424244;
  font-size: calc(9px + 0.4vw);
}

#contacto-uno .get_in_touch_contents .formame {
  padding: 20px;
}

#contacto-uno .get_in_touch_contents #contact-form-uno .form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#contacto-uno .get_in_touch_contents .nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border-radius: 0px;
  border: 0px;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 15px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  color: #8d7777;
  font-weight: 400;
}

#contacto-uno .get_in_touch_contents .btn-success {
  color: #fff;
  background-color: #424244;
  border-color: #424244;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

#contacto-uno .get_in_touch_contents .btn-success.disabled,
#contacto-uno .get_in_touch_contents .btn-success:disabled {
  color: #fff;
  background-color: #424244;
  border-color: #424244;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

#contact-form-eventos .form-group .input-group-addon:first-child {
  border-right: 0;
}

#contact-form-eventos .form-group .input-group .form-control {
  margin-bottom: 0 !important;
}

#contact-form-eventos .form-group .input-group .form-control:first-child,
#contact-form-eventos .form-group .input-group-addon:first-child,
#contact-form-eventos .form-group .input-group-btn:first-child > .btn,
#contact-form-eventos .form-group .input-group-btn:first-child > .btn-group > .btn,
#contact-form-eventos .form-group .input-group-btn:first-child > .dropdown-toggle,
#contact-form-eventos .form-group .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
#contact-form-eventos .form-group .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 40px;
}

#contact-form-eventos .form-group .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

#contact-form-eventos .form-group .input-group-addon,
#contact-form-eventos .form-group .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

#contact-form-eventos .form-group .input-group-addon,
#contact-form-eventos .form-group .input-group-btn,
#contact-form-eventos .form-group .input-group .form-control {
  display: table-cell;
  width: 100%;
}

#contact-form-eventos .form-group .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

#contact-form-eventos .form-group .input-group-addon:first-child {
  border-right: 0;
}

#contact-form-eventos .form-group .input-group .form-control {
  margin-bottom: 0 !important;
}

#contact-form-eventos .form-group .input-group .form-control:first-child,
#contact-form-eventos .form-group .input-group-addon:first-child,
#contact-form-eventos .form-group .input-group-btn:first-child > .btn,
#contact-form-eventos .form-group .input-group-btn:first-child > .btn-group > .btn,
#contact-form-eventos .form-group .input-group-btn:first-child > .dropdown-toggle,
#contact-form-eventos .form-group .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
#contact-form-eventos .form-group .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  width: 40px;
}

#contact-form-eventos .form-group .input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

#contact-form-eventos .form-group .input-group-addon,
#contact-form-eventos .form-group .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

#contact-form-eventos .form-group .input-group-addon,
#contact-form-eventos .form-group .input-group-btn,
#contact-form-eventos .form-group .input-group .form-control {
  display: table-cell;
  width: 100%;
}

#contact-form-eventos .form-group .input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.basta {
  display: none;
}

@media (max-width: 768px) {
  .basta {
    display: block !important;
  }
}
/**********************
Gallery Grid
***********************/
#galeria {
  background-image: url(../imagenes/background.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: auto;
  width: 100%;
  background: transparent;
}

#galeria .title {
  text-align: center;
}

#galeria .title h3 {
  color: #0a549d;
  margin-top: 20px;
}

#galeria .title p {
  color: #0a549d;
  font-size: calc(10px + 0.4vw);
  margin-top: 0px;
  margin-bottom: 40px;
}

#galeria .row {
  display: flex;
  flex-wrap: wrap;
  /* padding: 0 4px; */
  padding: 0px;
}

#galeria .row .column {
  flex: 25%;
  max-width: 25%;
  /* padding: 0 4px; */
  padding: 5px;
}

#galeria .row .column a {
  width: 100%;
  margin-top: 15px;
  position: relative;
  display: block;
  overflow: hidden;
}

#galeria .row .column a span {
  color: #0a549d;
  position: relative;
  padding: 20px;
  font-family: "Mazzard H", sans-serif;
  font-weight: 700;
  font-size: calc(12px + 0.4vw);
  text-align: center;
  display: block;
  border-top: 1px solid #0a549d;
}

#galeria .row .column a .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: black;
}

#galeria .row .column a .overlay .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

#galeria .row .column a .overlay .text img {
  width: 40px;
}

#galeria .row .column a img {
  /* margin-top: 8px; */
  vertical-align: middle;
  width: 100%;
  transition: 0.6s all;
}

#galeria .row .column a:hover .overlay {
  opacity: 0.8;
}

#galeria .row .column a:hover img {
  transform: scale(1.1);
}

/**********************
Gallery
***********************/
.gallery a img {
  float: left;
  width: 25%;
  height: auto;
  border: 2px solid #fff;
  transition: transform 0.15s ease;
  position: relative;
}

#contacto-uno .get_in_touch_contents .title.full h1 {
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
  text-align: center;
}

.educativo {
  padding-top: 40px;
}
@media (max-width: 768px) {
  .educativo {
    padding-top: 20px;
  }
}
.educativo .title.full {
  text-align: center;
}
.educativo .title.full .adobe {
  margin-top: 0;
}

/* Comienza educativo */
.educativo .shop-title {
  position: absolute;
  z-index: 11;
  top: 40px;
  left: 30px;
}

.educativo .shop-title h2 {
  font-size: calc(18px + 0.4vw);
  color: white;
  font-weight: 300;
  text-align: left;
  border: 1px solid white;
  padding: 15px 20px;
}

.educativo .shop-foot {
  background: white;
  padding: 20px;
  margin-top: -20px;
  text-align: center;
  display: block;
}

@media screen and (max-width: 480px) {
  .educativo .shop-foot {
    min-height: auto;
  }
}
.educativo .shop-foot a.vermas {
  border-radius: 50px;
  background: #3eb3e7;
  color: white;
  position: relative;
  margin-top: 20px;
  left: auto;
  border: 0;
  right: auto;
  width: 280px;
  margin: 20px auto;
  display: block;
  float: none;
}

@media screen and (max-width: 480px) {
  .educativo .shop-foot a.vermas {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
.educativo .shop-foot a.vermas:hover, .educativo .shop-foot a.vermas:focus, .educativo .shop-foot a.vermas:active {
  border: 0;
  background: black;
  color: white;
}

.no-padding {
  padding: 0 !important;
}

.educativo .shop-img h2 {
  color: #424244;
  font-size: calc(22px + 0.3vw);
  font-family: "Helvetica Condensed";
  font-weight: bold;
  font-style: normal;
  letter-spacing: -0.1rem;
  margin-bottom: 20px;
  text-align: center;
}

.educativo .shop-foot p {
  color: #424244;
  font-size: calc(14px + 0.3vw);
  line-height: 1.2;
  margin-top: 15px;
}

.educativo .shop {
  position: relative;
  overflow: hidden;
  margin: 15px 0px;
}

.educativo .shop .shop-img {
  position: relative;
  background-color: transparent;
  z-index: 1;
}

.educativo .shop .shop-img img {
  width: 100%;
  transition: 0.2s all;
}

.educativo .shop:hover .shop-img > img {
  transform: scale(1.1);
}

.educativo .shop .shop-body {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 30px;
  z-index: 10;
  height: 100%;
}

.educativo .shop .shop-body h3 {
  color: white;
  font-weight: 900;
  font-size: calc(12px + 0.3vw);
  margin: 0;
}

.educativo .shop .shop-body p {
  color: white;
  font-weight: 400;
  font-size: calc(16px + 0.3vw);
  margin: 0px 0px 7px;
}

.educativo .shop .shop-body .cta-btn2 {
  color: #fff;
  font-size: calc(12px + 0.3vw);
  border: 0 solid #fff;
  border-radius: 50px;
  padding: 21px 15px;
  display: inline-block;
  background: #76c6eb;
  position: absolute;
  left: 15px;
  bottom: 15px;
}

/* Agencias */
.bg-bg {
  background-image: url(img/bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

#btn-loco {
  top: 5px;
  right: 0;
  z-index: 99999;
  color: white;
  background: #0dddcc;
  padding: 7px 10px;
  border-radius: 50px;
  font-size: 16px;
  display: none !important;
}

@media screen and (max-width: 480px) {
  #btn-loco {
    top: 16px;
    right: 111px;
    z-index: 99999;
    color: white;
    background: #0dddcc;
    padding: 7px 10px;
    border-radius: 50px;
    font-size: 18px;
    letter-spacing: -0.05rem;
  }
}/*# sourceMappingURL=estilos.css.map */