@charset "UTF-8";
/*@media screen and (-webkit-device-pixel-ratio:3) {
    body {font-size: 250%}
}*/
@media all and (max-device-width: 414px) {
  body.not-logged-in {
    padding-top: 0px !important;
  }
  .view-slideshow .views-slideshow-controls-top {
    position: relative;
    top: auto;
    left: 2%;
  }
  #banner {
    background: -moz-linear-gradient(center top, #FFFFFF, #FFFFFF) repeat scroll 0 0 transparent;
  }
  .view-agency .views-field-field-agency-logo, .view-agency .views-field-field-agency-logo-sm {
    float: none;
    width: 90%;
    margin: 0 auto;
    margin-top: 60px;
  }
  .view-id-slideshow .views-field-field-trip-dates {
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    padding-top: 10px !important;
    font-size: 12px !important;
    margin-bottom: -10px !important;
    font-family: "Nunito Sans", sans-serif;
  }
  .view-id-slideshow .views-field-title {
    color: #222222;
    font-size: 25px;
    text-align: center;
    font-family: "Nunito Sans", sans-serif !important;
  }
  h1, h2, h3, h4, h5, h6, p, li, ul, span, div, table, td, div {
    font-family: "Nunito Sans", sans-serif !important;
  }
  .views-slideshow-cycle-main-frame {
    height: 350px !important;
  }
  .view-id-slideshow .views-field-field-trip-slideshow-text, .views-row-0 > div:nth-child(6) > div:nth-child(1), div.views-row-2:nth-child(1) > div:nth-child(6) > div:nth-child(1) {
    padding: 10px 5px !important;
    width: 95%;
  }
  h1.panel-pane {
    text-align: center !important;
    color: #000000 !important;
  }
  .pane-sharethis {
    display: none;
  }
  .redes-sociales-iconos img {
    width: 16.6% !important;
  }
  .node-webform fieldset {
    background-color: #ffffff;
  }
  .page-viaje .form-actions input {
    font-size: 1em !important;
  }
  /* .view-agency .views-field-field-agency-url a, .view-all-agency-trips .views-field-nothing a, .view-term-trips .views-field-nothing a, .admin-button a, .agency-button a, .form-submit {
     background: #bdc3c6 !important;
   }*/
  /*.form-actions input, .links ul li a, a.more, #edit-submit, #edit-preview, input.form-submit, #comments ul.links li a {
    color: #2980b9 !important;
    text-shadow: 0 1px 1px white !important;
  }*/
  /*
  #header-menu #menu-icon {
    background: url(/singles/sites/default/themes/webpartners/landingpages_theme/img/menu.png) no-repeat center center;
  }
  */
  /*table{
    table-layout: fixed !important;
    overflow: auto;
    display: -moz-box; // css3 mostrar scroll cuando sale de la pantalla el elemento
  }
  // Idem anterior
  th, td{
    width: 180px !important;
    overflow-x: auto !important;
  }*/
  .ui-datepicker-calendar th {
    width: auto !important;
  }
  .ui-datepicker-calendar td, .ui-datepicker-calendar th {
    display: table-cell !important;
  }
  .views-exposed-widgets input {
    width: 280px !important;
  }
  #views-exposed-form-all-agency-trips-block-2 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(6) {
    width: 100% !important;
  }
  #edit-field-trip-category-tid-wrapper, #edit-field-trip-category-tid-1-wrapper, #edit-field-trip-category-age-tid-wrapper, #edit-field-trip-category-destination-tid-wrapper {
    width: 100%;
  }
  .ui-datepicker table {
    font-size: 1.2em;
  }
  /*#content-inside iframe, #content-inside div{
    width:100%;

  }*/
  .panel-front-marcas-blancas .col-3 {
    width: 100% !important;
    float: none !important;
    clear: both;
  }
  #categorias_menusup .categoria-menusup img {
    margin-top: 2em !important;
    margin-bottom: -1.5em !important;
  }
  .view-all-hotels .views-row {
    width: 100% !important;
    float: none;
    clear: both;
    padding: 0px;
  }
}
@media all and (max-device-width: 960px) {
  .node-type-pagina-estatica {
    padding-top: 0px !important;
  }
  #banner {
    background: -moz-linear-gradient(center top, #EFEEEE, #DADADA) repeat scroll 0 0 transparent;
  }
  html {
    width: 100%;
    min-width: inherit;
    overflow-x: hidden;
  }
  body {
    width: 100%;
    min-width: inherit;
    padding-top: 40px;
    overflow-x: hidden;
  }
  table {
    width: 100% !important;
  }
  td {
    width: auto !important;
    white-space: normal;
  }
  #header-inside, #header-inside-left {
    width: 100%;
  }
  .view-agency .views-field-field-agency-contact {
    float: none;
    width: 100%;
  }
  #content {
    width: 100%;
  }
  .content-top-inside {
    width: 100%;
  }
  #footer-bottom-inside, #footer-bottom-left, #footer-bottom-right {
    width: 100%;
  }
  /* SLIDER */
  .view-id-slideshow .views-field-field-trip-slideshow-text,
  .view-id-slideshow .views-field-title {
    width: 100%;
    float: none;
    line-height: 1em;
    margin: 10px 0px;
  }
  .view-id-slideshow .views-field-field-trip-dates,
  .view-id-slideshow .views-field-field-trip-slideshow-text,
  .node-type-agency .view-slideshow .views-field-field-trip-price2,
  .node-type-agency .view-slideshow .views-field-field-trip-estado {
    position: inherit;
    padding: 0;
    margin: 10px 0px;
    font-size: 1.3em;
    line-height: 1em;
  }
  .views-field-field-trip-slideshow-image img {
    width: 100%;
    height: auto;
    padding: 0;
    border: 0;
  }
  .view-slideshow .views-slideshow-controls-text-previous {
    margin-left: 0;
  }
  .view-slideshow .views-slideshow-controls-text-next {
    right: 0;
  }
  .view-slideshow .views-slideshow-controls-top {
    right: 0;
    left: 0;
    top: auto;
    bottom: 0;
    z-index: 999 !important;
  }
  .view-slideshow {
    position: relative;
  }
  /* TRIP */
  .page-viaje .pane-node-field-trip-price2 {
    position: inherit;
    margin-bottom: 20px;
    line-height: 1em;
    font-size: 1.3em;
  }
  .page-viaje .pane-node-field-trip-estado {
    line-height: 1em;
    font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .gallery-slideshow .field-slideshow {
    width: 100% !important;
    height: auto !important;
  }
  .gallery-slideshow .field-slideshow img {
    width: 100% !important;
    height: auto !important;
    padding: 0;
    border: 0;
  }
  .webform-client-form select {
    width: 100%;
  }
  .webform-client-form input {
    width: 100%;
  }
  .links ul li a, a.more, #edit-submit, #edit-preview, input.form-submit, #comments ul.links li a {
    margin-bottom: 10px;
  }
  .pane-node-field-trip-description {
    text-align: left !important;
  }
  .gallery-slideshow .field-slideshow-wrapper ul li {
    float: left;
    width: 23%;
  }
}
@media all and (min-device-width: 768px) and (max-device-width: 915px) {
  .field-name-field-agency-footer {
    font-size: 0.8em !important;
  }
  .pane-noticias-blog .view-display-id-block_2 .views-row .views-field-title {
    height: 65px !important;
  }
  .pane-noticias-blog .view-display-id-block_2 .views-row .views-field-body {
    height: 230px !important;
  }
  .page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field-title {
    height: 95px !important;
  }
  .page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field-body {
    height: 180px !important;
  }
  .page-agencia-blog-viajes-singles .view-noticias-blog .views-row {
    height: 540px !important;
  }
  .view-agency-when-terms, .view-agency-about-us-button, .view-agency-all-trips-button .views-field, .pane-node-field-agency-menu-link1 .field-item {
    font-size: 12px !important;
  }
  .view-all-agency-trips.view-display-id-default .views-field-field-trip-dates-1, .view-all-agency-trips.view-display-id-search .views-field-field-trip-dates-1, .view-term-trips.view-display-id-default .views-field-field-trip-dates-1 {
    height: 50px !important;
  }
}
@media all and (min-device-width: 768px) and (max-device-width: 959px) {
  #content #content-inside,
  #footer-bottom,
  #banner {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    overflow-x: hidden;
  }
  #banner .pane-node-field-trip-price2 {
    float: right;
    position: absolute;
    font-size: 2.2em;
    font-size: 24px;
  }
  .page-viaje .pane-node-field-trip-estado, #banner .pane-node-title {
    width: 40% !important;
  }
  .view-trip .pane-node-field-trip-image, .pane-node-field-trip-video {
    width: 45%;
    float: left;
  }
  .view-agency-when-terms, .view-agency-about-us-button, .view-agency-all-trips-button .views-field, .pane-node-field-agency-menu-link1 .field-item {
    margin: 0 10px 0 0;
  }
  .view-agency .views-field-field-agency-logo-m, .view-agency .views-field-field-agency-cabecera-centro, .view-agency .views-field-field-agency-cabecera-derecha {
    font-size: 0.8em;
  }
  .views-field-field-agency-cabecera-derecha span {
    font-size: 0.89em;
  }
  #banner .boton-info-viajes {
    float: right;
    margin-top: -3em;
  }
  .field-name-field-trip-image img {
    max-width: 100%;
    padding: 0;
  }
  .boton-info-viajes {
    width: 200px !important;
    font-size: 1.1em !important;
  }
  .view-when-term-description .views-field-name, .view-term-description .views-field-name, .page-agency .panel-pane.pane-node-title, .page-viaje .info-title, #banner .pane-node-title, .inside .pane-node-title {
    font-size: 24px;
  }
  .views-field.views-field-field-trip-price2 {
    height: 65px;
  }
  .view-slideshow img, .view-all-agency-trips img, .pane-term-trips .view-term-trips .views-row img, .view-trip .inside .pane-node-field-trip-video, #template-trip-media .pane-node-field-trip-video {
    padding: 0px;
    height: auto;
  }
  .view-id-slideshow .views-field-field-trip-slideshow-text, .node-type-agency .view-slideshow .views-field-field-trip-price2 {
    font-size: 2.2em;
  }
  .view-id-slideshow .views-field-field-trip-dates {
    width: 100%;
  }
  .view-slideshow .view-content {
    max-height: 580px;
  }
  .views_slideshow_slide {
    max-width: 100%;
  }
  .webform-component-date {
    height: 100px;
  }
}
/* Styles for mobile devices */
@media all and (max-device-width: 767px) {
  #region-footer .redes-sociales-iconos {
    margin: 0 auto !important;
    max-width: 280px !important;
    padding: 2em;
  }
  .view-all-hotels .views-row {
    border-bottom: 1px solid gray;
    padding: 1em 0em !important;
  }
  .view-all-hotels .views-row .hotel-category, .view-all-hotels .views-row .destination-body {
    clear: both;
  }
  .view-all-hotels .views-row img {
    height: auto !important;
  }
  .view-all-hotels .views-row .hotel-title a {
    font-size: 1.3em;
  }
  .view-all-hotels .view-filters {
    display: inherit;
    position: relative;
    top: 0;
    z-index: 0;
    border: none;
    padding: 0;
    font-size: 0.8em;
    overflow-y: inherit;
  }
  .view-all-hotels .views-exposed-form {
    display: inherit;
    position: relative;
    top: 0;
    border: none;
    padding: 0;
    overflow-y: inherit;
  }
  .view-all-hotels .form-type-bef-checkbox {
    float: left;
    margin-right: 1% !important;
    width: 49%;
  }
  #bloque-cabecera {
    clear: both;
    background-position: bottom !important;
    font-size: 1em !important;
  }
  .lema-b2b {
    font-size: 18px !important;
  }
  #fondo {
    padding-top: 20px;
  }
  #fondo em {
    font-size: 14px;
  }
  #fondo img {
    width: 40% !important;
    height: auto !important;
  }
  .pane-menu-menu-menu-top-b2bviajes {
    height: 40px;
  }
  .pane-menu-menu-menu-top-b2bviajes li {
    margin: 0 !important;
    font-size: 0.8em;
  }
  .pane-node-field-trip-included, .pane-node-field-trip-not-included {
    width: 100% !important;
    float: none !important;
    clear: both;
    margin-right: 0px;
  }
  .pane-related-trips .views-field-field-trip-image-1 img {
    width: 100% !important;
  }
  .pane-icons-trip-terms {
    position: initial !important;
    margin: 0 auto;
    top: 0;
    clear: both;
    margin-top: 1em;
  }
  .view-icons-trip-terms .views-field {
    float: left !important;
  }
  .webform-component--opcion-tipo-de-habitacion {
    clear: both;
  }
  .okewa-style_1 #okewa-floating_cta {
    width: 60px !important;
  }
  .okewa-fc_text {
    display: none;
  }
  #download-pdf-trip {
    margin-botom: 0em !important;
    width: 100% !important;
    margin-bottom: 0em !important;
    text-align: center;
  }
  .view-term-trips .views-row, .view-all-agency-trips .views-row {
    border-bottom: 2px solid grey !important;
  }
  .pane-term-trips .view-term-trips .views-row, .view-all-agency-trips .views-row {
    margin-right: 0% !important;
    width: 100% !important;
  }
  .view-display-id-by_month .views-field-field-term-icon-transport img, .view-related-trips .views-field-field-term-icon-transport img {
    right: 75px !important;
  }
  .main-default-b2b-panel .content-top-inside {
    padding: 0px !important;
  }
  .pane-node-field-trip-texto-superpuesto .field-name-field-trip-texto-superpuesto {
    position: relative !important;
    text-align: center;
    top: 0 !important;
    top: 0px !important;
    bottom: 210px !important;
    left: 0 !important;
    margin-bottom: 20px;
    margin-top: -20px;
  }
  #block-banners-activos {
    width: 100% !important;
    float: none;
    margin: 0em !important;
  }
  #block-banners-activos .views-row {
    width: 49% !important;
    margin: 1% 0%;
  }
  #video-vs-home {
    width: 100% !important;
  }
  #buscador .views-submit-button {
    width: 100% !important;
    margin: 0 auto !important;
    float: none;
  }
  .views-exposed-form .views-submit-button {
    width: 100% !important;
    margin: 0 auto !important;
    float: none;
    clear: both;
  }
  .view-filters .views-submit-button {
    width: 100% !important;
    margin: 0 auto !important;
    float: none;
  }
  .view-slideshow {
    border: 1px solid black;
    padding: 1em;
  }
  .view-slideshow .views-slideshow-controls-bottom {
    margin-top: 35px;
  }
  .view-id-slideshow .views-field-title {
    color: white !important;
  }
  .views-field-field-trip-slideshow-text {
    top: 270px !important;
    position: absolute !important;
  }
  #video-vs-home iframe {
    width: 100%;
  }
  .pane-noticias-blog .view-display-id-block_2 .views-row {
    width: 100% !important;
    float: none;
    margin-bottom: 20px;
  }
  .pane-noticias-blog .view-display-id-block_2 .views-row .views-field-body {
    height: auto !important;
  }
  .pane-noticias-blog .view-display-id-block_2 .views-row .views-field-title {
    height: auto !important;
    padding: 0em;
    margin: 0em !important;
  }
  .pane-noticias-blog .view-display-id-block_2 .views-row .views-field-title-1 {
    margin: 1em auto 3.5em auto;
  }
  .destacado-blog {
    width: 100% !important;
    float: none;
  }
  .img25-left, .img33-left, .img50-left, .img25-right, .img33-right, .img50-right {
    width: 100% !important;
    float: none;
    clear: both;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    height: auto;
  }
  .float-left, .float-right {
    float: none;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    height: auto;
  }
  .view-term-description .views-field-description {
    position: inherit !important;
  }
  #st_gdpr_iframe {
    display: none;
  }
  /*
  .view-term-description .views-field-name {
    top: 100px;
  }
  */
  .page-agencia-blog-viajes-singles .view-noticias-blog .views-row {
    width: 100% !important;
    float: none;
    height: auto !important;
    margin-bottom: 0em 0em 0em 30px;
    padding: none;
  }
  .page-agencia-blog-viajes-singles- #content-inside .region-inner, .node-type-hotel .pane-content #content-inside .region-inner, .node-type-ship-cruise .pane-content #content-inside .region-inner, .node-type-destination .pane-content #content-inside .region-inner {
    width: 100% !important;
    float: none;
  }
  .page-agencia-blog-viajes-singles- #sidebar-news, .node-type-hotel #sidebar-news, .node-type-destination #sidebar-news, .node-type-ship-cruise #sidebar-news {
    width: 100% !important;
    float: none;
    margin-top: 3em;
  }
  #sidebar-news .field-name-field-ship-fact-sheet {
    text-align: center !important;
  }
  .pane-related-trips h2 {
    color: #3a3d7f;
  }
  #header-menu .view-agency-when-terms li .item-list {
    display: none !important;
  }
  #header-menu .view-agency-when-terms ol li .views-field a::before {
    content: "- ";
  }
  #footer-bottom i {
    font-size: 20px;
    padding: 0.5em 0em;
    display: block;
  }
  .bloque-contacto-pie {
    border: 1px solid white;
    margin: 1em 0em;
  }
  #footer-bottom .fa-phone-volume {
    font-size: 1em !important;
    display: inline !important;
  }
  .secciones-mas-visitadas {
    width: 100%;
    text-align: center;
  }
  .secciones-mas-visitadas .boton-suscribe-pie {
    width: 100%;
    float: none;
    clear: both;
  }
  .secciones-mas-visitadas .enlaces-pie, .secciones-mas-visitadas .logo-alianza {
    width: 100% !important;
    float: none;
    clear: both;
  }
  .mc-banner, .modalContent {
    bottom: 0 !important;
    top: unset !important;
  }
  .mc-modal iframe {
    height: 100% !important;
  }
  .mc-closeModal {
    right: unset;
    top: 10px;
    left: 10px;
  }
  .bannerContent__description {
    text-align: center !important;
    color: #DB8B13 !important;
  }
  .mc-banner {
    background: floralwhite !important;
    -webkit-box-shadow: 5px 1px 6px black !important;
            box-shadow: 5px 1px 6px black !important;
  }
  /* TERMS */
  .pane-term-trips .view-term-trips .views-row,
  .view-all-agency-trips .views-row {
    width: 100%;
    border: 1px solid whitesmoke;
    padding: 0.5em 0em;
  }
  .pane-term-trips .view-term-trips .views-row:hover, .view-all-agency-trips .views-row:hover {
    background-color: whitesmoke;
  }
  .pane-term-trips .view-term-trips .views-row .views-field-title, .view-all-agency-trips .views-field-title {
    width: 100%;
  }
  .view-slideshow img, .view-all-agency-trips img,
  .pane-term-trips .view-term-trips .views-row img,
  .view-trip .inside .pane-node-field-trip-video, #template-trip-media .pane-node-field-trip-video {
    padding: 0;
    border: 0;
  }
  .view-id-all_agency_trips.view-display-id-by_month .views-exposed-form .views-exposed-widgets .views-widget-filter-field_trip_category_tid,
  .view-id-all_agency_trips.view-display-id-by_month .views-exposed-form .views-exposed-widgets .views-widget-filter-field_trip_category_tid_1 {
    margin-right: 0;
  }
  #content #content-inside,
  #footer-bottom,
  #banner {
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    overflow-x: hidden;
  }
  .view-when-term-description .views-field-name {
    text-align: center;
  }
  .views-field-field-agency-cabecera-derecha, .views-field-field-agency-cabecera-centro, .view-agency .views-field-field-agency-logo, .views-field-field-agency-logo-m, .view-agency .views-field-field-agency-logo img, .view-agency .views-field-field-agency-logo-m img {
    width: 100% !important;
    text-align: center;
    float: none !important;
    clear: both !important;
    padding-bottom: 0em;
  }
  .views-field-field-agency-logo-m {
    width: 85% !important;
    margin: 0 auto;
    margin-top: 50px;
  }
  .page-agencia-206 .views-field-field-agency-logo-m, .page-node-206 .views-field-field-agency-logo-m, .page-viaje-206 .views-field-field-agency-logo-m {
    width: 40% !important;
    position: fixed;
    z-index: 999999999;
    left: 30%;
    top: -45px;
  }
  #banner .pane-node-field-trip-price2, #banner .pane-node-title, .page-viaje .pane-node-field-trip-estado {
    width: 100% !important;
    text-align: center !important;
    clear: both;
  }
  .page-viaje .pane-node-field-trip-dates {
    width: 100% !important;
    clear: both;
    float: none !important;
    text-align: center !important;
  }
  .page-viaje .pane-node-field-trip-dates h2 {
    float: none !important;
  }
  .page-viaje .pane-node-field-trip-estado {
    margin-top: 0px !important;
  }
  /*.pane-icons-trip-terms {
    top: -20px !important;
  }*/
  .view-all-agency-trips .views-field-field-trip-dates, .view-all-agency-trips .views-field-field-trip-dates-2, .view-term-trips.view-display-id-default .views-field-field-trip-dates-1 {
    font-size: 1.3em;
  }
  .pane-term-trips .view-term-trips .views-row .views-field-field-trip-price2, .view-all-agency-trips .views-field-field-trip-price2 {
    float: none;
  }
  #banner .pane-node-field-trip-image {
    display: none;
  }
  .view-id-slideshow .views-field-field-trip-slideshow-text, .node-type-agency .view-slideshow .views-field-field-trip-price2, .node-type-agency .view-slideshow .views-field-field-trip-estado, .view-id-slideshow .views-field-title, .view-id-slideshow .views-field-field-trip-dates {
    text-align: center !important;
    font-family: "Nunito Sans", sans-serif !important;
  }
  .ui-accordion .field-content table td, .field-name-field-trip-prices-table table td {
    display: block;
    background-color: #f4efef;
    padding: 2em 0em;
    border-color: grey;
    margin: 1em 0em;
  }
  .ui-accordion .field-content table, .field-name-field-trip-prices-table table td {
    border: none !important;
  }
  .ui-accordion .field-content ul {
    margin-left: -1em;
  }
  .ui-accordion img.masked, .ui-accordion .field-type-image img, img.masked, .field-type-image img {
    border: none;
    background: none;
    margin: 0px;
    padding: 0px;
  }
  .view-trip-tabs-accordion .field-label {
    font-size: 1.5em;
    border-bottom: 1px solid gray;
    margin: 1em 0;
    padding-bottom: 1em;
  }
  /* Slideshow home */
  .views-slideshow-cycle-main-frame {
    width: 100%;
    height: 480px;
  }
  .views_slideshow_slide {
    width: 100%;
    height: auto;
  }
  .views-field-field-trip-slideshow-image img {
    width: 100%;
    height: auto;
  }
  .views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame {
    max-width: 100%;
  }
  .view-id-slideshow .views-field-title {
    float: none;
    width: 100% !important;
    height: auto;
    clear: both;
    line-height: 100%;
  }
  .node-type-agency .view-slideshow .views-field-field-trip-price2 {
    width: 100% !important;
    float: none;
    text-align: center;
    position: inherit;
    line-height: 100%;
  }
  .node-type-agency .view-slideshow .views-field-field-trip-estado {
    margin-top: 0px;
    position: inherit;
    width: 100% !important;
  }
  .view-id-slideshow .views-field-field-trip-dates {
    position: inherit;
    top: 0px;
    width: 100% !important;
    display: block;
  }
  /* Tabs de cada viaje */
  .pane-trip-tabs .view-trip-tabs .views-row {
    height: 61px;
    margin-bottom: 1em;
  }
  .pane-trip-tabs .view-trip-tabs .views-row .views-field-field-tab-title {
    height: 81px;
  }
  .pane-trip-tabs .view-trip-tabs .views-row .views-field-field-tab-title a {
    font-size: 1.2em !important;
  }
  .pane-trip-tabs .view-trip-tabs .views-row .views-field-field-tab-title .active a {
    padding: 0px 10px;
    height: 81px;
  }
  /* Formulario prereserva */
  .page-viaje .webform-component {
    font-size: 1.2em;
    height: auto;
  }
  .page-viaje .webform-component input, .page-viaje .webform-component textarea, .page-viaje .webform-component select, .page-viaje .webform-component input {
    font-size: 0.8em;
    height: auto;
    margin-top: 0px;
  }
  .page-viaje .webform-component--datos-de-la-reserva {
    height: auto !important;
  }
  .page-viaje .webform-component--haz-tu-reserva {
    text-align: center;
    width: 100%;
    float: none;
  }
  .page-viaje .webform-component--no-de-personas {
    width: 42%;
    float: left !important;
  }
  .page-viaje .webform-component--fecha-del-viaje {
    width: 42%;
    float: right !important;
  }
  .page-viaje .form-actions input {
    font-size: 1.2em;
  }
  .page-viaje input.form-submit {
    margin-bottom: 30px;
  }
  .page-viaje .pane-node-field-trip-price2 {
    position: relative;
    right: inherit;
    top: inherit;
    margin-bottom: 2em;
  }
  .page-viaje .webform-component-select,
  .page-viaje .webform-component-number,
  .page-viaje .webform-component-textfield,
  .page-viaje .webform-component-date,
  .page-viaje .webform-component-email {
    float: none;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .node-webform .form-actions {
    float: none;
    clear: both;
    margin-top: 0em;
  }
  #reservar {
    padding: 1em !important;
  }
  #banner .boton-info-viajes {
    float: none !important;
  }
  /* Listado viajes Taxonomia */
  .view-term-trips .views-field-title, .view-all-agency-trips .views-field-title {
    height: auto !important;
    float: none;
    clear: both;
  }
  .views-field-field-trip-image img {
    width: 100% !important;
    height: auto;
  }
  .pane-term-trips .view-term-trips .views-row .views-field-field-trip-image,
  .view-all-agency-trips .views-field-field-trip-image {
    float: none !important;
    clear: both;
    margin-top: 0;
  }
  /* Filtrar viajes en calendario */
  .views-widget-filter-combine input, .views-widget-filter-combine {
    width: 100%;
  }
  .views-widget-filter-field_trip_dates_value_1, .views-widget-filter-field_trip_dates_value_2 {
    width: 100%;
    float: left;
  }
  /* Header Agencia Vacaciones Singles */
  /*
  .view-agency .views-field-field-agency-logo img, .view-agency .views-field-field-agency-logo-m img {
    margin-top: 2em;
  }

  */
  .categoria-menusup {
    width: 33% !important;
    padding: 10px 0em;
  }
  #header-agencia-vacaciones-singles .contacto-3 {
    text-align: center;
    clear: both;
    margin-top: 1em;
    float: none !important;
    padding-left: 0;
  }
  #header-agencia-vacaciones-singles .info-9, #header-agencia-vacaciones-singles .contacto-3 {
    width: 100% !important;
    float: none !important;
    text-align: center;
  }
  #header-agencia-vacaciones-singles img {
    display: none;
  }
  #header-agencia-vacaciones-singles .ubicacion, #header-agencia-vacaciones-singles .transporte, #header-agencia-vacaciones-singles .horario {
    display: none;
  }
  #header-agencia-vacaciones-singles .lema {
    padding-top: 1em;
  }
  #content #content-inside .tabla-responsive td {
    display: table;
    width: 100%;
    max-width: 100%;
  }
  .nomobile {
    display: none;
  }
  .redes-sociales-iconos img {
    width: 45px !important;
    height: auto;
    margin-right: 10px;
  }
  .justmobile {
    display: inherit !important;
  }
  #content-inside table {
    text-align: center;
  }
  .ui-accordion-content {
    padding: 0.5em;
  }
  .justmobile .views-field-field-tab-title, .justmobile .views-field-field-trip-tabs h2 {
    display: none;
  }
  .justmobile .views-field-field-trip-tabs .node-destination h2 {
    display: inherit !important;
  }
  .field-name-field-tab-destination-destino .field-name-field-destination-main-image {
    width: 50%;
  }
  .field-name-field-prices-description table td {
    display: block;
    border: none;
    border-bottom: 1px solid grey;
    line-height: 120%;
    background-color: #f4efef;
    padding: 2em 0em;
  }
  .view-trip img.masked, .view-trip .field-type-image img, .view-trip .inside .pane-node-field-trip-video, #template-trip-media .pane-node-field-trip-video, .view-trip-tab-content img.masked, .view-trip-tab-content .field-type-image img, #template-trip-media .pane-entity-field.pane-node-field-trip-image {
    padding: 0px !important;
  }
  #template-trip-media .pane-entity-field.pane-node-field-trip-image {
    margin-right: 0px;
  }
  /*

      #header-menu {
        display: none;
      }

  */
  /* MENU HEADER - CAROL */
  #header-menu-inside span a, #header-menu-inside span {
    border-bottom: 1px solid white;
    width: 50% !important;
  }
  #header-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 60px;
    /*background-color: #3a3d7f !important;*/
  }
  #header-menu #header-menu-inside {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    overflow-y: scroll;
    background-color: #3a3d7f;
    /*background-color: white !important;*/
    height: auto;
    padding-left: 4em;
    padding-top: 2em;
    /*
    .pane-agency-when-terms li, .pane-agency-when-terms ol, .pane-agency-when-terms .item-list, .pane-agency-when-terms li a {
      background-color: white !important;
      background: white !important;
    }
    */
  }
  #header-menu #header-menu-inside .view-agency-when-terms, #header-menu #header-menu-inside .view-agency-all-trips-button .views-field, #header-menu #header-menu-inside .view-agency-about-us-button {
    text-align: left;
    margin-left: 0px;
    line-height: 30px;
  }
  #header-menu #header-menu-inside a, #header-menu #header-menu-inside span {
    color: white !important;
  }
  #header-menu #header-menu-inside .season-arrow {
    border-top: 4px solid white !important;
  }
  #header-menu #menu-icon {
    display: inline-block;
    background-color: #DB8B13;
    /*background-image: url('http://b2bviajes.com/sites/default/files/menu.png');
    background: image-url('menu.png') no-repeat center center;*/
    padding: 5px 10px;
    position: fixed;
    left: 3%;
    top: 15px;
    border: 2px solid black;
    width: 10px;
    height: 14px;
    color: white;
  }
  #header-menu a,
  #header-menu .view .view-header span {
    display: block;
    width: 100%;
    line-height: auto;
  }
  #header-menu .view-agency-all-trips-button .views-field {
    display: block;
  }
  #header-menu .panel-pane,
  #header-menu .pane-node-field-agency-menu-link1 .field-item,
  #header-menu .panel-separator {
    display: inline;
    text-align: left;
    margin-left: 0px;
    line-height: 30px;
  }
  #header-menu .view-agency-when-terms,
  #header-menu .view-agency-about-us-button,
  #header-menu .view-agency-all-trips-button .views-field,
  #header-menu .pane-node-field-agency-menu-link1 .field-item {
    margin-right: 0;
    position: relative;
  }
  #header-menu .view .item-list {
    position: inherit;
  }
  #header-menu .view .item-list ol li .views-field a {
    line-height: inherit;
    padding-left: 50px;
  }
  #header-menu .left {
    float: none;
  }
  #header-menu .season-arrow {
    position: absolute;
    /*right: 60px;*/
    top: 5px;
    margin-left: -15px !important;
  }
  /* MENU ICONOS - CAROL */
  .views-field-field-agency-contact {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
  }
  .views-field-field-agency-contact #categorias_menusup {
    display: none;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    overflow-y: scroll;
    background-color: #212145;
    /*background-color: white;*/
    height: 1000px;
    position: absolute;
    /*
    img {
      filter: invert(0.8);
    }
    .justmobile img {
      filter: invert(0) !important;
    }*/
  }
  .views-field-field-agency-contact #categorias_menusup a, .views-field-field-agency-contact #categorias_menusup span {
    color: white !important;
  }
  .views-field-field-agency-contact #info-agency-vs {
    display: none;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000000;
    overflow-y: scroll;
    background-color: #212145;
    /* background-color: white;*/
    height: auto;
    font-size: 1.3em;
    line-height: 2em;
    padding: 2em;
    position: fixed;
    text-align: center;
  }
  .views-field-field-agency-contact #info-agency-vs .lema p {
    line-height: 1.1em;
    text-align: center;
    padding-bottom: 1em;
  }
  .views-field-field-agency-contact #info-agency-vs .contacto-3.telefono {
    font-size: 2em;
  }
  .views-field-field-agency-contact #info-agency-vs a, .views-field-field-agency-contact #info-agency-vs p, .views-field-field-agency-contact #info-agency-vs i, .views-field-field-agency-contact #info-agency-vs span {
    color: white !important;
  }
  .views-field-field-agency-contact #menu-categorias-icon {
    display: inline-block;
    background-color: #DB8B13;
    /*background-image: url('http://b2bviajes.com/sites/default/files/menu-categorias-icono_0.png');*/
    padding: 5px 10px;
    position: fixed;
    left: 15%;
    top: 15px;
    border: 2px solid black;
    width: 10px;
    height: 14px;
  }
  /* Menú filtrar viajes CALENDARIO */
  .view-display-id-block_2, .html {
    position: inherit;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
  }
  .view-display-id-block_2 .view-filters, .view-display-id-block_2 .views-exposed-form, .html .view-filters, .html .views-exposed-form {
    display: none;
    /*height: 100%;*/
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    overflow-y: scroll;
    background-color: white;
    color: black;
    padding: 1em;
    border: 1px solid black;
  }
  .view-display-id-block_2 .view-filters .views-submit-button, .view-display-id-block_2 .views-exposed-form .views-submit-button, .html .view-filters .views-submit-button, .html .views-exposed-form .views-submit-button {
    clear: both;
  }
  .view-display-id-block_2 #menu-search-calendar, .html #menu-search-calendar {
    display: inline-block;
    background-color: #DB8B13;
    /*background-image: url('http://b2bviajes.com/sites/default/files/icono-search.png');*/
    padding: 5px 10px;
    position: fixed;
    right: 3%;
    top: 15px;
    border: 2px solid black;
    z-index: 100000;
    color: white;
    width: 10px;
    height: 14px;
    font-size: 16px;
  }
  .view-header #menu-search-calendar {
    z-index: 99999999999;
  }
  #menu-info {
    display: inline-block;
    background-color: #DB8B13;
    /*background-image: url('http://b2bviajes.com/sites/default/files/icono-telefono.png');*/
    padding: 5px 10px;
    position: fixed;
    right: 15%;
    top: 15px;
    border: 2px solid black;
    z-index: 1000;
    width: 10px;
    height: 14px;
  }
  .menu-closed {
    background-image: url("http://b2bviajes.com/sites/default/files/icono-cerrar.png") !important;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: red !important;
    font-size: 0px;
    width: 10px;
    height: 14px;
  }
  img, td, table {
    max-width: 100% !important;
    height: auto !important;
    padding: 0;
    min-width: inherit;
  }
  iframe {
    max-width: 100% !important;
    height: auto;
    padding: 0;
    min-width: inherit;
  }
  .media_embed iframe {
    height: 200px !important;
  }
  .panel-pane.pane-entity-field.pane-node-field-trip-prices-table, #template-trip-description-below h2 {
    padding-top: 0em !important;
  }
  .pane-node-field-trip-program-route-singles {
    display: table;
  }
  #views-exposed-form-all-agency-trips-panel-pane-2 .views-exposed-widget {
    width: 45%;
    float: left;
  }
  #views-exposed-form-all-agency-trips-panel-pane-2 .views-exposed-widgets input {
    width: 100% !important;
  }
  .view-all-hotels .view-filters, .view-all-hotels .views-exposed-form {
    display: inherit;
    position: relative;
    top: inherit;
    bottom: inherit;
    border: 0;
    z-index: inherit;
    overflow-y: inherit;
  }
  .node-type-hotel .justmobile .field-slideshow, .node-type-destination .justmobile .field-slideshow {
    height: 150px !important;
  }
  .node-type-hotel .justmobile .field-slideshow-pager a, .node-type-destination .justmobile .field-slideshow-pager a {
    padding: 0.2em 0.5em;
    background-color: black;
    color: white;
    border-radius: 50%;
    margin: 0.3em;
  }
  .node-type-hotel .justmobile .field-slideshow-pager::before, .node-type-destination .justmobile .field-slideshow-pager::before {
    content: "+ Imágenes:";
  }
  #alltripsbytripeditioncalendar .views-field-field-trip-edition-dates-1 {
    color: black;
    font-size: 1.3em;
    margin: 0.5em 0;
    text-align: center;
  }
  #alltripsbytripeditioncalendar .price.views-fieldset {
    width: 100% !important;
  }
  #alltripsbytripeditioncalendar .views-field.views-field-title {
    text-align: center;
    min-height: auto !important;
  }
  #alltripsbytripeditioncalendar .views-field.views-field-field-trip-image {
    clear: both;
    float: none !important;
    margin: 0 auto;
    margin-bottom: 1em;
  }
  #alltripsbytripeditioncalendar .views-field.views-field-field-trip-image img {
    border-radius: 200px;
  }
  #alltripsbytripeditioncalendar .estado-edición-viaje {
    display: block;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  #alltripsbytripeditioncalendar .conjunto-iconos {
    clear: both;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto !important;
    height: 50px;
  }
  .page-viaje .view-trip-active-editions .views-row .views-field {
    text-align: center !important;
    width: 100%;
    margin-bottom: 0.5em;
  }
  .page-viaje .view-trip-active-editions .views-row {
    clear: both;
    height: 160px;
    border-top: 1px solid grey;
    margin: 1em 0;
  }
}
/* FIN Styles Mobile devices*/
@media all and (min-device-width: 768px) {
  .main-default-b2b-panel .content-top-inside, .page-user .content-top-inside {
    padding: 30px 40px 25px !important;
  }
  .pane-term-trips .view-term-trips .views-row, .pane-all-agency-trips .view-display-id-default .views-row {
    margin-right: 3% !important;
    width: 30% !important;
    border-bottom: 1px solid gray !important;
    margin-bottom: 2em !important;
  }
  .view-display-id-by_month .views-field-field-term-icon-who img, .view-related-trips .views-field-field-term-icon-who img {
    width: 60px;
  }
  .view-display-id-by_month .views-field-field-term-icon-transport img, .view-related-trips .views-field-field-term-icon-transport img {
    width: 35px;
  }
  .view-display-id-by_month .views-field-field-term-icon-meal img, .view-related-trips .views-field-field-term-icon-meal img {
    width: 35px;
  }
  .pane-slideshow {
    float: none;
    clear: both;
  }
  .view-id-slideshow .views-field-title {
    float: left;
    width: 50%;
    height: auto;
    position: absolute;
    top: 50px;
    background-color: white;
    padding: 1em;
    line-height: 1em;
    font-size: 25px;
  }
  .pane-node-field-trip-texto-superpuesto .field-name-field-trip-texto-superpuesto {
    width: 190px;
  }
  .node-type-agency .view-slideshow .views-field-field-trip-estado, .node-type-agency .view-slideshow .views-field-field-trip-dates {
    display: none;
  }
  .node-type-agency .view-slideshow .views-field-field-trip-price2 {
    width: auto;
    float: right;
    text-align: right;
    /*background-color: #1487d4;*/
    padding: 1em;
    max-width: 30%;
    position: absolute !important;
    top: 50px;
    line-height: 1em;
    text-shadow: 1px 1px 5px black;
    font-size: 25px;
  }
  .node-type-agency .view-slideshow .views-field-field-trip-price2 a {
    color: white !important;
  }
  .view-id-slideshow .views-field-field-trip-slideshow-text {
    bottom: 50px;
    top: inherit;
  }
}
@media all and (min-device-width: 414px) and (max-device-width: 767px) {
  .page-agencia-206 .views-field-field-agency-logo-m, .page-node-206 .views-field-field-agency-logo-m, .page-viaje-206 .views-field-field-agency-logo-m {
    width: 26% !important;
    left: 37% !important;
  }
}
h1, h2, h3, h4, h5, h6, p, li, ul, span, div, table, td, div {
  font-family: "Nunito Sans", sans-serif !important;
}

#header {
  background: none;
}

#views-exposed-form-all-agency-trips-block-2 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(6) {
  width: 100%;
}

#edit-field-trip-category-tid-wrapper, #edit-field-trip-category-tid-1-wrapper, #edit-field-trip-category-age-tid-wrapper, #edit-field-trip-category-destination-tid-wrapper {
  width: 100%;
}

.view-id-all_agency_trips.view-display-id-by_month .views-exposed-form .views-exposed-widgets .views-widget-filter-field_trip_category_tid, .view-id-all_agency_trips.view-display-id-by_month .views-exposed-form .views-exposed-widgets .views-widget-filter-field_trip_category_tid_1 {
  margin-left: 0px;
}

.view-display-id-by_month .views-row-last {
  margin-bottom: 4em !important;
}

#info-agency-vs {
  display: none;
}

img.masked, .field-type-image img {
  background: none !important;
  border: none !important;
  padding: 0px !important;
}

/* Ficha viaje */
.webform-component-markup {
  width: 100%;
  float: none;
  clear: both;
  text-align: center;
  padding-top: 2em;
}

.webform-component--haz-tu-reserva {
  text-align: left;
  width: 200px;
  float: left;
  padding-top: 1em;
  margin-top: 0em;
  margin-bottom: 0em;
}

.webformkindofbooking .form-item {
  padding: 0.5em;
  border: 1px solid goldenrod;
  font-size: 1.1em;
  margin: 1.3em 0em;
  letter-spacing: 0.5px;
  border-radius: 15px;
  font-size: 1.1em;
}

/*.webformkindofbooking .form-item:hover {
      background-color: khaki;
}*/
.webformkindofbooking .form-item strong {
  color: darkblue;
}

.preview .messages.warning {
  background-color: #fffce5;
  color: black;
  margin-bottom: 3em !important;
}

.preview .form-item label {
  width: 40%;
  float: left;
  margin-right: 1em;
}

.preview .form-item {
  border-bottom: 1px solid gray;
  clear: both;
  display: flow-root;
}

.preview .webform-component--tipo-de-solicitud {
  font-size: 1.3em;
  color: green;
  margin-top: 1em;
  text-align: center;
  padding-bottom: 1.5em;
}

.preview .webform-component--tipo-de-solicitud label {
  width: 100%;
  float: none;
  margin-bottom: 1em;
  color: black;
  text-transform: none;
  font-size: 1em;
}

.page-viaje .preview .webform-component--no-de-personas {
  width: 100%;
}

.page-viaje .preview .webform-component--fecha-del-viaje {
  width: 100%;
}

.form-actions {
  margin-top: 0em;
  margin-bottom: 0em;
}

.precio-destacado {
  width: 28%;
  float: left;
  border: 2px solid orange;
  padding: 1%;
  margin: 1%;
  text-align: center;
  font-size: 1.21em;
}

.boton-info-viajes {
  border: 1px solid grey;
  width: 250px;
  text-align: center;
  background-color: #f4efef;
  margin: 1em auto;
  font-size: 1.3em;
  padding: 0.2em;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.boton-info-viajes a {
  color: black;
}

#banner {
  background: -moz-linear-gradient(center top, #EFEEEE, #DADADA) repeat scroll 0 0 transparent;
  background: white;
}
#banner .pane-node-field-trip-image {
  width: 25%;
  float: left;
  margin-right: 2em;
}
#banner .pane-node-field-trip-image img {
  width: 100%;
  height: 200px;
}
#banner .pane-node-title {
  width: 45%;
  float: left;
  margin-top: 0.3em;
  color: black !important;
}
#banner .pane-node-field-trip-price2 {
  text-align: right;
  width: 28%;
  line-height: 100%;
}
#banner .boton-info-viajes {
  float: right;
}

.views-field-field-trip-tabs .submitted {
  display: none;
}
.views-field-field-trip-tabs .content h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 1.5em;
}
.views-field-field-trip-tabs table {
  text-align: center;
}

.field-name-field-prices-description table, .field-name-field-prices-description table td, .field-name-field-prices-description table th, .pane-node-field-trip-prices-table table td, .pane-node-field-trip-prices-table table, .field-name-field-trip-prices-table table td {
  width: 100% !important;
  text-align: center;
  table-layout: fixed;
}

.panel-pane.pane-entity-field.pane-node-field-trip-prices-table {
  clear: both;
  padding-top: 2em;
}

.field-name-field-prices-description table td, .pane-node-field-trip-prices-table table td {
  background-color: #f4efef;
  padding: 2em 0em;
}

/*
.field-name-field-prices-description table td:hover, .pane-node-field-trip-prices-table table td:hover {
    background-color: grey;
    color: white;
}
*/
.ui-accordion .ui-accordion-content {
  padding: 0.1em 0.8em;
}

.view-id-slideshow .views-field-title {
  float: left;
  width: 50%;
  height: auto;
}

/*
.node-type-agency .view-slideshow .views-field-field-trip-price2 {
    width: 50%;
    float: right;
    text-align: right;
    position: inherit;
}
*/
.node-type-agency .view-slideshow .views-field-field-trip-estado {
  margin-top: 0px;
  position: inherit;
  width: 50%;
}

.view-id-slideshow .views-field-field-trip-dates {
  position: inherit;
  top: 0px;
  width: 50%;
  display: block;
}

.view-id-all_agency_trips.view-display-id-by_month h3, .view-id-all_agency_trips.view-display-id-block_2 h3, #alltripsbytripeditioncalendar h3 {
  color: black !important;
  text-transform: uppercase;
  margin-bottom: 2em;
  border-bottom: 1px solid black;
  padding-bottom: 0.5em;
  font-size: 2em;
}

.page-agencia-206 .view-all-agency-trips-by-tripedition .views-field-title a {
  color: #3a3d7f !important;
}

#alltripsbytripeditioncalendar .views-row {
  min-height: 170px;
  clear: both;
  padding-bottom: 2em !important;
  border-bottom: 1px solid lightgrey;
  margin-bottom: 2em !important;
}
#alltripsbytripeditioncalendar .views-row-last {
  border: none;
}
#alltripsbytripeditioncalendar h3 {
  margin-top: 1em;
  clear: both;
}
#alltripsbytripeditioncalendar .views-field-field-trip-option4-startpricetex, #alltripsbytripeditioncalendar .views-field-field-trip-option4-startpricetex-1 {
  color: black;
  font-size: 0.9em;
  margin-bottom: 0.5em;
  font-style: oblique;
}
#alltripsbytripeditioncalendar .views-field-field-trip-share-available {
  font-size: 0.9em;
  color: black;
  font-style: oblique;
}
#alltripsbytripeditioncalendar .views-field-field-trip-edition-new {
  color: white;
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: bold;
  background-color: orangered;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5em;
  position: relative;
  top: 45px;
  left: -15px;
  letter-spacing: 0.1em;
  -webkit-box-shadow: 1px 1px 5px black;
          box-shadow: 1px 1px 5px black;
  margin-top: -20px;
}
#alltripsbytripeditioncalendar .views-field.views-field-field-trip-image {
  width: 155px;
  float: left;
}
#alltripsbytripeditioncalendar .titleanddate {
  width: 57%;
  float: left;
  margin-right: 10px;
}
#alltripsbytripeditioncalendar .views-field.views-field-title {
  min-height: 45px;
  clear: left;
}
#alltripsbytripeditioncalendar .views-field.views-field-title a {
  font-weight: bold;
  font-size: 1.4em;
}
#alltripsbytripeditioncalendar .price.views-fieldset {
  width: 18%;
  float: left;
  text-align: center;
}
#alltripsbytripeditioncalendar .views-field-field-trip-edition-state-tax {
  text-transform: uppercase;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  margin-right: 0.5em;
  font-weight: bold;
  padding: 0.3em;
  letter-spacing: 0.1em;
}
#alltripsbytripeditioncalendar .views-field-field-trip-edition-singlegroup {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  float: left;
  font-size: 1.1em;
  color: black;
  padding: 0.3em;
  font-weight: bold;
  border-bottom: 1px solid black;
}
#alltripsbytripeditioncalendar .views-field-field-term-text-icon, #alltripsbytripeditioncalendar .views-field-field-term-text-icon-1, #alltripsbytripeditioncalendar .views-field.views-field-field-term-text-icon-2, #alltripsbytripeditioncalendar .views-field.views-field-field-trip-edition-tourleader {
  font-size: 2em;
  color: darkblue;
  padding-top: 0.3em;
  float: left;
  margin-right: 0.5em;
}
#alltripsbytripeditioncalendar .views-field-field-term-icon-state-triped {
  width: 25px;
  float: left;
  padding: 0.3em 0;
}
#alltripsbytripeditioncalendar .views-field-field-term-icon-state-triped img {
  width: 20px;
  height: auto;
}
#alltripsbytripeditioncalendar .Lista-de-espera, #alltripsbytripeditioncalendar .Últimas-plazas, #alltripsbytripeditioncalendar .Disponible-en-breve {
  color: white;
  background-color: orange;
}
#alltripsbytripeditioncalendar .Completo, #alltripsbytripeditioncalendar .Cancelado {
  color: white;
  background-color: red;
}
#alltripsbytripeditioncalendar .Disponible, #alltripsbytripeditioncalendar .OFERTA-Primeros-en-confirmar {
  color: white;
  background-color: green;
}
#alltripsbytripeditioncalendar .A-consultar {
  color: white;
  background-color: green;
}
#alltripsbytripeditioncalendar .views-field-field-trip-edition-travel-days, #alltripsbytripeditioncalendar .views-field-field-trip-edition-travel-nights {
  font-size: 1.3em;
  color: darkblue;
}
#alltripsbytripeditioncalendar .views-field-field-trip-option4-price, #alltripsbytripeditioncalendar .views-field-field-trip-option4-startprice, #alltripsbytripeditioncalendar .views-field-field-trip-option4-startprice-1 {
  color: white;
  font-size: 24px;
  text-align: center;
  background-color: red;
  padding: 0.3em;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
#alltripsbytripeditioncalendar .views-field-field-trip-edition-dates {
  font-size: 1.2em;
  margin: 0.6em 0;
  clear: both;
}
#alltripsbytripeditioncalendar .infobuttoncalendar {
  font-size: 1.5em;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5em;
  margin: 1em 0;
  /*
  border: 1px solid grey;
  border-radius: 3em;
  box-shadow: 1px 2px 5px black;
  */
}
#alltripsbytripeditioncalendar .views-field-field-term-icon-who, #alltripsbytripeditioncalendar .views-field-field-term-icon-transport, #alltripsbytripeditioncalendar .views-field-field-term-icon-meal {
  float: left;
  margin-right: 10px;
}
#alltripsbytripeditioncalendar .views-field-field-term-icon-who img, #alltripsbytripeditioncalendar .views-field-field-term-icon-transport img, #alltripsbytripeditioncalendar .views-field-field-term-icon-meal img {
  width: 50px !important;
}

.view-trip-tab-content h2, .view-trip-tab-content h3 {
  color: black !important;
  text-shadow: none !important;
}

.view-trip-tab-content h2, .view-trip h2, .node-type-pagina-estatica h2, .page-node h2 {
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
  border-bottom: 1px solid lightgrey;
  width: 80%;
  margin: 1.5em auto;
  padding-bottom: 1em;
  text-transform: uppercase;
}

.panel-pane.pane-entity-field.pane-node-field-trip-image {
  float: right;
}

.view-trip-tab-content h3 {
  font-size: 1.2em;
}

#reservar {
  border: 2px solid lightgrey;
  padding: 1em 5em;
  /* background: -moz-linear-gradient(center top, #EFEEEE, #DADADA) repeat scroll 0 0 transparent;*/
  color: black;
  clear: both;
}

.node-webform .form-actions:hover, .boton-info-viajes:hover, .pane-trip-tabs .view-trip-tabs.view-display-id-default .views-row .views-field a:hover {
  opacity: 0.7;
}

.page-viaje .pane-node-field-trip-estado {
  margin-bottom: 5px;
  margin-top: -15px;
  width: 35%;
  float: left;
}

.page-viaje .pane-node-field-trip-dates {
  padding-top: 20px;
  float: left;
  width: 40%;
}
.page-viaje .pane-node-field-trip-dates h2 {
  float: left;
  margin: 0px 10px 0px 0px;
}

.page-viaje .view-trip-active-editions {
  font-size: 1.5em;
  font-weight: bold;
  text-shadow: none;
  padding: 0.5em;
}
.page-viaje .view-trip-active-editions i {
  margin-right: 1em;
}

.page-viaje .view-trip-active-editions .views-field {
  float: left;
}

.page-viaje .views-field-field-trip-edition-dates {
  color: darkslategrey;
  width: 35%;
}

.page-viaje .pane-trip-active-editions {
  float: none;
  clear: both;
  margin-bottom: 3em;
}

.page-viaje .view-trip-active-editions table, .page-viaje .view-trip-active-editions td, .page-viaje .view-trip-active-editions tbody {
  border: none !important;
}

.page-viaje .views-field-field-trip-edition-state-tax {
  text-shadow: none;
  word-spacing: 0.3em;
  text-align: center;
  text-transform: uppercase;
}

.page-viaje .views-field-field-trip-edition-singlegroup {
  margin-left: 1em;
  padding-top: 0.1em;
  float: right !important;
}

.page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax .Completo, .page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax .Cancelado {
  color: red;
}

.page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax .Últimas-plazas, .page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax .Lista-de-espera, .page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax .Disponible-en-breve {
  color: darkorange;
}

.page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax .Disponible, .page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax .OFERTA-Primeros-en-confirmar {
  color: green;
}

.page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax span, .page-viaje .view-trip-active-editions .views-field-field-trip-edition-state-tax img {
  margin-left: 0.5em;
  vertical-align: middle;
}

.page-viaje .view-trip-active-editions .views-row {
  clear: both;
  height: 40px;
}

.page-viaje .pane-node-field-trip-option4-price {
  color: green;
  font-weight: bold;
  font-size: 6em;
  float: right;
  width: 28%;
  text-align: right;
}

.page-viaje .pane-node-field-trip-option4-startprice, .page-viaje .pane-node-field-trip-option4-startpricetex {
  text-align: right;
}

.page-viaje .pane-node-field-trip-option4-startprice {
  font-size: 28px;
  font-weight: bold;
  color: red;
  text-align: right;
}

.page-viaje .pane-node-field-trip-option4-startpricetex {
  font-size: 16px;
  margin-bottom: 1em;
  font-style: italic;
  margin-top: 0.3em;
}

.page-viaje .pane-node-field-trip-included-in-price {
  text-align: right;
  font-size: 16px;
}

/*
.page-viaje .webform-component--opcion-tipo-de-habitacion {
    clear: left;
}
*/
.pane-trip-tabs .view-trip-tabs.view-display-id-default .views-row .views-field a {
  background-color: #f4efef;
  color: black;
}

.gallery-slideshow .item-list ul li {
  margin-left: 8px;
  width: 19%;
}

.views-exposed-form label {
  font-weight: normal;
}

.views-exposed-widget label:first-child {
  text-transform: uppercase;
  font-weight: bold;
}

.view-trip img.masked, .view-trip .field-type-image img, .view-trip .inside .pane-node-field-trip-video, #template-trip-media .pane-node-field-trip-video, .view-trip-tab-content img.masked, .view-trip-tab-content .field-type-image img {
  border: none;
  background: none;
  margin: 0px;
  padding: 10px;
}

#template-trip-description-below h2 {
  clear: both;
  padding-top: 2em;
}

.fecha-destacada-content-trip {
  font-size: 1.4em;
  background-color: grey;
  color: white;
  margin-bottom: 1em;
  text-align: center;
}

.texto-destacado-content-trip {
  font-size: 1em;
  margin: 1em auto;
  padding-bottom: 1.5em;
  text-align: center;
  line-height: 170%;
  letter-spacing: 0.1em;
}

.field-slideshow-thumbnail {
  width: 100% !important;
}

.color-rojo {
  color: red;
}

.color-naranja {
  color: orange;
}

.color-verde {
  color: green;
}

input#edit-combine {
  max-width: 100%;
}

.field-name-field-agency-footer img {
  max-width: 100%;
  height: auto !important;
}

.pane-all-agency-trips .view-header {
  font-size: 16px;
  color: black;
}

.views-submit-button div {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  margin: 0 auto;
}
.views-submit-button div .ajax-throbber {
  width: 100px;
  height: 100px;
}

.mc-modal {
  width: 350px !important;
}
.mc-modal .mc-layout__modalContent {
  -webkit-box-shadow: 0 1px 2px 5px black;
          box-shadow: 0 1px 2px 5px black;
  background: floralwhite;
}
.mc-modal .mc-layout__modalContent #SignupForm_0 label {
  text-align: center !important;
}

.page-viaje-3617 .boton-info-viajes {
  display: none;
}

#sliding-popup .popup-content #popup-text p {
  display: inherit;
}

#sliding-popup .popup-content #popup-text span {
  font-size: 22px !important;
}

.view-term-description .views-field-description, .view-when-term-description .views-field-description, .view-term-description .views-field-name {
  color: black;
}

/* Descripción página categorías de viajes */
/*
.view-term-description .views-field-name {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-bottom: 1px solid black;
    color: black;
}



.view-term-description {
    position: relative;
}

.view-term-description .views-field-name {
    position: absolute;
    top: 20px;
    left: 20px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    border-bottom: 1px solid black;
}

.view-term-description .views-field-description {
    position: absolute;
    top: 80px;
    left: 20px;
    width: 90%;
    background-color: rgba(255, 255, 255, .5);
    padding: 1em;
}

*/
.pane-sharethis {
  clear: both;
  padding: 3em 0em;
}

.view-slideshow img, .view-all-agency-trips img, .pane-term-trips .view-term-trips .views-row img, .view-trip .inside .pane-node-field-trip-video, #template-trip-media .pane-node-field-trip-video {
  border: none !important;
  background: none !important;
  padding: 0px;
}

/* Iconos categorías en viajes: Todo Incluido, Destinatario... */
.view-all-agency-trips .views-field-field-term-icon-who img, .view-term-trips .views-field-field-term-icon-who img, .view-related-trips .views-field-field-term-icon-who img {
  position: absolute;
  bottom: 15px;
  left: 10px;
}
.view-all-agency-trips .views-field-field-term-icon-meal img, .view-term-trips .views-field-field-term-icon-meal img, .view-related-trips .views-field-field-term-icon-meal img {
  position: absolute;
  bottom: 15px;
  right: 30px;
}
.view-all-agency-trips .views-field-field-term-icon-transport img, .view-term-trips .views-field-field-term-icon-transport img, .view-related-trips .views-field-field-term-icon-transport img {
  position: absolute;
  bottom: 15px;
  right: 95px;
}

.view-related-trips .views-field-field-trip-dates .field-content, .view-related-trips .views-field-field-trip-dates .views-label, .view-trips-by-hotel .views-field-field-trip-dates .field-content, .view-trips-by-hotel .views-field-field-trip-dates .views-label {
  float: left;
  font-style: oblique;
}
.view-related-trips .views-field-field-trip-price2, .view-trips-by-hotel .views-field-field-trip-price2 {
  clear: both;
}
.view-related-trips .views-field-field-trip-dates .views-label, .view-trips-by-hotel .views-field-field-trip-dates .views-label {
  margin-right: 5px;
}
.view-related-trips .views-field.views-field-field-trip-texto-superpuesto, .view-related-trips .pane-node-field-trip-texto-superpuesto .field-name-field-trip-texto-superpuesto, .view-trips-by-hotel .views-field.views-field-field-trip-texto-superpuesto, .view-trips-by-hotel .pane-node-field-trip-texto-superpuesto .field-name-field-trip-texto-superpuesto {
  bottom: 150px;
  top: initial !important;
}

.page-hoteles h2, .page-destino-de-vacaciones h2 {
  clear: both;
  padding-top: 0em;
  color: #3a3d7f;
  font-weight: bold;
  letter-spacing: 0.2em;
  border-bottom: 1px solid lightgrey;
  margin: 1.5em auto;
  padding-bottom: 1em;
  text-transform: uppercase;
}

.page-hoteles input.form-submit, .page-destino-de-vacaciones input.form-submit {
  background: #3a3d7f !important;
  background-image: none !important;
}

.view-all-hotels {
  padding-bottom: 3em;
  clear: both;
}

.view-all-hotels .views-row {
  padding: 1%;
  clear: both;
  border-bottom: 1px solid lightgrey;
  min-height: 220px;
}

.view-all-hotels .views-row img {
  width: 33%;
  height: 200px;
  float: left;
  margin-right: 1em;
  margin-bottom: 2em;
}

.view-all-hotels .views-field-title {
  position: absolute;
  margin-top: 1.5em;
  margin-left: 1em;
  background-color: white;
  padding: 1em;
  width: 23%;
}

.view-all-hotels .views-field-title a {
  color: #3a3d7f;
  font-size: 1em;
  font-weight: bold;
}

.view-all-hotels .hotel-title a {
  color: #3a3d7f;
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
}

.view-all-hotels .hotel-title {
  padding-bottom: 2em;
}

.view-all-hotels .form-type-bef-checkbox {
  float: left;
  margin-right: 2em;
}

.view-all-hotels .views-exposed-widgets {
  padding: 1em;
  background-color: #e5e4e4;
  -webkit-box-shadow: 1px 1px 3px black;
          box-shadow: 1px 1px 3px black;
  width: 95%;
  margin: 2em auto;
}

.view-all-hotels .views-exposed-form .views-submit-button, .view-all-hotels .views-exposed-form .views-reset-button {
  float: left;
  clear: none;
  padding: 0em !important;
  margin: 2em 0em !important;
  width: auto !important;
}

.pane-node-field-trip-texto-superpuesto {
  position: relative;
}
.pane-node-field-trip-texto-superpuesto a {
  color: red;
}

.views-field.views-field-field-trip-texto-superpuesto, .pane-node-field-trip-texto-superpuesto .field-name-field-trip-texto-superpuesto {
  background-color: white;
  color: red;
  padding: 0.4em 0.7em !important;
  height: auto !important;
  clear: both;
  position: absolute;
  top: 145px;
  left: 10px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.4em;
  border: 2px solid black;
  z-index: 10;
}

.page-agencia-calendario .views-field.views-field-field-trip-texto-superpuesto {
  top: 130px !important;
}

.pane-node-field-trip-texto-superpuesto .field-name-field-trip-texto-superpuesto {
  top: 20px !important;
}

.view-display-id-by_month .views-field-field-trip-texto-superpuesto {
  font-size: 0.8em;
  /*top: 110px;*/
}

.views-field.views-field-field-trip-texto-superpuesto .field-content {
  border-left: 8px solid;
  padding-left: 0.7em;
}

.pane-related-trips {
  /*background: #1487d4;*/
  color: black !important;
  padding: 1em;
  margin-bottom: 20px;
}
.pane-related-trips .views-row {
  position: relative;
}
.pane-related-trips .views-row .views-field-title a {
  font-size: 1.2em;
}
.pane-related-trips .views-row .views-field-field-trip-texto-superpuesto {
  font-size: 0.9em;
  top: 130px;
}
.pane-related-trips .node-readmore {
  display: none;
}

.view-display-id-by_month .views-field-field-term-icon-who img, .view-related-trips .views-field-field-term-icon-who img {
  height: auto;
  bottom: 37px;
  left: 3px;
}
.view-display-id-by_month .views-field-field-term-icon-transport img, .view-related-trips .views-field-field-term-icon-transport img {
  height: auto;
  bottom: 37px;
  right: 45px;
}
.view-display-id-by_month .views-field-field-term-icon-meal img, .view-related-trips .views-field-field-term-icon-meal img {
  height: auto;
  bottom: 37px;
  right: 8px;
}

.redes-sociales-iconos img {
  margin-right: 10px;
}

/* Página noticias Blog */
.view-display-id-block #content-inside .region-inner .views-row {
  height: 480px;
}

.pane-noticias-blog .pane-content {
  font-size: 1.1em;
  color: black;
}

.page-agencia-blog-viajes-singles- #sidebar-news {
  width: 22%;
  float: right;
  border: 1px solid lightgrey;
  -webkit-box-shadow: 1px 1px 6px grey;
          box-shadow: 1px 1px 6px grey;
  margin-bottom: 2em;
}
.page-agencia-blog-viajes-singles- #sidebar-news .views-row, .page-agencia-blog-viajes-singles- #sidebar-news .field-item .node-destination {
  padding: 1.2em 0em;
  border-top: 1px solid black;
}
.page-agencia-blog-viajes-singles- #sidebar-news .views-row img, .page-agencia-blog-viajes-singles- #sidebar-news .field-item .node-destination img {
  height: auto;
}
.page-agencia-blog-viajes-singles- #sidebar-news .pane-title {
  text-shadow: none;
  text-align: center;
}
.page-agencia-blog-viajes-singles- .pane-node-created h2 {
  font-size: 1.2em;
  float: left;
  margin-top: 0;
  margin-right: 5px;
}
.page-agencia-blog-viajes-singles- #content-inside {
  padding: 0px !important;
}
.page-agencia-blog-viajes-singles- #content-inside .region-inner {
  width: 73%;
  float: left;
}
.page-agencia-blog-viajes-singles- #content-inside .region-inner .field-name-body {
  font-size: 1.1em;
  text-align: justify;
}
.page-agencia-blog-viajes-singles- #content-inside .region-inner .field-name-body img {
  height: auto;
}
.page-agencia-blog-viajes-singles- #content-inside .region-inner .field-name-body p {
  margin: 1.2em 0em;
}

.node-type-hotel #sidebar-news, .node-type-destination #sidebar-news, .node-type-ship-cruise #sidebar-news {
  width: 22%;
  float: right;
  border: 1px solid lightgrey;
  -webkit-box-shadow: 1px 1px 6px grey;
          box-shadow: 1px 1px 6px grey;
  margin-bottom: 2em;
}
.node-type-hotel #sidebar-news .views-row, .node-type-hotel #sidebar-news .field-item .node-destination, .node-type-destination #sidebar-news .views-row, .node-type-destination #sidebar-news .field-item .node-destination, .node-type-ship-cruise #sidebar-news .views-row, .node-type-ship-cruise #sidebar-news .field-item .node-destination {
  padding: 1.2em 0em;
  border-top: 1px solid black;
}
.node-type-hotel #sidebar-news .views-row img, .node-type-hotel #sidebar-news .field-item .node-destination img, .node-type-destination #sidebar-news .views-row img, .node-type-destination #sidebar-news .field-item .node-destination img, .node-type-ship-cruise #sidebar-news .views-row img, .node-type-ship-cruise #sidebar-news .field-item .node-destination img {
  height: auto;
}
.node-type-hotel #sidebar-news .pane-title, .node-type-destination #sidebar-news .pane-title, .node-type-ship-cruise #sidebar-news .pane-title {
  text-shadow: none;
  text-align: center;
}
.node-type-hotel #sidebar-news h2, .node-type-destination #sidebar-news h2, .node-type-ship-cruise #sidebar-news h2 {
  padding-top: 0px !important;
}
.node-type-hotel .pane-node-created h2, .node-type-destination .pane-node-created h2, .node-type-ship-cruise .pane-node-created h2 {
  font-size: 1.2em;
  float: left;
  margin-top: 0;
  margin-right: 5px;
}
.node-type-hotel .pane-content #content-inside, .node-type-destination .pane-content #content-inside, .node-type-ship-cruise .pane-content #content-inside {
  padding: 0px !important;
}
.node-type-hotel .pane-content #content-inside .region-inner, .node-type-destination .pane-content #content-inside .region-inner, .node-type-ship-cruise .pane-content #content-inside .region-inner {
  width: 73%;
  float: left;
}
.node-type-hotel .pane-content #content-inside .region-inner .media-image, .node-type-destination .pane-content #content-inside .region-inner .media-image, .node-type-ship-cruise .pane-content #content-inside .region-inner .media-image {
  height: auto !important;
}
.node-type-hotel .pane-content #content-inside .region-inner .field-name-body, .node-type-destination .pane-content #content-inside .region-inner .field-name-body, .node-type-ship-cruise .pane-content #content-inside .region-inner .field-name-body {
  font-size: 1.1em;
  text-align: justify;
}
.node-type-hotel .pane-content #content-inside .region-inner .field-name-body img, .node-type-destination .pane-content #content-inside .region-inner .field-name-body img, .node-type-ship-cruise .pane-content #content-inside .region-inner .field-name-body img {
  height: auto;
}
.node-type-hotel .pane-content #content-inside .region-inner .field-name-body p, .node-type-destination .pane-content #content-inside .region-inner .field-name-body p, .node-type-ship-cruise .pane-content #content-inside .region-inner .field-name-body p {
  margin: 1.2em 0em;
}

.node-type-hotel .region-inner h2, .node-type-destination .region-inner h2, .node-type-ship-cruise .region-inner h2 {
  clear: both;
  padding-top: 2em;
  /*margin-bottom: 3em;*/
  color: #3a3d7f;
}

.view-trip-tab-content .region-inner .pane-entity-field h2 {
  clear: both;
  padding-top: 3em;
  margin-bottom: 3em;
  color: #3a3d7f;
}

.field-name-field-destination-related-destin .field-name-field-destination-main-image, .field-name-field-tab-destination-destino .field-name-field-destination-main-image, .field-name-field-shipping-ships .field-name-field-ship-main-image {
  float: left;
  margin-right: 2em;
}

.field-name-field-destination-related-destin h2, .field-name-field-tab-destination-destino h2, .field-name-field-shipping-ships h2 {
  text-align: left;
  width: 100%;
  padding-top: 0 !important;
  margin-bottom: 1em !important;
}

.node-type-hotel .field-slideshow, .node-type-destination .field-slideshow, .node-type-ship-cruise .field-slideshow {
  padding-right: 0px !important;
}

.node-type-hotel .gallery-slideshow .item-list ul li, .node-type-destination .gallery-slideshow .item-list ul li, .node-type-ship-cruise .gallery-slideshow .item-list ul li {
  width: 18.8%;
}

#sidebar-news .pane-title {
  text-transform: none !important;
  font-weight: normal !important;
  width: 100% !important;
  border-bottom: none !important;
  letter-spacing: 0 !important;
  color: #3a3d7f !important;
}

.page-agencia-blog-viajes-singles .view-noticias-blog .views-row {
  width: 31%;
  float: left;
  height: 480px;
  border: 1px solid lightgrey;
  -webkit-box-shadow: 1px 1px 6px grey;
          box-shadow: 1px 1px 6px grey;
  margin: 1%;
  margin-bottom: 30px;
}
.page-agencia-blog-viajes-singles .view-noticias-blog .views-row img {
  height: auto !important;
}
.page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field.views-field-created {
  font-style: oblique;
  color: grey;
  padding: 0em 1em;
}
.page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field-title {
  padding: 1em !important;
  height: 65px;
}
.page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field-title a {
  text-align: center !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: bold;
  font-size: 20px;
  line-height: 120%;
  text-shadow: 1px 1px 1px #EAF1EA;
  padding: 1em 0em;
  color: #3a3d7f;
}
.page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field-title-1 {
  background: #1487d4;
  width: 100px;
  padding: 0.2em;
  margin: 1em auto;
  text-align: center;
}
.page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field-title-1 a {
  color: white;
}
.page-agencia-blog-viajes-singles .view-noticias-blog .views-row .views-field-body {
  height: 140px;
  margin-top: 1em;
  padding: 0em 1em;
}

.page-agencia-blog-viajes-singles .inside {
  font-size: 1.1em;
  color: black;
}
.page-agencia-blog-viajes-singles .inside h3 {
  clear: both;
}
.page-agencia-blog-viajes-singles .inside .field-name-field-article-image img {
  height: auto;
}

.pane-noticias-blog .pane-title, .view-header h2, .view-term-description .views-field-name {
  text-transform: uppercase;
  font-size: 2em;
  letter-spacing: 0.1em;
  padding-bottom: 20px;
  font-weight: bold;
}

/* HOME VS */
#block-banners-activos {
  width: 75%;
  float: left;
  margin: 0 1%;
}
#block-banners-activos img {
  width: 100%;
  height: 170px;
}
#block-banners-activos img:hover {
  opacity: 0.6;
}
#block-banners-activos .views-row {
  width: 49%;
  float: left;
}
#block-banners-activos .views-row-first {
  margin-right: 1%;
}
#block-banners-activos .views-row-last {
  margin-left: 1%;
}
#block-banners-activos .media-youtube-video {
  margin-bottom: -10px;
}
#block-banners-activos .views-field-field-banner-video iframe {
  width: 100%;
  height: 170px;
}

#buscador {
  width: 20%;
  padding: 0em 1.5%;
  margin-bottom: 5em;
  float: left;
}
#buscador label {
  margin: 1.3em 0em;
  color: black;
  letter-spacing: 0.1em;
}
#buscador .views-submit-button {
  width: 40%;
  margin: 0% 30% 5% 30%;
  float: none;
}

.view-filters, .views-exposed-form {
  letter-spacing: 0.1em;
}
.view-filters label, .views-exposed-form label {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  letter-spacing: 0.1em;
}
.view-filters .views-submit-button, .views-exposed-form .views-submit-button {
  width: 40%;
  margin: 0% 30% 5% 30%;
  float: none;
  clear: both;
}

#video-vs-home {
  width: 75%;
  float: left;
  margin: 1%;
}

.result-summary {
  border: 1px dashed red;
  padding: 1em;
  font-style: oblique;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  margin-bottom: 1em;
}

.views-slideshow-controls-top {
  display: none;
}

.pane-slideshow {
  clear: both;
}

.pane-slideshow .pane-title {
  text-transform: uppercase;
  text-align: center;
  font-size: 2em;
  letter-spacing: 0.1em;
  font-weight: bold;
}

.view-slideshow img, #views_slideshow_cycle_teaser_section_slideshow-default, .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
}

.page-node-206 .pane-title {
  background-color: #1487d4;
  color: white !important;
  padding: 0.3em 0em;
  margin-top: 2em;
  text-align: center;
  letter-spacing: 0.1em;
}

.field-name-field-agency-description {
  text-align: center !important;
  font-size: 1.2em;
  color: black;
}

.pane-noticias-blog .view-display-id-block_2 .views-row {
  width: 23%;
  float: left;
  margin: 0.8%;
  border: 1px solid lightgrey;
  -webkit-box-shadow: 1px 1px 6px grey;
          box-shadow: 1px 1px 6px grey;
}
.pane-noticias-blog .view-display-id-block_2 .views-row img {
  height: auto;
}
.pane-noticias-blog .view-display-id-block_2 .views-row .views-field-body {
  height: 180px;
  padding: 0em 1em;
}
.pane-noticias-blog .view-display-id-block_2 .views-row .views-field-title {
  padding: 1em !important;
  font-size: 1.1em;
  margin: 1em 0em;
  height: 45px;
}
.pane-noticias-blog .view-display-id-block_2 .views-row .views-field-title a {
  text-align: center !important;
  font-family: "Nunito Sans", sans-serif !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 120%;
  text-shadow: 1px 1px 1px #EAF1EA;
  padding: 1em 0em;
  color: #3a3d7f;
}
.pane-noticias-blog .view-display-id-block_2 .views-row .views-field-title-1 {
  background: #1487d4;
  width: 100px;
  padding: 0.2em;
  margin: 1em auto;
  text-align: center;
}
.pane-noticias-blog .view-display-id-block_2 .views-row .views-field-title-1 a {
  color: white;
}

/*
.float-left {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.float-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
*/
.img25-left {
  width: 24%;
  float: left;
  margin-right: 1%;
  margin-bottom: 10px;
  margin-top: 10px;
  height: auto;
}

.img33-left {
  width: 32%;
  float: left;
  margin-right: 1.33%;
  margin-bottom: 10px;
  margin-top: 10px;
  height: auto;
}

.img50-left {
  width: 49%;
  float: left;
  margin-right: 1%;
  margin-bottom: 10px;
  margin-top: 10px;
  height: auto;
}

.img25-right {
  width: 24%;
  float: right;
  margin-left: 1%;
  margin-bottom: 10px;
  margin-top: 10px;
  height: auto;
}

.img33-right {
  width: 32%;
  float: right;
  margin-left: 1.33%;
  margin-bottom: 10px;
  margin-top: 10px;
  height: auto;
}

.img50-right {
  width: 49%;
  float: right;
  margin-left: 1%;
  margin-bottom: 10px;
  margin-top: 10px;
  height: auto;
}

.img100 {
  width: 100%;
  height: auto;
}

.destacado-blog {
  width: 45%;
  float: left;
  padding-right: 1em;
  font-style: oblique;
  font-size: 18px;
  line-height: 1.2em;
  text-align: center;
  border-right: 5px solid orange;
  margin-right: 2em !important;
  font-weight: bold;
}

.destacado-blog::before {
  content: open-quote " ";
  font-size: 25px;
  color: orange;
}

.destacado-blog::after {
  content: close-quote " ";
  font-size: 25px;
  color: orange;
}

.view-noticias-blog .views-field-field-article-image img {
  width: 100%;
}

.field-name-field-trip-itineraryinfo-image, .field-name-field-trip-itinerarymap-image {
  text-align: center;
  margin: 2em 0;
}

.field-name-field-trip-itinerarymap-image img, .field-name-field-trip-itineraryinfo-image img {
  height: auto !important;
  max-width: 100% !important;
}

.panel-pane.pane-entity-field.pane-node-field-trip-included {
  width: 45%;
  float: left !important;
  margin-right: 2%;
}
.panel-pane.pane-entity-field.pane-node-field-trip-included i {
  color: green;
  font-size: 1.1em;
}

.panel-pane.pane-entity-field.pane-node-field-trip-not-included {
  width: 45%;
  float: right !important;
  margin-left: 2%;
}
.panel-pane.pane-entity-field.pane-node-field-trip-not-included i {
  color: red;
  font-size: 1.1em;
}

.pane-node-field-trip-program-and-route {
  display: inline-block;
}

.embed .node h2, .embed h2, .embed .contextual-links-wrapper {
  display: none;
}

/* Iconos categorías dentro de viaje */
.pane-icons-trip-terms {
  width: 210px;
  position: absolute;
  right: 0;
  top: 170px;
}

.view-icons-trip-terms .views-field {
  float: right;
  margin: 5px;
}

#template-trip-media .pane-entity-field.pane-node-field-trip-image, #template-trip-media .pane-node-field-trip-video {
  padding: 10px;
}

.view-all-agency-trips.view-display-id-default .views-field-field-trip-dates-1, .view-all-agency-trips.view-display-id-search .views-field-field-trip-dates-1, .view-term-trips.view-display-id-default .views-field-field-trip-dates-1 {
  width: 87% !important;
}

/*
.view-all-agency-trips.view-display-id-default .views-field-field-trip-dates-1, .view-term-trips.view-display-id-default .views-field-field-trip-dates-1 {
    height: 40px; 
}
*/
.view-all-agency-trips.view-display-id-default .views-field-field-trip-dates-2, .view-all-agency-trips.view-display-id-search .views-field-field-trip-dates-2, .view-term-trips.view-display-id-default .views-field-field-trip-dates-2 {
  width: 10%;
  text-align: right;
}
.view-all-agency-trips.view-display-id-default .views-field-field-trip-dates-2 a, .view-all-agency-trips.view-display-id-search .views-field-field-trip-dates-2 a, .view-term-trips.view-display-id-default .views-field-field-trip-dates-2 a {
  color: red;
}

.clearboth {
  clear: both;
}

.webform-component--tipo-de-habitacion {
  display: none !important;
}

.node-type-agency .view-slideshow .views-field-field-trip-price2 {
  color: white !important;
}

/* RESERVAS. IMPORTANTE: set THEMEKEY */
.node-type-trip-edition .node-pagos-devoluciones-proveedores {
  margin-left: 3em;
}
.node-type-trip-edition .node-pagos-devoluciones-proveedores .field {
  float: left;
  padding: 0em 1em;
  width: 140px;
  border: 1px solid grey;
}

.node-type-booking .field {
  margin-top: 1em;
}
.node-type-booking .node-pagos-devoluciones {
  margin-left: 3em;
}
.node-type-booking .node-pagos-devoluciones .field {
  float: left;
  padding: 0em 1em;
  width: 140px;
  border: 1px solid grey;
}
.node-type-booking .node-pagos-devoluciones-proveedores {
  margin-left: 3em;
}
.node-type-booking .node-pagos-devoluciones-proveedores .field {
  float: left;
  padding: 0em 1em;
  width: 140px;
  border: 1px solid grey;
}
.node-type-booking .field-name-field-booking-sum-tot-payed-dec {
  border: 3px solid green;
  padding: 1em;
  text-align: center;
}
.node-type-booking .field-name-field-booking-outstanding {
  border: 3px solid red;
  padding: 1em;
  text-align: center;
}

.booking-budget-style .field-type-number-decimal .field-label, .booking-budget-style .field-type-number-integer .field-label {
  width: 67%;
  text-align: left;
  margin-left: 3%;
}

.booking-budget-style .fieldset-description {
  font-style: oblique;
  font-size: 0.8em;
  margin-left: 1.5em;
  margin-top: 1em;
  color: gray;
  width: 70%;
}

.booking-budget-style .field-type-number-decimal .field-items, .booking-budget-style .field-type-number-integer .field-items {
  width: 25%;
  text-align: right;
}

.booking-budget-style .field-name-field-booking-total-person {
  margin-top: 2em !important;
  border-top: 2px solid black;
  padding-top: 2em;
}

.booking-budget-style .field-name-field-booking-total, .booking-budget-style .field-name-field-booking-total-pvp {
  text-transform: uppercase;
  border: 1px solid green;
  padding: 1em;
  margin: 2em 0 !important;
  background-color: #3a3d7f;
  color: white;
}

.booking-budget-style .field-name-field-booking-adults-number .field-item::before {
  content: "x ";
}

.booking-budget-style fieldset .fieldset-wrapper .field-type-text {
  width: 67%;
  margin-left: 2%;
  float: left;
  font-weight: bold;
}

.booking-budget-style fieldset .fieldset-wrapper .field-type-number-decimal .field-items {
  width: 27%;
  text-align: right;
  float: left;
  margin-top: 1em;
}

.booking-budget-style fieldset {
  margin-top: 2em !important;
}

.booking-budget-style .node-pagos-devoluciones h2 {
  display: none;
}

.group-booking-booking h3 {
  padding: 10px 30px !important;
}

.group-booking-booking legend {
  text-transform: uppercase;
}

.view-reservas-all-list .internalfield_alert {
  background-color: lightgoldenrodyellow;
}

.view-reservas-all-list .views-field-field-booking-total {
  color: green;
}

.view-reservas-all-list .views-field-field-booking-outstanding {
  color: red;
}

/* QTIPS STYLES */
.qtip {
  max-width: 500px;
  padding: 1em;
  font-size: 1.1em;
  line-height: 1.5em;
}
.qtip h2 {
  display: none;
}
.qtip img {
  max-width: 100%;
  height: auto;
}

.pane-node-field-trip-nights-base-price {
  color: #3a3d7f;
  font-weight: bold;
  font-size: 30px;
  line-height: 1.1em;
  text-align: right;
  width: 30%;
  position: absolute;
  right: 0;
}

#download-pdf-trip {
  float: left;
  width: 45%;
  margin-bottom: 2em;
  font-size: 1.1em;
  margin-top: 0.5em;
}
#download-pdf-trip a {
  color: red;
}
#download-pdf-trip a:hover {
  text-decoration: underline;
}
#download-pdf-trip i {
  margin-right: 0.6em;
  color: red;
  font-size: 20px;
}

.view-term-trips .views-row:hover, .view-all-agency-trips .views-row:hover {
  background-color: #f0f5f5;
}

.pane-trip-terms .view-trip-terms h3 {
  clear: both;
}
.pane-trip-terms .view-trip-terms .views-row-last {
  float: left;
}

#programa-itinerario-singles {
  clear: both;
  padding-top: 2em;
}

.aviso-b2b {
  text-align: center;
  border: 4px double red;
  padding: 1em;
  margin-bottom: 3em;
}

.views-accordion-trip_mobile-default-header {
  background-color: lightgray;
  background-image: none;
}

#template-trip-description-below, .field-name-field-trip-description-below {
  text-align: left !important;
}

.field-name-field-trip-image-just-vs img {
  height: auto;
}

.node-type-pagina-estatica, .main-default-b2b-panel {
  color: black;
  font-size: 1em;
}
.node-type-pagina-estatica h3, .main-default-b2b-panel h3 {
  color: black;
  font-size: 1.2em;
}

#pie-marcas-blancas {
  color: white !important;
  font-size: 1em;
  line-height: 1.5em;
}
#pie-marcas-blancas a {
  color: #f7bb60;
}

.main-default-b2b-panel #footer-bottom {
  background: #3a3d7f !important;
}

#bloque-cabecera {
  width: 100%;
  margin: 0 auto;
  margin-top: 0px;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  color: #333;
  text-shadow: 1px 1px 1px white;
  font-family: bodoni mt;
  background-image: url(https://www.b2bviajes.com/sites/default/files/playa-arena-vacaciones.jpg);
  background-position: center;
}

.lema-b2b {
  letter-spacing: 0.3em;
  font-size: 1.3em;
  font-family: bodoni mt black !important;
  color: #3a3d7f;
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0.4em;
}

#header-menu-inside {
  height: auto;
}

.node-type-pagina-estatica #header-inside-left {
  width: 100% !important;
}
.node-type-pagina-estatica #header-inside {
  width: 100% !important;
}

.main-default-b2b-panel #header-inside-left {
  width: 100% !important;
}
.main-default-b2b-panel #header-inside {
  width: 100% !important;
}

.pane-menu-menu-menu-top-b2bviajes {
  height: 40px;
  background-color: white;
  z-index: 999;
}
.pane-menu-menu-menu-top-b2bviajes ul {
  margin: 0.25em 0 0.25em 1.5em !important;
  padding: 0;
}
.pane-menu-menu-menu-top-b2bviajes li {
  list-style: none !important;
  float: right;
  padding: 0.5em 1em;
}
.pane-menu-menu-menu-top-b2bviajes a {
  color: black !important;
}
.pane-menu-menu-menu-top-b2bviajes a :hover {
  text-decoration: underline !important;
}

/* USER PAGE */
.page-user .content-top-inside, .page-user #header-inside, .page-user #header-inside-left {
  width: 100% !important;
}

/*
, .main-default-b2b-panel .content-top-inside, .main-default-b2b-panel #header-inside, .main-default-b2b-panel #header-inside-left, .page-agencia .content-top-inside, .page-agencia #header-inside, .page-agencia #header-inside-left, .page-home .content-top-inside, .page-home #header-inside, .page-home #header-inside-left
*/
/* STYLES SISTEMA RESERVAS */
.node-type-booking #node_booking_full_group_booking_price .field-group-fieldset .field {
  width: 32%;
  float: left;
  padding: 1%;
  text-align: center;
}

.page-node-edit {
  font-size: 0.9em;
}

/* STYLES EDIT BOOKING FORM */
.page-node-edit .node-booking-form .group-booking-price .field-group-fieldset .field-type-number-decimal {
  width: 21%;
  float: left;
  padding: 0.5%;
  text-align: right;
}
.page-node-edit .node-booking-form .group-booking-price .field-group-fieldset .field-type-text {
  clear: both;
  width: 55%;
  float: left;
  padding: 0.5%;
}
.page-node-edit .node-booking-form .group-booking-price .field-group-fieldset label {
  height: 70px;
  padding: 0px 10px;
}

.page-node-edit .node-booking-form .field-name-field-trip-startprice-custom {
  clear: both !important;
}

/* STYLES EDIT TRIP FORM */
.page-node-edit .node-trip-form .group-form .field-group-fieldset .field-type-number-decimal {
  width: 21%;
  float: left;
  padding: 0.5%;
}
.page-node-edit .node-trip-form .group-form .field-group-fieldset .field-type-text {
  clear: both;
  width: 55%;
  float: left;
  padding: 0.5%;
}
.page-node-edit .node-trip-form .group-form .field-group-fieldset label {
  height: 70px;
  padding: 0px 10px;
}

.page-viaje .miga-pan {
  display: none;
}

/* ESTILOS PAGE LISTADO-APUNTADOS */
.view-listado-apuntados .view-grouping-header {
  font-size: 2em;
  text-shadow: none !important;
  padding: 0.5em;
  border: 1px solid gray;
  background-color: #3a3d7f;
  color: white;
}

.view-listado-apuntados .view-grouping-content caption {
  text-align: left;
  font-size: 2em;
  margin: 1.5em 0;
}

.view-listado-apuntados .summary {
  font-size: 1.5em;
}