@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Mukta:300,400,600,700);
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap');

@import 'plugin.css';
@import 'stylerays.css';
@import 'login.css';
@import 'hoteles-rediseno.css';
@import 'detalle-hotel-rediseno.css';
@import 'ResumenDetalleHotelNuevo.css';
@import 'home-new-latrach.css';
@import 'vuelos-refresh.css';
@import 'vuelos-upsell-prime.css';
@import 'plan-detail.css';
@import 'Upsell.css';
@import 'newStyles.min.css';
@import 'vuelo-hotel-rediseno.css';
@import 'disponibilidad-paquetes.css';


.thumnail-item:hover figure:before,
.thumnail-item:hover figure:after,
.thumnail-item.active figure:before,
.thumnail-item.active figure:after {
    opacity: 1;
    visibility: visible;
}

.chart .chart-bar .ul-bar li.active .date-day .date,
.chart .chart-bar .ul-bar li.active .date-day .short-day {
    color: #ff5757;
}

.payment-step li:after,
.payment-step li:before {
    display: block;
    position: absolute;
    background-color: #d0d0d0;
    height: 10px;
    content: '';
    width: 50%;
    left: 0;
    top: 23px;
    border-top: 4px solid #f5f5f5;
    border-bottom: 4px solid #f5f5f5;
}

@font-face {
font-family: BEBAS;
src: url(../fonts/tav/BEBAS.ttf);
}

@font-face {
font-family: BebasNeue;
src: url(../fonts/tav/BebasNeue.otf);
}

@font-face {
font-family: OpenSans-Bold;
src: url(../fonts/tav/OpenSans-Bold.ttf);
}

@font-face {
font-family: OpenSans-ExtraBold;
src: url(../fonts/tav/OpenSans-ExtraBold.ttf);
}

@font-face {
font-family: OpenSans-Regular;
src: url(../fonts/tav/OpenSans-Regular.ttf);
}

@font-face {
font-family: OpenSans-Semibold;
src: url(../fonts/tav/OpenSans-Semibold.ttf);
}
/* _____________________________________________________________ */


/* 01. Initial Styles */


/* _____________________________________________________________ */

html {
    margin: 0;
    margin-top: 120px;
    padding: 0;
    min-height: 100%;
}

body {
    font-family: Poppins !important;
    font-size: 13px;
    background-color: #f1f1f1;
    overflow-x: hidden;
}


section {
    position: relative;
}

ul,
li {
    display: inline-block;
    margin: 0;
    padding: 0;
    /*color: white;*/
}

a {
    cursor: pointer;
    color: black;
}

    a:hover {
        color: black !important;
    }


/* _____________________________________________________________ */

.bg-parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    background-position: 50% 50%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.bg-forms {
    background-image: url(../images/upload/Background-buscador.jpg);
}

@media (max-width: 767px) {
  .lth-nav {
    display: none;
  }

  .lth-brand img {
    display: none;
  }
}}

.btnPrimary {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    font-size: 13px;
    padding: 6px 10px;
    min-width: 130px;
    margin: 30px;
    border: 0;
    color: #fff !important;
    margin-right: 0;
    text-align: center;
    border-radius: 5px;
    background-color: #273b7b;
   
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btnPrimary:hover {
    background-color: #FFDC00;
}

.btnSecondary {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 10px;
    min-width: 130px;
    border: 0;
    color: #333 !important;
    margin-right: 0;
    text-align: center;
    border-radius: 5px;
    background-color: #FFEF01;
    box-shadow: 0.5px 0.5px 2px #DFB317;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btnSecondary:hover {
    background-color: #FFF753;
}

.btnBlue {
    color: #006082;
}

.btnWhite {
    color: #333;
}

.datepicker {
    background-image: url(../images/calendar.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

.ui-datepicker {
    z-index: 1000 !important;
}

#nav-toggle {
    display: block;
    float: right;
    margin-top: 14px;
    font-size: 30px;
}

.result-container {
    background-color: white;
    margin-top: -10px;
    margin-bottom: 30px;
    overflow: hidden;
}

.offcanvasBtn {
    margin-left: 15px;
}

.sidebar {
    padding-right: 3px !important;
}

.sidebar .search-result {
    background-color: #0045ba;
    padding: 0px 25px;
    width: 100%;
    height: 70px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 5px;
}

.sidebar .search-result:after {
    position: relative;
    border: 8px solid transparent;
    display: block;
    width: 0;
    height: 0;
    content: '';
    /* border-bottom: 8px solid #fff;
    border-left: 8px solid #fff;*/
    bottom: -4px;
    left: 0;
}

.sidebar .search-result p {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    font-family: OpenSans-Regular;
    font-style: italic;
}

.sidebar .search-result p ins {
    font-size: 30px;
    text-decoration: none;
    color: #ffdb32;
}

.sidebar .search-result p span {
    font-size: 17px;
}

.sidebar label {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #505050;
    /*margin-top: 15px;*/
}

.sidebar label small {
    font-size: 12px;
    color: #0099ce;
    font-style: italic;
}

.sidebar input,
/*.sidebar select {
    border: none;
    background: rgb(239, 239, 239);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    color: #999;
    border-bottom: 1px solid;
    border-bottom-color: rgba(50, 50, 50, 0.2);
    font-size: 13px !important;
} */

.sidebar .row [class*="col-"] {
    padding-left: 13px;
    padding-right: 13px;
}

.sidebar hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #9be5ff;
}

.sidebar .roomTitle {
    margin-top: 15px;
    color: #fff;
    font-weight: bold;
    font-family: OpenSans-Regular;
}

.sidebar h3 {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #006082;
}

.results {
    padding-left: 0;
    padding-right: 0;
}

.tooltip-inner,
.ui-tooltip {
    max-width: 320px;
    white-space: nowrap;
    background: #0099ce;
    border: 1px solid #0099ce;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3);
    color: white;
    margin: 0;
    padding: 5px;
    font-size: 10px;
    border-radius: 2px;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #0099ce !important;
}


/* 02. Header */


/* _____________________________________________________________ */

header {
    /*height: 125px;*/
    right: 0;
    left: 0;
	background-color: white;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
}

header .container {
    position: relative;
}

header .logo {
    position: absolute;
}

header .logo img {
    /*height: 112px;*/
    margin-top: 7%;
    width: 180px;
    
}

header .tools {
    background-color: #f8f8f8;
    height: 40px;
    padding: 5px 15px;
    padding-left: 45px;
    /*&::before {
        border-bottom: 40px solid transparent;
        border-right: 40px solid white;
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }*/
}

header .tools .social {
    color: #0099ce;
    line-height: 40px;
    margin: 0;
    padding: 0;
    margin-top: -5px;
    font-size: 12px;
}

.social span {
    /*font-family: 'Grand Hotel', cursive;*/
    font-size: 24px;
    padding-right: 2px;
    color: #6E7B81;
}

header .tools .social i {
    font-size: 21px;
    margin: 0 5px;
}

header .tools::after {
    border-top: 40px solid transparent;
    border-left: 40px solid white;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

header .navigation {
    height: 64px;
	margin-top: -10px;
}

header .navigation ul {
    margin-bottom: 0;
}

header .navigation li {
    /*font-family: OpenSans-Regular;*/
    text-transform: uppercase;

}

header .navigation li a {
    color: #fff;
    text-decoration: none;
    /*-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;*/
}

header .navigation li a.current,
header .navigation li a:hover {
    display: inline-block;
    color: #fff;
    border-top: 2px solid #fff;
}

header .navigation li:last-child {
    padding-right: 15px;
}

header .activeNav {
    visibility: visible !important;
    position: fixed;
    top: 117px;
    height: 75%;
    overflow: auto;
    background: #000000c7;
    width: 100%;
    left: 28px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

header .activeNav li {
    display: block;
    width: 100%;
}

header .activeNav li a {
    padding-left: 30px;
    margin-left: -30px;
}

header .activeNav li a.current,
header .activeNav li a:hover {
    color: black;
    border-left: 5px solid #ffdb32;
    border-bottom: none;
}


/* _____________________________________________________________ */

footer {
   	/*padding-top: 40px;*/
}

footer .logo-foter {
    margin: 70px auto;
}

footer .logo-foter img {
    max-width: 100%;
    margin: 0 auto;
}

footer .ul-ft {
    margin-top: 40px;
    margin-bottom: 40px;
    color: #F6F6F6;
    text-align: left;
}

footer .ul-ft ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer .ul-ft ul li {
    display: block;
    border-bottom: 1px #6E7B81 dotted;
}

footer .ul-ft ul li a {
    color: white;
    text-transform: capitalize;
    text-decoration: none;
    line-height: 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

footer .ul-ft ul li a:hover {
    /*    color: #ffdb32;*/
    color: #003974;
    padding-left: 3px;
    font-weight: 700;
    /*Nuevo*/
}

footer .social {
    margin-top: 40px;
    color: #F6F6F6;
    text-align: right;
}

footer .social i {
    font-size: 21px;
    margin: 0 2px;
}


/* 04. Content */


/* _____________________________________________________________ */

.search-forms {
    padding-top: 50px;
    padding-bottom: 30px;
    min-height: 550px;
    position: relative;
}

.search-forms .form-panel {
    background-color: rgba(0, 0, 0, 0.5);
    /*min-height: 470px !important;*/
    border-radius: 5px;
}

.search-forms .form-panel .form-navigation {
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}

.search-forms .form-panel .form-navigation ul {
    margin: 0;
    padding: 0;
}

.search-forms .form-panel .form-navigation li {
    height: 80px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.search-forms .form-panel .form-navigation li a {
    font-size: 14px;
    position: relative;
    color: #fff;
}

.search-forms .form-panel .form-navigation li a span {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

.search-forms .form-panel .form-navigation li.active,
.search-forms .form-panel .form-navigation li:hover {
    background-color: #17181566;
}

.search-forms .form-panel .form-navigation li.active a,
.search-forms .form-panel .form-navigation li:hover a {
    color: #5ea5ed;
}

.search-forms .form-panel .form-navigation li a img,
.search-forms .form-panel .form-navigation li a img {
    -webkit-filter: hue-rotate(360deg) saturate(0) brightness(200%);
}

.search-forms .form-panel .form-navigation li.active a img,
.search-forms .form-panel .form-navigation li:hover a img {
    -webkit-filter: hue-rotate(0deg) saturate(100%);
}

.search-forms .tab-content label {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
}

label.dd-option-text {
    color: #D6C601 !important;
}

.search-forms .tab-content label small {
    font-size: 12px;
    color: #FEEA01;
    font-style: italic;
}

.search-forms .tab-content input,
.search-forms .tab-content  select {
    border: none;
    /* background: white;*/
    color: #999;
    border-bottom: 1px solid;
    border-bottom-color: rgba(50, 50, 50, 0.2);
}

.search-forms .tab-content .row [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.search-forms .tab-content hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #9be5ff;
}

.search-forms .tab-content .roomTitle {
    margin-top: 15px;
    color: #fff;
    font-weight: bold;
}

.slide-ofertas {
    min-height: 470px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding: 8px;
    background: #fff;
    border-radius: 5px;
    border: 1px #ccc solid;
}

.slide-ofertas a::after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    /*background: -webkit-radial-gradient(top center, ellipse cover, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.5) 100%);*/
}

.carousel-control.right,
.carousel-control.left {
    background: 0;
    z-index: 1;
}

.slide-ofertas a::after img {
    position: absolute;
    top: 50%;
    min-height: 100%;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    min-width: 100%;
    width: auto;
    height: 100% !important;
}

.slide-ofertas .carousel-inner .item {
    height: 470px;
    overflow: hidden;
}

.slide-ofertas .carousel-indicators {
    bottom: 0px;
}

.slide-ofertas .carousel-inner > .item > a > img,
.slide-ofertas .carousel-inner > .item > img,
.slide-ofertas .img-responsive,
.slide-ofertas .thumbnail a > img,
.slide-ofertas .thumbnail > img {
    display: block;
    width: 100%;
    height: 470px !important;
}

/*.slide-ofertas .slide-ofertas-captions {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
}*/

.slide-ofertas .slide-ofertas-captions .header-left {
    position: absolute;
    left: 0;
    top: 0;
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #006082;
    background-color: #ffdb32;
    height: 40px;
    line-height: 40px;
    width: 40%;
    font-size: 16px;
    padding-left: 15px;
    text-align: left;
}

.slide-ofertas .slide-ofertas-captions .header-left::before {
    border-top: 40px solid transparent;
    border-left: 40px solid #ffdb32;
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    z-index: 1;
}

.slide-ofertas .slide-ofertas-captions .header-right {
    position: absolute;
    right: 0;
    top: 0;
    color: gray;
    background-color: white;
    height: 40px;
    line-height: 40px;
    width: 60%;
    font-size: 12px;
    font-style: italic;
    text-align: right;
    padding-right: 15px;
}

.slide-ofertas .slide-ofertas-captions h3 {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    font-size: 32px;
    color: white;
    line-height: 42px;
    margin: 0;
    font-weight: bold;
}

.slide-ofertas .slide-ofertas-captions h3 span {
    color: #ff5757;
    display: block;
}

.slide-ofertas .slide-ofertas-captions .from {
    font-size: 16px;
    color: white;
    font-style: italic;
}

.slide-ofertas .slide-ofertas-captions .price {
    font-family: OpenSans-Regular;
    font-size: 25px;
    color: #45a5f3;
    font-weight: bold;
}

.slide-ofertas .slide-ofertas-captions span.other {
    font-family: OpenSans-Regular;
    font-size: 20px;
    color: white;
    font-weight: bold;
}

.slide-ofertas .slide-ofertas-captions .type {
    position: absolute;
    top: 340px;
    left: 40px;
    font-size: 18px;
    color: white;
}

.slide-ofertas .slide-ofertas-captions p {
    font-size: 14px;
    color: white;
    line-height: 14px;
    margin: 5px 0 20px;
}

.slide-ofertas .slide-ofertas-captions button {
    position: absolute;
    top: 345px;
    right: 30px;
}

.section-title-template {
    background-color: white;
    height: 120px;
}

.section-title-template h1 {
    font-family: OpenSans-Regular;
    line-height: 90px;
    color: #4B4B4B;
    text-transform: capitalize;
}

.section-title-template h1 span {
    font-family: OpenSans-Regular;
}

.section-title-template button {
    margin-right: 30px;
}

.section-title-template span {
    color: #676767;
    margin-top: 45px;
}

.section-title-internal {
   /* margin-top: 1%; */
    /*margin-bottom: 20px;*/
}

.section-title-internal h1 {
    font-family: OpenSans-Regular;
    line-height: 80px;
    color: #555;
    text-transform: initial;
    width: 100%;
    margin-top: -30px;
	margin-bottom: -10px;
}

.section-title-internal h1 span {
    font-family: OpenSans-Regular;
}

.bread-crumb {
   /* background-color: #0045ba;*/
    height: 30px;
    font-style: italic;
    font-size: 11px;
}

.bread-crumb a {
    color: #9be5ff;
    text-decoration: none;
    line-height: 30px;
    padding-right: 10px;
}

.bread-crumb a::after {
    content: "/";
    padding-left: 10px;
}

.bread-crumb span {
    color: white;
    line-height: 30px;
}

.section-content-template {
    background-color:#f2f2f25c;
}

.slide-ofertas-group {
    margin: 30px 0;
    margin-bottom: 60px;
}

.slide-ofertas-group .slide-ofertas-group-captions {
    background-color: white;
    margin-top: -15px;
    padding: 15px;
}

.slide-ofertas-group .slide-ofertas-group-captions h3 {
    font-family: OpenSans-Regular;
    color: #666;
    text-transform: uppercase;
    margin-bottom: -5px;
}

.slide-ofertas-group .slide-ofertas-group-captions span {
    display: block;
}

.slide-ofertas-group .slide-ofertas-group-captions span.city {
    border-bottom: 1px solid #d1d1d1;
    font-size: 15px;
    color: #0099ce;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.slide-ofertas-group .slide-ofertas-group-captions span.from {
    color: #9e9e9e;
}

.slide-ofertas-group .slide-ofertas-group-captions span.price {
    font-family: OpenSans-Regular;
    color: #0099ce;
    font-size: 24px;
    font-style: italic;
}

.slide-ofertas-group .slide-ofertas-group-captions span.type {
    color: #0099ce;
}

.slide-ofertas-group .carousel-indicators {
    bottom: -55px;
}

.slide-ofertas-group .carousel-indicators li {
    background-color: #d1d1d1;
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px;
}

.slide-ofertas-group .carousel-indicators li.active {
    background: #0274A1;
    /*  box-shadow: 0 0 2px #0274A1;*/
    -webkit-box-shadow: 0 0 5px #0274A1;
    -moz-box-shadow: 0 0 5px #0274A1;
    width: 10px;
    height: 10px;
}


/*.slide-ofertas-group .carousel-indicators li.active::before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -5px;
    left: -5px;
    border: 10px solid #0274A1;
    border-radius: 100%;
}*/

.slide-destinos-group {
    position: relative;
    margin: 0 -15px;
}

.slide-destinos-group img {
    position: relative;
    top: 0;
    left: 0;
}

.slide-destinos-group .slide-destinos-group-captions {
    height: 500px;
    position: absolute;
    top: 50%;
    margin-top: -14.5%;
    left: 33%;
    width: 800px;
    /* padding-top: 20px; */
    padding-right: 20px;
    text-align: right;
}

.gallery-slider {
    right: 50px;
}

.slide-destinos-group .slide-destinos-group-captions span {
    color: white;
    text-transform: uppercase;
    text-align: right;
    display: block;
}

.slide-destinos-group .slide-destinos-group-captions span.city {
    font-family: OpenSans-Regular;
    font-size: 18px;
    line-height: 20px;
}

.slide-destinos-group .slide-destinos-group-captions span.legend {
    font-family: OpenSans-Regular;
    font-size: 24px;
    line-height: 26px;
}

.slide-destinos-group .slide-destinos-group-captions h3 {
    color: white;
    font-family: OpenSans-Regular;
    font-size: 70px;
    text-align: right;
    text-transform: uppercase;
    display: block;
    line-height: 74px;
}

.slide-destinos-group .slide-destinos-group-captions .tr-1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 30px;
    border-color: transparent transparent transparent #ffffff;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #ffffff;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: .3s;
}

.slide-destinos-group .slide-destinos-group-captions .tr-2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 0 0 100px;
    border-color: transparent transparent transparent #ffdb32;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #ffdb32;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 220px;
    left: -10px;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: .1s;
}

.slide-destinos-group .slide-destinos-group-captions .tr-3 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 0 15px;
    border-color: transparent transparent transparent #ff5757;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #ffdb32;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 130px;
    left: 80px;
}


/*Magazine*/

.magazine-thum {
    border-right: 1px solid #95a5a6;
    overflow: hidden;
}

.magazine-cn {
    margin: 30px 0;
    background-color: white;
}

.magazine-cn .row {
    margin-left: 0;
    margin-right: 0;
}

.magazine-cn .row [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.magazine-cn .magazine-ds {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}

.magazine-item {
    position: relative;
    padding: 15px;
}

.magazine-item .magazine-header h2 {
    font-family: OpenSans-Regular;
    margin: 0;
    color: #111111;
    font-weight: 300;
    font-size: 30px;
    line-height: 38px;
}

.magazine-item .magazine-header ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    margin-top: 10px;
}

.magazine-item .magazine-header ul li {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    font-family: OpenSans-Regular;
}

.magazine-item .magazine-header ul li:before {
    content: '-';
    padding: 0 5px;
}

.magazine-item .magazine-header ul li a {
    color: #999;
    text-decoration: none;
}

.magazine-item .magazine-header ul li a:hover {
    color: #0099ce;
}

.magazine-item .magazine-header ul li:first-child:before {
    display: none;
}

.magazine-item .magazine-header .hr {
    margin-top: 10px;
    max-width: 80px;
    border: 0;
    border-top: 4px #333 solid;
    margin-left: 0;
}

.magazine-item .magazine-body {
    margin: 20px 0 0;
    color: #333333;
    font-size: 14px;
    line-height: 25px;
    font-family: OpenSans-Regular;
}

.magazine-item .magazine-body p {
    margin-bottom: 13px;
    line-height: 18px;
}

.magazine-item .magazine-body p:last-child {
    margin-bottom: 0;
}

.magazine-item .magazine-footer {
    margin-top: 20px;
    padding: 10px 0;
    background: url(../images/bg-border-v.png) repeat-x top left;
    overflow: hidden;
}

.magazine-item .magazine-footer .magazine-share a {
    margin-top: 8px;
    margin-left: 10px;
}

#btnFixed {
    font-weight: 400 !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    background-color: #51514f !important;
    font-size: 17px !important;
    color: #ffffff !important;
    padding: 6px 25px !important;
    border: none !important;
    position: fixed;
    right: 0px;
    bottom: 25px;
    z-index: 99;
    min-width: 201px;
}
#btnFixed {
        font-weight: 400 !important;
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        background-color: #51514f !important;
        font-size: 14px !important;
        color: #ffffff !important;
        padding: 8px 19px !important;
        border: none !important;
        position: fixed;
        text-align: right !important;
        right: 0;
        min-width: 140px;
        bottom: 4%;
        z-index: 99;
    }
/* ===== Modal Resumen de Compra ===== */
.modal-summary {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 99999 !important;
    box-sizing: border-box !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.modal-summary.is-visible {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: center !important;
    align-items: center !important;
}

.modal-summary-content {
    background: #fff !important;
    border-radius: 6px !important;
    padding: 3px 20px 20px 1px !important;
    max-width: 95vw !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    width: 1185px !important;
    position: relative !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
    margin: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ===== Animacion al abrir ===== */
@keyframes modalSlideInLeft {
    from {
        opacity: 0;
        transform: translateX(-80px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.modal-summary.is-visible .modal-summary-content {
    animation: modalSlideInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards !important;
}

.modal-summary-close {
    position: absolute !important;
    top: 10px !important;
    right: 15px !important;
    background: transparent !important;
    border: none !important;
    font-size: 32px !important;
    cursor: pointer !important;
    color: #333 !important;
    line-height: 1 !important;
    padding: 0 !important;
    z-index: 10 !important;
}

.modal-summary-close:hover { color: #000 !important; }

/* ===== Fila principal de cada vuelo ===== */
.summary-row {
	box-shadow: none !important;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
	
    /*padding: 12px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px 10px 0 0 !important;
    background: #fff !important;
    cursor: pointer !important;
    margin-bottom: 0 !important;*/
}

.summary-row:hover {
    background: #fafafa !important;
}

/* fila interna Bootstrap */
.summary-row-inner {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.linea-summary {
    height: 14px !important;
    background: transparent !important;
}

/* ===== COLUMNA 1: Logo + titulo + fecha ===== */
.summary-col-left {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.summary-col-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.airline-logo {
    width: 36px !important;
    height: auto !important;
    object-fit: contain !important;
}

.summary-col-title-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.summary-col-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #222 !important;
    letter-spacing: 0.3px !important;
    line-height: 1.2 !important;
}

.summary-col-label {
    font-size: 16px !important;
    color: #555 !important;
    font-weight: 400 !important;
}

/* ===== COLUMNA 2: Ruta ===== */
.summary-col-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.summary-col-route {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.route-arrow {
    font-size: 22px !important;
    color: #e8192c !important;
    font-weight: 700 !important;
}

.summary-col-empty {
    color: #aaa !important;
    font-style: italic !important;
    font-size: 13px !important;
}

/* ===== COLUMNA 3: Tarifa ===== */
.summary-col-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.summary-col-fare {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    color: #222 !important;
    justify-content: flex-end !important;
}

/* ===== Footer: Total + Boton Comprar ===== */
.summary-footer {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 16px 12px 4px 12px !important;
    margin-top: 14px !important;
}

.summary-footer-total {
    font-size: 18px !important;
    color: #222 !important;
}

.btn-summary {
    background: #202B67 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
}

.btn-summary:hover {
    background: #5d77e2 !important;
}

/* ===== Detalle colapsable ===== */
.detail-panel {
    border-top: none !important;
    margin-top: 15px !important;
    border-radius: 0 0 10px 10px !important;
    overflow: hidden !important;
    margin-bottom: 14px !important;
}

.detail-table {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
    background: #f5f5f5 !important;
    margin: 0 !important;
}

.detail-table tr {
    display: flex !important;
    width: 100% !important;
}

.detail-td {
    flex: 1 !important;
    border: none !important;
    border-right: 1px solid #ddd !important;
    background: #f5f5f5 !important;
    padding: 16px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.detail-td-last {
    border-right: none !important;
}

.detail-label {
    font-size: 14px !important;
    color: #888 !important;
    font-weight: 400 !important;
}

.detail-fecha {
    font-size: 14px !important;
    color: #666 !important;
}

.detail-station {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #222 !important;
    letter-spacing: 0.3px !important;
}

.detail-airport {
    font-size: 14px !important;
    color: #666 !important;
}

.detail-flightnum {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

.detail-info {
    font-size: 13px !important;
    color: #444 !important;
}


/* =====================================================
   RESPONSIVE MÓVIL — Solo afecta pantallas <= 767px
   No modifica nada del comportamiento en escritorio
   ===================================================== */
@media (max-width: 767px) {

    /* Contenido del modal ocupa casi toda la pantalla */
    .modal-summary-content {
        padding: 40px 12px 16px 12px !important;
        max-height: 92vh !important;
        border-radius: 10px !important;
        width: 96vw !important;
    }

    /* Cada fila de vuelo: apila las columnas verticalmente */
    .summary-row {
        padding: 10px 8px !important;
    }

    .summary-row-inner {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    /* Las 3 columnas Bootstrap ocupan ancho completo en móvil */
    .summary-row-inner .col-xs-4 {
        width: 100% !important;
        padding: 0 !important;
    }

    /* COLUMNA 1: Logo + título en fila horizontal */
    .summary-col-left {
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        padding-bottom: 4px !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }

    .summary-col-title {
        font-size: 14px !important;
    }

    .summary-col-label {
        font-size: 12px !important;
    }

    .airline-logo {
        width: 30px !important;
    }

    /* COLUMNA 2: Ruta centrada */
    .summary-col-center {
        justify-content: center !important;
    }

    .summary-col-route {
        font-size: 18px !important;
        gap: 10px !important;
        justify-content: center !important;
    }

    .route-arrow {
        font-size: 20px !important;
    }

    /* COLUMNA 3: Tarifa alineada a la izquierda en móvil */
    .summary-col-right {
        justify-content: flex-start !important;
    }

    .summary-col-fare {
        font-size: 13px !important;
        justify-content: flex-start !important;
    }

    /* Footer: total y botón en fila, bien distribuidos */
    .summary-footer {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 14px 4px 4px 4px !important;
        margin-top: 10px !important;
    }

    .summary-footer-total {
        font-size: 20px !important;
    }

    .btn-summary {
        padding: 10px 18px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    /* Panel de detalle: columnas en columna vertical */
    .detail-table tr {
        flex-direction: column !important;
    }

    .detail-td {
        border-right: none !important;
        border-bottom: 1px solid #ddd !important;
        padding: 12px 14px !important;
        flex: none !important;
        width: 100% !important;
    }

    .detail-td-last {
        border-bottom: none !important;
    }

    .detail-station {
        font-size: 16px !important;
    }

    .detail-flightnum {
        font-size: 20px !important;
    }

    .detail-airport {
        font-size: 11px !important;
    }

    .detail-info {
        font-size: 12px !important;
    }

    .detail-label {
        font-size: 11px !important;
    }

    .detail-fecha {
        font-size: 11px !important;
    }
}


/* End Magazine Text*/


/* Magazine Image */

.ofertas .cityLabel h3,
.hoteles .cityLabel h3 {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #0099ce;
}

.ofertas .grid .row [class*="col-"],
.hoteles .grid .row [class*="col-"] {
    margin: 15px 0;
}

.ofertas .ofertas-captions,
.hoteles .ofertas-captions {
    background-color: white;
    margin-top: -15px;
    padding: 15px;
    min-height: 140px;
}

.ofertas .ofertas-captions h3,
.hoteles .ofertas-captions h3 {
    font-family: OpenSans-Regular;
    color: #006082;
    text-transform: uppercase;
    margin-bottom: -5px;
}

.ofertas .ofertas-captions span,
.hoteles .ofertas-captions span {
    display: block;
}

.ofertas .ofertas-captions span.city,
.hoteles .ofertas-captions span.city {
    /* border-bottom: 1px solid #d1d1d1;*/
    font-size: 12px;
    color: #9e9e9e;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.ofertas .ofertas-captions span.from,
.hoteles .ofertas-captions span.from {
    color: #9e9e9e;
}

.ofertas .ofertas-captions span.price,
.hoteles .ofertas-captions span.price {
    font-family: OpenSans-Regular;
    color: #0099ce;
    font-size: 21px;
}

.ofertas .ofertas-captions span.type,
.hoteles .ofertas-captions span.type {
    color: #0099ce;
}

.nosotros .section-content-template .content,
.politicas .section-content-template .content,
.terminos .section-content-template .content,
.recordar .section-content-template .content,
.contactenos .section-content-template .content,
.destinos .section-content-template .content,
.cargando .section-content-template .content,
.articulo .section-content-template .content {
    background-color: white;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 30px;
}

.nosotros .section-content-template .content h1,
.nosotros .section-content-template .content h3,
.politicas .section-content-template .content h1,
.politicas .section-content-template .content h3,
.terminos .section-content-template .content h1,
.terminos .section-content-template .content h3,
.recordar .section-content-template .content h1,
.recordar .section-content-template .content h3,
.contactenos .section-content-template .content h1,
.contactenos .section-content-template .content h3,
.destinos .section-content-template .content h1,
.destinos .section-content-template .content h3,
.cargando .section-content-template .content h1,
.cargando .section-content-template .content h3,
.articulo .section-content-template .content h1,
.articulo .section-content-template .content h3 {
    font-family: OpenSans-Regular;
    color: #11A9D4;
}

.nosotros .section-content-template .content .contactlist li,
.politicas .section-content-template .content .contactlist li,
.terminos .section-content-template .content .contactlist li,
.recordar .section-content-template .content .contactlist li,
.contactenos .section-content-template .content .contactlist li,
.destinos .section-content-template .content .contactlist li,
.cargando .section-content-template .content .contactlist li,
.articulo .section-content-template .content .contactlist li {
    position: relative;
    display: block;
    width: 300px;
}

.nosotros .section-content-template .content .contactlist li span,
.politicas .section-content-template .content .contactlist li span,
.terminos .section-content-template .content .contactlist li span,
.recordar .section-content-template .content .contactlist li span,
.contactenos .section-content-template .content .contactlist li span,
.destinos .section-content-template .content .contactlist li span,
.cargando .section-content-template .content .contactlist li span,
.articulo .section-content-template .content .contactlist li span {
    position: absolute;
    left: 100px;
    width: auto;
}

.nosotros .section-content-template .content [class*="col-"],
.politicas .section-content-template .content [class*="col-"],
.terminos .section-content-template .content [class*="col-"],
.recordar .section-content-template .content [class*="col-"],
.contactenos .section-content-template .content [class*="col-"],
.destinos .section-content-template .content [class*="col-"],
.cargando .section-content-template .content [class*="col-"],
.articulo .section-content-template .content [class*="col-"] {
    margin: 10px 0;
}

.nosotros .section-content-template .content .error-template,
.politicas .section-content-template .content .error-template,
.terminos .section-content-template .content .error-template,
.recordar .section-content-template .content .error-template,
.contactenos .section-content-template .content .error-template,
.destinos .section-content-template .content .error-template,
.cargando .section-content-template .content .error-template,
.articulo .section-content-template .content .error-template {
    padding: 40px 15px;
    text-align: center;
}

.nosotros .section-content-template .content .error-actions,
.politicas .section-content-template .content .error-actions,
.terminos .section-content-template .content .error-actions,
.recordar .section-content-template .content .error-actions,
.contactenos .section-content-template .content .error-actions,
.destinos .section-content-template .content .error-actions,
.cargando .section-content-template .content .error-actions,
.articulo .section-content-template .content .error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.nosotros .section-content-template .content .error-actions .btn,
.politicas .section-content-template .content .error-actions .btn,
.terminos .section-content-template .content .error-actions .btn,
.recordar .section-content-template .content .error-actions .btn,
.contactenos .section-content-template .content .error-actions .btn,
.destinos .section-content-template .content .error-actions .btn,
.cargando .section-content-template .content .error-actions .btn,
.articulo .section-content-template .content .error-actions .btn {
    margin-right: 10px;
}

.destinos .grid h3 {
    font-family: OpenSans-Regular;
    color: #11A9D4;
    text-transform: capitalize;
}

.destinos .caption .btnSecondary {
    margin-top: 15px;
}

.headerImage {
    position: relative;
    background-color: #121212;
    margin-top: -10px !important;
    padding-left: 0;
    padding-right: 0;
}

.headerImage h1 {
    position: absolute;
    bottom: 25%;
    color: white !important;
    z-index: 2;
    margin-left: 45px;
}

.headerImage h3 {
    position: absolute;
    bottom: 50%;
    color: #ffdb32 !important;
    z-index: 3;
    margin-left: 45px;
}

.headerImage img {
    opacity: .7;
}



/*End Magazine*/


/* ----------------- vuelos -----------------  */

.vuelos-deal-item {
    background-color: #fff;
    position: relative;
    clear: both;
}

.vuelos-deal-item .vuelos-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.vuelos-deal-item .vuelos-img:after {
    display: block;
    content: '';
    height: 0;
    width: 0;
    border: 14px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-bottom-color: #fff;
}

.vuelos-deal-item .vuelos-img img {
    width: 100%;
}

.vuelos-deal-item .vuelos-img figcaption {
    padding-top: 12px;
    position: absolute;
    color: #fff;
    width: 95px;
    height: 95px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 14px;
    font-family: OpenSans-Regular;
    font-style: italic;
    text-align: center;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
}

.vuelos-deal-item .vuelos-img figcaption span {
    font-size: 45px;
    line-height: 25px;
}

.vuelos-deal-item .vuelos-img figcaption:after {
    background-color: #000000;
    display: block;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
}

.vuelos-deal-item .vuelos-text {
    padding: 20px 30px 30px;
}

.vuelos-deal-item .vuelos-text .vuelos-price {
    color: #666666;
    font-size: 14px;
    font-family: OpenSans-Regular;
    line-height: 32px;
}

.vuelos-deal-item .vuelos-text .vuelos-price .price {
    line-height: 38px;
    font-size: 30px;
    color: #49bf4c;
    font-family: OpenSans-Regular;
    display: block;
}

.vuelos-deal-item .vuelos-text .vuelos-name a {
    font-size: 30px;
    color: #111111;
    font-weight: 300;
    text-decoration: none;
    line-height: 32px;
}

.vuelos-deal-item .vuelos-text .vuelos-name a:hover {
    color: #0099ce;
}

.vuelos-deal-item:hover .vuelos-img img {
    opacity: 0.5;
}

.vuelos-deal-item:hover .vuelos-img figcaption {
    opacity: 1;
    visibility: visible;
}

.calendar-charts {
    position: relative;
}

.calendar-charts .row {
    margin-left: -35px;
    margin-right: -35px;
}

.calendar-charts .row [class*="col-"] {
    padding-left: 35px;
    padding-right: 35px;
}

.calendar-charts .chart-scale {
    position: absolute;
    bottom: 20px;
    height: 170px;
    left: 50%;
    width: 1px;
    background-color: #e6e6e6;
}

.calendar-charts .chart-scale span {
    position: absolute;
    left: -50%;
    color: #999;
    font-size: 11px;
    font-family: OpenSans-Regular;
    background-color: #fff;
    padding: 0 3px;
}

.calendar-charts .chart-scale span.one {
    bottom: 26px;
}

.calendar-charts .chart-scale span.two {
    bottom: 85px;
}

.calendar-charts .chart-scale span.three {
    bottom: 145px;
}

.chart {
    margin-top: 25px;
    position: relative;
}

.chart p {
    color: #111111;
    font-size: 20px;
    margin: 0;
}

.chart p span {
    font-weight: 300;
    font-size: 16px;
}

.chart .chart-bar {
    margin-top: 10px;
}

.chart .chart-bar .ul-bar {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}

.chart .chart-bar .ul-bar li {
    display: inline-block;
    font-size: 12px;
    width: 7.143%;
}

.chart .chart-bar .ul-bar li.active .date-day {
    border-color: #ff5757;
}

.chart .chart-bar .ul-bar li.active .bar-cl .fill {
    background-color: #ff5757;
    border-top-color: #ff5757;
}

.chart .chart-bar .ul-bar li .bar-cl {
    height: 100%;
    width: 50%;
    margin: 0 auto;
    position: relative;
    height: 120px;
    cursor: pointer;
}

.chart .chart-bar .ul-bar li .bar-cl:hover .chart-info {
    visibility: visible;
    opacity: 1;
}

.chart .chart-bar .ul-bar li .bar-cl:hover .fill {
    background-color: #ff5757;
    border-top-color: #ff5757;
}

.chart .chart-bar .ul-bar li .bar-cl .fill {
    width: 100%;
    position: absolute;
    border-top: 5px solid #0099ce;
    min-height: 50%;
    bottom: 0;
    background-color: #0099ce;
}

.chart .chart-bar .ul-bar li .bar-cl .chart-info {
    position: absolute;
    top: -40px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    width: 80px;
    text-align: center;
    left: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background-clip: padding-box;
}

.chart .chart-bar .ul-bar li .bar-cl .chart-info .date {
    display: block;
    background-color: #fff;
}

.chart .chart-bar .ul-bar li .date-day {
    margin-top: 2px;
    border-top: 1px solid #e6e6e6;
    font-family: OpenSans-Regular;
    font-size: 13px;
    text-align: center;
    line-height: 16px;
}

.chart .chart-bar .ul-bar li .date-day .date {
    display: block;
    color: #333333;
}

.chart .chart-bar .ul-bar li .date-day .short-day {
    font-size: 11px;
    color: #666666;
    text-transform: capitalize;
}

.chart .chart-bar .ul-month {
    margin: 5px -1px 0;
    padding: 0;
    list-style: none;
}

.chart .chart-bar .ul-month li {
    float: left;
    font-size: 14px;
    padding-left: 1px;
    padding-right: 1px;
    width: 100%;
}

.chart .chart-bar .ul-month li .month-wrap {
    text-align: center;
    border: 2px solid #e6e6e6;
    border-top: 0;
    height: 11px;
    display: block;
}

.chart .chart-bar .ul-month li .month-wrap span {
    color: #666666;
    font-size: 13px;
    font-family: OpenSans-Regular;
    font-weight: 600;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}

.chart .chart-bar .chart-nav span {
    position: absolute;
    font-size: 20px;
    color: #c0c0c0;
    bottom: 22px;
    cursor: pointer;
}

.chart .chart-bar .chart-nav span:hover {
    color: #70c7e2;
}

.chart .chart-bar .chart-nav span.nav-next {
    right: -15px;
}

.chart .chart-bar .chart-nav span.nav-prev {
    left: -15px;
}

.vuelos-statis {
    margin-top: 35px;
}

.vuelos-statis .vuelos-statis-item {
    padding-left: 55px;
}

.vuelos-statis .vuelos-statis-item:first-child::before {
    display: none;
}

.vuelos-statis .vuelos-statis-item:before {
    border-left: 1px solid #e6e6e6;
    height: 45px;
    top: 50%;
    left: 0;
    content: '';
    position: absolute;
}

.vuelos-statis .icon {
    position: absolute;
    top: 50%;
    left: 20px;
    color: #bbbbbb;
    font-size: 24px;
}

.vuelos-statis h5 {
    margin: 0;
    color: #333333;
    font-family: OpenSans-Regular;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
}

.vuelos-statis p {
    color: #666666;
    line-height: 20px;
}

.vuelos-statis p ins {
    text-decoration: none;
    color: #111111;
    font-size: 24px;
}

.vuelos-statis p span {
    color: #333333;
}

.vuelos-list-head {
    position: relative;
    margin-top: 50px;
    padding: 20px 10px 20px 60px;
    background: #f7f7f7 url(../images/bg-border-v.png) repeat-x top left;
}

.vuelos-list-head .icon {
    position: absolute;
    top: 50%;
    left: 10px;
}

.vuelos-list-head h3 {
    color: #111111;
    font-size: 24px;
    line-height: 28px;
    margin: 0;
    display: inline-block;
}

.vuelos-list-head p {
    float: right;
    color: #111111;
    font-size: 14px;
    line-height: 28px;
    margin: 0;
    font-family: OpenSans-Regular;
}

.vuelos-list-head p span {
    font-size: 18px;
}

.vuelos-list-calendar {
    overflow: hidden;
    width: 100%;
}

.vuelos-list-calendar .row {
    margin: 0;
}

.vuelos-list-calendar .vuelos-table {
    margin: 0;
    background: url(../images/bg-border-v.png) repeat-x bottom left;
}

.vuelos-list-calendar .vuelos-table th {
    border: 0;
    padding: 15px;
    background: url(../images/bg-border-v.png) repeat-x top left;
    font-family: OpenSans-Regular;
    color: #666666;
    font-weight: normal;
}

.vuelos-list-calendar .vuelos-table th:first-child {
    padding-left: 0;
}

.vuelos-list-calendar .vuelos-table td {
    position: relative;
    padding: 18px 15px;
    border: 0;
    font-family: OpenSans-Regular;
    vertical-align: middle;
    background: url(../images/bg-border-v.png) repeat-x top left;
}

.vuelos-list-calendar .vuelos-table td:first-child {
    padding-left: 0;
}

.vuelos-list-calendar .vuelos-table td:first-child:before {
    display: none;
}

.vuelos-list-calendar .vuelos-table td:before {
    height: 30px;
    border-left: 1px solid #e6e6e6;
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
}

.vuelos-list-calendar .vuelos-table td.td-airline {
    color: #666666;
}

.vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox label {
    padding-left: 16px;
    min-height: 16px;
}

.vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox label:after {
    top: 4px;
}

.vuelos-list-calendar .vuelos-table td.td-airline .radio-checkbox label:before {
    top: 0;
}

.vuelos-list-calendar .vuelos-table td.td-airline img {
    margin-left: 3px;
    margin-right: 3px;
}

.vuelos-list-calendar .vuelos-table td.td-time p {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #111111;
}

.vuelos-list-calendar .vuelos-table td.td-time p small {
    font-size: 11px;
    font-weight: normal;
}

.vuelos-list-calendar .vuelos-table td.td-time p span {
    color: #666666;
    font-size: 14px;
    font-weight: normal;
    float: right;
}

.vuelos-list-calendar .vuelos-table td.td-stop .stop-cn {
    position: relative;
}

.vuelos-list-calendar .vuelos-table td.td-stop .stop-cn label {
    color: #333333;
    font-size: 12px;
    position: absolute;
    left: 50%;
    font-weight: normal;
    margin: 0;
    top: -20px;
}

.vuelos-list-calendar .vuelos-table td.td-stop .stop-cn label:last-child {
    font-size: 10px;
    text-transform: uppercase;
    top: inherit;
    bottom: -20px;
}

.vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops {
    background-color: #141414;
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    border-radius: 2px;
    background-clip: padding-box;
}

.vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops .stop {
    width: 8px;
    height: 8px;
    border: 2px solid #0099ce;
    background-color: #fff;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    content: '';
    position: absolute;
    bottom: -2px;
    border-radius: 50%;
    background-clip: padding-box;
}

.vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops._2 .stop:first-child {
    left: 35%;
    right: inherit;
}

.vuelos-list-calendar .vuelos-table td.td-stop .stop-cn .stops._2 .stop:last-child {
    left: 55%;
    right: inherit;
}

.vuelos-list-calendar .vuelos-table td.td-price span {
    color: #666666;
    font-size: 11px;
}

.vuelos-list-calendar .vuelos-table td.td-price span ins {
    text-decoration: none;
    font-size: 16px;
    color: #ffdb32;
    font-weight: 600;
}

.vuelos-list-calendar .responsive-table {
    height: 546px;
}

.vuelos-item {
    border: 1px solid #D3D3D3;
    font-size: 12px;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
    overflow: hidden;
    border-radius: 5px;
	background-color:#fff;
}

.vuelos-item .col {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.route {
    background-color: #0045ba;
    color: #fff;
    display: inline-block;
    width: 130px;
    line-height: 20px;
    height: 27px;
    margin-left: -15px;
    font-size: 15px;
    border-top-left-radius: 5px;
    font-weight: 600;
    padding: 3px;
    float: left;
}

.vuelos-item .route-t::after {
    border-bottom: 20px solid transparent;
    border-left: 15px solid #0099ce;
    content: "";
    position: absolute;
    right: -15px;
    top: 0;
    z-index: 1;
}

.vuelos-item .route-day {
    display: inline-table;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #808080;
}

.vuelos-item .city-nom {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
    line-height: 15px;
    font-family: OpenSans-Regular;
}

.vuelos-item .airline-select {
    height: 40px;
    line-height: 36px;
    font-family: OpenSans-Regular;
	color: #0db9f0;
}

.vuelos-item .airline-select img {
    margin-left: 10px;
}

.vuelos-item .panelDetail .tiles {
    font-size: 18px;
    display: block;
    font-family: OpenSans-Regular;
    color: #273b7b;
    font-weight: 700;
}

.vuelos-item .panelDetail strong {
    color: gray;
}

.vuelos-item .panelDetail .panelDetail-white {
    background-color: #FFF;
}

.vuelos-item .badge-alert {
   text-transform: uppercase;
    font-weight: bold;
    
    color: #ababab;
    height: 27px;
    line-height: 30px;
    position: absolute;
    left: 115px;
    top: 12px;
    padding: 36px 10px;

   

    
}

.vuelos-item .badge-alert::before {
    border-bottom: 4px solid transparent;
    
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
}

.vuelos-item .deal-alert {
    line-height: 25px;
    position: absolute;
    left: 10px;
    bottom: 0;
}

.vuelos-item .price {
	font-weight: bold;
	color: #273b7b;
	font-size: 20px;
	display: block;
	margin-top: 40px;
}

.vuelos-item .sm-price {
    font-size: 21px;
}

.vuelos-item .price-conditions {
    display: block;
    width: 100%;
    height: 10px;
    font-size: 13px;
    font-weight: 700;
}

.vuelos-item .buynow {
    margin: 13px auto 0;
    float: none;
    padding: 10px;
    text-align: center;
    display: block;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 14px;
    background: #ff5757;
    -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000;
    -moz-box-shadow: inset 0 -15px 0 -10px #bd0000;
    box-shadow: inset 0 -15px 0 -10px #bd0000;
    width: 140px;
    line-height: 30px;
    padding-top: 5px;
    border: none;
}

.vuelos-item .supscript-message a {
    color: #ffdb32;
    font-weight: bold;
    vertical-align: super;
    margin-left: 5px;
    margin-top: -5px;
}

.vuelos-item .vuelohotel-carousel {
    padding: 0;
}


/*.vuelos-item .vuelohotel-title {
    min-height: 180px; }*/

.vuelos-item .vuelohotel-title h3 {
    color: #0099ce;
}

.vuelos-item .vuelohotel-title .vueloshotel-ammenities {
    position: absolute;
    bottom: 0;
    left: 15px;
    font-size: 18px;
}

.vuelos-item .vuelohotel-title .vueloshotel-tools .fa-star {
    color: #ffdb32;
}

.vuelos-item .vueloshotel-trip-container {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f2f2f2;
}

.vuelos-item .vueloshotel-trip-container .vueloshotel-trip {
    background-color: white;
    border: 1px solid #f2f2f2;
    margin-left: -5px;
    margin-right: -5px;
}

#map-canvas {
    width: 500px;
    height: 480px;
}

.list-right-side {
	background-color: #fff;
	border: 1px solid #f1f1f1;
	box-shadow: 0px 0px 20px #cccccc57;
    color: #ababab;
    padding-top: 40px;
    min-height: 366px;
    height: 100%;

}

.modifyflight {
    background-color: #004d68 !important;
}

.vuelos-compare {
    padding: 5px 30px;
    border: 1px solid #f5f5f5;
	margin-top: 0px !important;
}

.vuelos-compare .list-head {
    width: 100%;
    height: 48px;
    background-color: #f5f5f5;
    font-size: 12px;
    padding-left: 10px;
    margin-bottom: 0;
}

.vuelos-compare .list {
    width: 100%;
    line-height: 35px;
    font-size: 12px;
    padding-left: 10px;
    border-top: 1px solid #DDD;
    margin-bottom: 0;
    background: #E7E7E9;
    font-weight: bold;
    color: #5B5B5D;
}

.vuelos-compare .airline-logo {
    display: block;
}

.vuelos-compare .carousel-inner .row {
    margin-right: 0 !important;
}

.vuelos-compare .carousel-inner [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #DDD;
}

.vuelos-compare .leftCol {
    padding-right: 0;
    border: 1px solid #DDD;
    margin-left: 0px;
    padding-left: 0px;
}

.vuelos-compare .rightCol {
    padding: 0;
}

.vuelos-compare .leftArrow {
    color: #FFF;
    background-color: #0045ba;
    width: 30px;
    line-height: 30px;
    height: 30px;
    border-radius: 4px;
    top: 50%;
    left: 0;
    margin-top: -10px;
    opacity: 1;
    position: absolute;
    font-size: 18px;
    padding-left: 10px;
}

.vuelos-compare .rightArrow {
    color: #FFF;
    background-color: #0045ba;
    width: 30px;
    line-height: 30px;
    height: 30px;
    border-radius: 4px;
    margin-left: -15px;
    top: 50%;
    right: 0;
    margin-top: -10px;
    opacity: 1;
    position: absolute;
    font-size: 18px;
    padding-left: 13px;
    margin-right: 0px;
}

.tabs-head {
    list-style: none;
    padding: 0;
    font-size: 0;
    margin: 0;
    border-bottom: 1px dotted #999999;
	margin-top: 30px;
}

.tabs-head li {
    display: inline-block;
    font-size: 14px;
}

.tabs-head li a {
    display: block;
    line-height: 70px;
    color: #000000;
    font-size: 18px;
    text-decoration: none;
    margin: 0;
}

.tabs-head.nav-tabs-one {
    background-color: #f6f6f6;
}

.tabs-head.nav-tabs-one li {
    margin-bottom: -1px;
    border-right: 1px dotted #999;
}

.tabs-head.nav-tabs-one li:last-child {
    border-right-color: transparent;
}

.tabs-head.nav-tabs-one li:last-child.active {
    border-right-color: #999;
}

.tabs-head.nav-tabs-one li:first-child {
    border-left: 1px dotted transparent;
}

.tabs-head.nav-tabs-one li:first-child.active {
    border-left-color: #999;
}

.tabs-head.nav-tabs-one li.active {
    background-color: #fff;
    border-top: 1px dotted #999;
}

.tabs-head.nav-tabs-one li a {
    /* padding-left: 30px; */
    /* padding-right: 30px; */
}

.tabs-head.nav-tabs-two li {
    margin-bottom: -1px;
    margin-left: 60px;
}

.tabs-head.nav-tabs-two li:first-child {
    margin-left: 0;
}

.tabs-head.nav-tabs-two li.active {
    border-bottom: 3px solid #000;
}

.vuelos-list,
.car-list,
.hotel-list {
    margin-right: 15px;
}

.price-grid th,
.price-grid td {
    text-align: center;
    font-size: 12px;
    padding: 4px !important;
    position: relative;
}

.price-grid .best-price {
    background-color: #ffdb32;
}

.price-grid .low-price {
    background-color: #0099ce;
    color: white;
}

.price-grid .day {
    display: block;
    font-size: 10px;
}

.price-grid .ida {
    font-size: 10px;
}

.price-grid .vuelta {
    margin-top: 20px;
    font-size: 10px;
    z-index: 10;
    position: inherit;
}

.price-grid .ida-vuelta {
    position: relative;
    overflow: hidden;
}

.price-grid .ida-vuelta .ida-vuelta-back {
    background-color: #FFF;
    border: 1px solid #fff;
    height: 38px;
    margin-top: 20px;
    margin-left: -20px;
    width: 124px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    position: absolute;
}

.price-grid th,
.price-grid td {
    text-align: center;
    font-size: 12px;
    padding: 4px !important;
    position: relative;
}

.price-grid .best-price {
    background-color: #ffdb32;
}

.price-grid .low-price {
    background-color: #0099ce;
    color: white;
}

.price-grid .day {
    display: block;
    font-size: 10px;
}

.price-grid .ida {
    font-size: 10px;
}

.price-grid .vuelta {
    margin-top: 20px;
    font-size: 10px;
    z-index: 10;
    position: inherit;
}

.price-grid .ida-vuelta {
    position: relative;
    overflow: hidden;
}

.price-grid .ida-vuelta .ida-vuelta-back {
    background-color: #FFF;
    border: 1px solid #fff;
    height: 38px;
    margin-top: 20px;
    margin-left: -20px;
    width: 124px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    position: absolute;
}

.table-responsive > .table > tbody > tr > td {
    vertical-align: middle;
}

.slider-sidebar {
    /* margin-top: 30px;*/
    margin-bottom: 5px;
    background: #e7e7e7;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    height: 5px;
}

.slider-sidebar .range {
    display: none;
}

.slider-sidebar .ui-slider-range {
    top: -1px;
    bottom: -1px;
    height: inherit;
    background-color: #ffdb32;
    border-radius: 5px;
    background-clip: padding-box;
}

.slider-sidebar .ui-slider-handle {
    background: url(../images/icon-hander.png) no-repeat center center;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    top: -5px;
    margin-left: -7px;
    outline: none;
    cursor: pointer;
}

.slider-sidebar .ui-slider-handle label {
    text-align: center;
    bottom: -19px;
    width: 60px;
    left: 50%;
    right: inherit;
    max-width: inherit;
}

.slider-sidebar label {
    position: absolute;
    color: #999999;
    font-family: OpenSans-Regular;
    font-size: 13px;
    bottom: -25px;
    line-height: 1;
    font-weight: normal;
    margin: 0;
}

.slider-sidebar label.label-min {
    left: -1px;
}

.slider-sidebar label.label-max {
    right: 0;
}

.slider-sidebar .ui-widget-header {
    background: #0045ba !important;
}

.widget-sidebar .title-sidebar {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #0045ba;
    font-size: 20px;
    margin: 0;
    line-height: 28px;
    margin-top: 30px;
    border-bottom: 1px solid #dedede;
}

.widget-sidebar .title-sidebar span {
    color: #555555;
    font-size: 14px;
    font-weight: 300;
}

.widget-sidebar .widget-ul {
    margin-top: 15px;
    width: 100%;
}

.widget-sidebar .widget-rate {
    margin-top: 15px;
}

.widget-sidebar.area-sidebar {
    margin-top: 15px;
}

.widget-rate {
    padding: 0;
    list-style: none;
}

.widget-rate li {
    position: relative;
    line-height: 25px;
    color: #555555;
    font-family: OpenSans-Regular;
    padding: 2px 0 2px 20px;
    width: 100%;
    font-size: 12px;
}

.widget-rate li .radio-checkbox {
    position: absolute;
    width: 16px;
    height: 20px;
    left: 0;
}

.widget-rate li .group-star {
    display: inline-block;
    color: #0099ce;
    margin-left: 15px;
    margin-left: 10px;
    font-size: 13px;
    width: 80px;
}

.widget-rate li span {
    float: right;
    color: #999999;
}

.widget-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget-ul li {
    padding: 2px 0;
    line-height: 25px;
    font-family: OpenSans-Regular;
    clear: both;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    display: block;
}

.widget-ul li .radio-checkbox {
    float: left;
}

.widget-ul li span {
    color: #999999;
    position: absolute;
    right: 0;
}

.radio-checkbox .radio {
    display: none;
}

.radio-checkbox .radio ~ label:before {
    border-radius: 50%;
    background-clip: padding-box;
}

.radio-checkbox .radio ~ label:after {
    width: 8px;
    height: 8px;
    content: '';
    cursor: pointer;
    position: absolute;
    z-index: 1;
    left: 4px;
    background-color: #555;
    opacity: 0;
    visibility: hidden;
    top: 9px;
    border-radius: 50%;
    background-clip: padding-box;
}

.radio-checkbox .radio:checked ~ label:after {
    opacity: 1;
    visibility: visible;
}

.radio-checkbox .checkbox {
    display: none;
}

.radio-checkbox .checkbox:checked ~ label:before {
    font-size: 13px;
    content: '\f00c';
    font-family: FontAwesome;
    text-align: center;
}

.radio-checkbox label {
    position: relative;
    line-height: 25px;
    font-family: OpenSans-Regular;
    color: #555;
    font-weight: normal;
    padding-left: 30px;
    margin: 0;
    min-width: 16px;
    min-height: 21px;
}

.radio-checkbox label:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    top: 5px;
    line-height: 14px;
    left: 0;
    cursor: pointer;
    background-color: #f2f2f2;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    background-clip: padding-box;
}


/*  ----------------- END vuelos ----------------- */


/*  ----------------- Auto ----------------- */

.car-item {
    margin: 15px;
    border: 1px solid #D3D3D3;
    position: relative;
    margin-top: 0;
    background: white;
}

.car-item .photo-car {
    min-height: 130px;
}

.car-item .car-photo,
.car-item .car-name-category,
.car-item .car-options {
    position: absolute;
}


/*.car-item .car-photo {
    width: 40%;
    margin-top: 15px;
}
*/

.car-item .car-name-category {
    width: 55%;
    color: #0099ce;
    margin-top: 15px;
    left: 45%;
}

.car-item .car-options {
    padding-top: 10px;
    padding-right: 5px;
    font-size: 18px;
    left: 45%;
    top: 40px;
}

.car-item .car-options small {
    font-size: 11px;
}

.car-item .buynow {
    margin: 13px auto 0;
    float: none;
    padding: 10px;
    text-align: center;
    display: block;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 14px;
    background: #564122;
    -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000;
    -moz-box-shadow: inset 0 -15px 0 -10px #bd0000;
    box-shadow: inset 0 -15px 0 -10px #564122;
    width: 140px;
    line-height: 30px;
    padding-top: 5px;
    border: none;
}

.car-item .recommended {
    margin: 4px auto 0;
    float: none;
    padding: 5px;
    text-align: center;
    display: block;
    color: white;
    cursor: pointer;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    text-decoration: none !important;
    background: #0099ce;
    -webkit-box-shadow: inset 0 -15px 0 -10px #00739b;
    -moz-box-shadow: inset 0 -15px 0 -10px #00739b;
    box-shadow: inset 0 -15px 0 -10px #00739b;
    line-height: 20px;
    padding-top: 4px;
    border: none;
}

.car-item .day-price,
.car-item .prevday-price,
.car-item .total-price,
.car-item .card-limit {
    display: block;
    color: #ababab;
	font-weight: bold;
	color: #848385;
	font-size: 30px;
}

.car-item .day-price,
.car-item .prevday-price {
    font-size: 11px;
}

.car-item .prevday-price {
    position: relative;
}

.car-item .prevday-price .prevday-line {
    position: absolute;
    width: 30%;
    top: 50%;
    left: 35%;
    border-top: 1px solid #ffdb32;
}

.car-item .total-price {
    font-size: 24px;
}

.car-item .car-price {
    padding-top: 15px;
    padding-bottom: 15px;
}

.car-item .rentacar-logo {
    /*width: 60px;
    height: 30px;*/
}

.car-item .badge-alert {
    background-color: #ff5757;
    color: #fff;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: -4px;
    top: 10px;
    padding: 0 10px;
    -webkit-box-shadow: 2px 6px 0 -2px #00739b;
    -moz-box-shadow: 2px 6px 0 -2px #00739b;
    box-shadow: 2px 6px 0 -2px #00739b;
    z-index: 10;
}

.car-item .badge-alert::before {
    border-bottom: 4px solid transparent;
    border-right: 4px solid #bd0000;
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
}

.car-item .car-detail {
    background: #f2f2f2;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #D3D3D3;
}

.car-item .car-detail span {
    line-height: 40px;
    height: 40px;
    display: inline-block;
}

.car-item .car-detail .user-vote {
    font-size: 10px;
    color: #02beff;
    padding-left: 15px;
}

.car-item .car-detail .car-name {
    font-size: 10px;
    color: gray;
    padding-left: 5px;
}

.car-item .list-prevday-price {
    font-size: 11px;
    padding-right: 5px;
    position: relative;
}

.car-item .list-prevday-price .prevday-line {
    position: absolute;
    width: 90%;
    top: 50%;
    border-top: 1px solid #ff5757;
}

.car-item .list-day-price {
    font-size: 18px;
    padding-right: 5px;
}

.car-item input[type="radio"] {
    margin-right: 5px;
}

.car-item .collapse {
    background: #ececec;
}

.car-item .collapse .row {
    border-top: 1px solid #d2d2d2;
    font-size: 11px;
}

.car-item .collapse .row div {
    line-height: 30px;
}

.car-filter {
    margin-left: 30px;
    margin-right: 45px;
    margin-top: 15px;
}


/*  ----------------- END Auto ----------------- */


/*  -----------------  Hotel ----------------- */

.hotel-list-item {
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #F2F2F2;
    min-height: 210px;
}

.hotel-list-item .hotel-img {
    width: 300px;
    margin-right: 15px;
}

.hotel-list-item .hotel-img img {
    width: 100%;
}

.hotel-list-item .hotel-img:hover img {
    opacity: 0.5;
}

.hotel-list-item .hotel-text {
    position: relative;
    overflow: hidden;
    /*margin-left: 315px;*/
}

.hotel-list-item .hotel-text .hotel-star-address {
    margin-top: 5px;
}

.hotel-list-item .hotel-text .hotel-star-address .hotel-star {
    color: #ffdb32;
    font-size: 10px;
}

.hotel-list-item .hotel-text .hotel-star-address .rating {
    position: absolute;
    right: 0;
    top: -7px;
    line-height: 35px;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    color: #111111;
}

.hotel-list-item .hotel-text .hotel-star-address .rating ins {
    text-decoration: none;
    font-size: 38px;
    font-weight: normal;
}

.hotel-list-item .hotel-text .hotel-star-address .hotel-address {
    line-height: 32px;
    display: inline-block;
    margin: 0;
    color: #333333;
    font-family: OpenSans-Regular;
    font-size: 14px;
    margin-left: 5px;
}

.hotel-list-item .hotel-text p {
    color: #999999;
    font-family: OpenSans-Regular;
    font-style: italic;
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0;
}

.hotel-list-item .hotel-text p a {
    color: #111111;
    margin-left: 3px;
}

.hotel-list-item .hotel-text .hr {
    margin: 20px 0 0;
}

.hotel-list-item .hotel-text .price-box {
    margin-top: 20px;
}

.hotel-list-item .hotel-text .price-box .price {
    color: #999999;
    font-size: 14px;
    font-family: OpenSans-Regular;
}

.hotel-list-item .hotel-text .price-box .price.special-price {
    color: #0099ce;
    font-size: 30px;
}

.hotel-list-item .hotel-text .price-box .price.special-price small {
    font-size: 14px;
    color: #999999;
}

.hotel-list-item .hotel-text .hotel-service {
    margin-top: 25px;
    padding: 5px;
    border: 1px solid #f0f0f0;
}

.hotel-list-item .hotel-text .hotel-service a {
    display: block;
    float: left;
    margin: 0 5px;
}

.hotel-list-item .hotel-text .hotel-service a:hover {
    opacity: 0.5;
}

.hotel-list-item .hotel-text .hotel-name a {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #111111;
    font-size: 30px;
    line-height: 32px;
    font-weight: 300;
    text-decoration: none;
}

.hotel-list-item .hotel-text .hotel-name a:hover {
    color: #0099ce;
}


/*  ----------------- END Hotel ----------------- */


/*  ----------------- Sorting ----------------- */

.sort-view {
    padding: 19px 15px;
    min-height: 110px;
}

.sort-view .sort-by {
    line-height: 15px;
}

.sort-view .sort-by label {
    color: #273b7b;
    font-weight: bold;
    font-family: OpenSans-Regular;
    margin: 0;
    float: left;
}

.sort-view .sort-by .sort-select {
    margin: 0 14px;
    font-family: OpenSans-Regular;
    /*min-width: 140px;*/
}

.sort-view .sort-by .sort-select:after {
    position: absolute;
    top: 0;
    bottom: -5px;
    right: -15px;
    width: 1px;
    content: '';
    display: block;
    background-color: #f2f2f2;
}

.sort-view .sort-by .sort-select span {
    border-bottom: 1px dashed #d7d7d7;
    display: block;
    min-width: 115px;
    color: #333333;
    font-family: OpenSans-Regular;
}

.sort-view .sort-by .sort-select span:after {
    font-size: 18px;
    color: #888888;
}

.sort-view .sort-by .sort-select:last-child:after {
    display: none;
}

.sort-view .view-by ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

.sort-view .view-by ul li {
    float: left;
}

.sort-view .view-by ul li a {
    display: block;
    line-height: 30px;
    padding: 0 10px;
    color: #333333;
    font-family: OpenSans-Regular;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    border-left: 1px solid #e6e6e6;
}

.sort-view .view-by ul li a:hover {
    background-color: #f3f3f3;
}

.sort-view .view-by ul li a.current {
    background-color: #f3f3f3;
}

.sort-view .view-by ul li:first-child a {
    border-left: 0;
}


/*  ----------------- END Sorting ----------------- */


/*  ----------------- Modal ----------------- */

.modal h4 {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #122e8a;
}

.modal .nav-tabs {
    margin-bottom: 15px;
    width: 100%;
}

.modal .sign-with {
    margin-top: 25px;
    padding: 20px;
}

.modal div#OR {
    height: 30px;
    width: 30px;
    border: 1px solid #C2C2C2;
    border-radius: 50%;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    float: right;
    position: absolute;
    right: -16px;
    top: 40%;
    z-index: 1;
    background: #DFDFDF;
}


/*  ----------------- END Modal ----------------- */


/*  ----------------- Plan, Cruice, Tours ----------------- */

.plan-item {
    position: relative;
    clear: both;
    overflow: hidden;
    margin-left: 15px;
    margin-bottom: 30px;
}

.plan-item .plan-img {
    float: left;
    width: 225px;
    margin-right: 15px;
}

.plan-item .plan-img img {
    width: 100%;
    min-height: 140px;
}

.plan-item .plan-text {
    margin-left: 245px;
    position: relative;
    padding-right: 200px;
}

.plan-item .plan-text .ship-port {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
}

.plan-item .plan-text .ship-port li {
    position: relative;
    line-height: 22px;
    color: #666666;
    padding: 4px 0 4px 110px;
}

.plan-item .plan-text .ship-port li .label {
    position: absolute;
    left: 0;
    top: 4px;
    padding: 0;
    line-height: 22px;
    font-weight: normal;
    font-family: OpenSans-Regular;
    font-size: 13px;
    color: #333333;
    margin: 0;
}

.plan-item .plan-text .price-box {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 15px;
    background: url(../images/bg-border-h.png) repeat-y left top;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 15px;
    min-width: 170px;
}

.plan-item .plan-text .price-box .price {
    color: #666666;
    display: block;
    line-height: 32px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    font-weight: 300;
}

.plan-item .plan-text .price-box .price ins {
    color: #0099ce;
    font-size: 28px;
    font-weight: normal;
    text-decoration: none;
    font-family: Lato;
}

.plan-item .plan-text .price-box .price small {
    color: #999999;
    font-size: 14px;
}

.plan-item .plan-text .price-box .price.night {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid #dedede;
    line-height: 20px;
}

.plan-item .plan-text .price-box .price.night ins {
    color: #333333;
    font-size: 18px;
    font-family: OpenSans-Regular;
}

.plan-item .plan-text .plan-name a {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #111111;
    font-size: 22px;
    line-height: 26px;
    text-decoration: none;
}

.plan-item .plan-text .plan-name a:hover {
    color: #0099ce;
}


/*  ----------------- END Plan, Cruice, Tours ----------------- */


/*  ----------------- Detail Template ----------------- */

.head-detail {
    vertical-align: middle;
}

.head-detail .head-dt-cn {
       position: relative;
    top: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cecece;
}

.head-detail .row {
    margin-left: 15px;
    margin-right: 15px;
	margin-top: 10px;
}

.head-detail h1 {
    color: #111111;
    font-size: 28px;
    margin: 0;
    font-weight: 300;
}

.head-detail .start-address {
    margin-top: 10px;
}

.head-detail .start-address .star {
    color: #0099ce;
    font-size: 12px;
}

.head-detail .start-address .star i {
    margin-right: 2px;
}

.head-detail .start-address .address {
    padding-left: 10px;
    color: #7F7F7F;
    display: inline-block;
    margin: 0;
    font-family: OpenSans-Regular;
}

.head-detail ul {
    list-style: none;
    padding-left: 0;
    margin: 10px 0 0;
}

.head-detail ul li {
    display: inline-block;
    color: #666666;
    font-family: OpenSans-Regular;
}

.head-detail ul li:before {
    content: ' ';
    padding: 0 5px;
}

.head-detail ul li span {
    color: #333333;
}

.head-detail ul li:first-child:before {
    content: none;
}

.head-detail .price-book {
    margin-top: 15px;
    text-align: left;
    margin: 0;
    color: #7F7F7F;
    font-family: OpenSans-Regular;
}

.head-detail .price-book span {
    color: #0045ba;
    font-size: 34px;
    font-family: OpenSans-Regular;
    font-weight: bold;
}

.head-detail .price-book .awe-btn {
    margin-left: 5px;
}

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

.detail-cn > .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.detail-cn > .row > [class*="col-"]:last-child {
    padding-left: 15px;
}

.detail-cn .colReview {
    padding-left: 5px !important;
    border-left: none !important;
    border-bottom: none !important;
}

.detail-slider {
    position: relative;
}

.detail-slider .slide-room-sm {
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 7px;
}

.detail-slider .slide-room-sm #slide-room-sm .owl-item {
    padding: 0 1px;
    cursor: pointer;
    height: 40px;
}

.detail-slider .slide-room-sm #slide-room-sm .owl-item:after {
    display: block;
    content: '';
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 1px;
    right: 1px;
    bottom: 0;
    z-index: 1;
}

.detail-slider .slide-room-sm #slide-room-sm .owl-item img {
    width: 100%;
}

.detail-slider .slide-room-sm #slide-room-sm .owl-item.synced:after {
    background-color: transparent;
}

.detail-slider .slide-room-sm #slide-room-sm .prev-next-room {
    display: block;
    width: 45px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.detail-slider .slide-room-sm #slide-room-sm .prev-next-room.prev-room {
    left: -46px;
    background-image: url(../images/icon-arrow-left-white.png);
}

.detail-slider .slide-room-sm #slide-room-sm .prev-next-room.prev-room:hover {
    background-position-x: 5px;
}

.detail-slider .slide-room-sm #slide-room-sm .prev-next-room.next-room {
    right: -45px;
    background-image: url(../images/icon-arrow-white.png);
}

.detail-slider .slide-room-sm #slide-room-sm .prev-next-room.next-room:hover {
    background-position-x: 15px;
}

.detail-slider .slide-room-lg .owl-item img {
    width: 100%;
}

.detail-sidebar .scroll-heading {
    width: 233px;
}

.detail-sidebar .scroll-heading h2 {
    color: #333333;
    margin: 0;
    font-size: 30px;
    line-height: 44px;
    font-weight: 900;
    text-transform: uppercase;
}

.detail-sidebar .scroll-heading .hr {
    margin-top: 30px;
}

.detail-sidebar .scroll-heading a {
    display: block;
    clear: both;
    color: #333333;
    font-size: 24px;
    text-decoration: none;
    line-height: 28px;
    margin-top: 30px;
}

.detail-sidebar .scroll-heading a:hover {
    color: #ffdb32;
}

.detail-sidebar .hight-light h2 {
    color: #0099ce;
    font-size: 38px;
    margin: 0;
    text-align: center;
    border-left: 10px solid #0099ce;
    font-weight: 300;
    position: relative;
    margin-left: -30px;
    margin-right: -30px;
    line-height: 90px;
    background: url(../images/bg-border-v.png) repeat-x bottom left;
}

.detail-sidebar .hight-light .vote-text {
    text-align: center;
    margin-top: 20px;
}

.detail-sidebar .hight-light .vote-text:first-child {
    background: url(../images/bg-border-h.png) repeat-y top right;
}

.detail-sidebar .hight-light .vote-text p {
    margin: 0;
    color: #111111;
    font-size: 40px;
    font-weight: 300;
    line-height: 51px;
}

.detail-sidebar .hight-light .vote-text p span {
    font-weight: normal;
}

.detail-sidebar .hight-light .vote-text small {
    color: #838383;
    font-weight: 300;
    font-family: OpenSans-Regular;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.detail-sidebar .hight-light .vote-text a {
    color: #0099ce;
    font-size: 12px;
    font-family: OpenSans-Regular;
    font-weight: 300;
    text-decoration: none;
}

.detail-sidebar .hight-light .vote-text a:hover {
    color: #838383;
}

.detail-sidebar .hight-light .hr {
    width: 100%;
    margin-top: 25px;
    position: relative;
    z-index: 1;
}

.detail-sidebar .hight-light .quote-sidebar {
    margin-top: 7px;
}

.hoteles .content,
.pago .content {
    background-color: white;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 30px;
}

.pago .content {
    padding-left: 15px;
    padding-right: 15px;
}

.vote-text {
    text-align: center;
    margin-top: 20px;
}

.vote-text:first-child {
    background: url(../images/bg-border-h.png) repeat-y top right;
}

.vote-text p {
    margin: 0;
    color: #111111;
    font-size: 40px;
    font-weight: 300;
    line-height: 51px;
}

.vote-text p span {
    font-weight: normal;
}

.vote-text small {
    color: #838383;
    font-weight: 300;
    font-family: OpenSans-Regular;
    font-size: 14px;
    display: block;
    margin-top: 10px;
}

.vote-text a {
    color: #0099ce;
    font-size: 12px;
    font-family: OpenSans-Regular;
    font-weight: 300;
    text-decoration: none;
}

.vote-text a:hover {
    color: #838383;
}

.check-rates {
    border-top: 1px solid #e9e9e9;
}

.check-rates .check-rates-cn {
    padding-top: 45px;
    border-bottom: 1px solid #e9e9e9;
}

.check-rates .detail-sidebar .scroll-heading {
    padding-top: 40px;
}

.check-rates-form h3 {
    color: #111111;
    font-size: 24px;
    margin: 0;
}

.check-rates-form .form-search {
    border: 1px solid #e6e6e6;
    margin-top: 30px;
}

.check-rates-form .form-search .form-field {
    float: left;
    padding: 15px 20px;
    border-right: 1px solid #e6e6e6;
    font-size: 18px;
}

.check-rates-form .form-search .field-date {
    width: 235px;
}

.check-rates-form .form-search .field-date:after {
    right: 20px;
    bottom: inherit;
    top: 18px;
}

.check-rates-form .form-search .field-select {
    width: 174px;
}

.check-rates-form .form-search .form-submit {
    padding: 6px 12px;
    width: 165px;
    float: left;
}

.check-rates-form .form-search .form-submit .awe-btn {
    width: 100%;
}

.hl-availability {
    margin-top: 15px;
    margin-bottom: 10px;
}

.hl-availability .table-availability {
    font-family: OpenSans-Regular;
}

.hl-availability .table-availability th {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    padding: 20px 10px;
    border-top: 0;
}

.hl-availability .table-availability th:first-child {
    padding-left: 0;
}

.hl-availability .table-availability th span {
    color: #999999;
    font-weight: normal;
}

.hl-availability .table-availability td {
    padding: 20px 10px;
    vertical-align: top !important;
    border-top: 0;
    background: url(../images/bg-border-v.png) repeat-x top left;
}

.hl-availability .table-availability td:first-child {
    padding-left: 0;
}

.hl-availability .table-availability td:last-child {
    padding-right: 0;
}

.hl-availability .table-availability .avai-td-text figure {
    width: 50%;
    margin-right: 20px;
    float: left;
}

.hl-availability .table-availability .avai-td-text h3 {
    color: #111111;
    margin: 0;
    font-size: 18px;
    line-height: 20px;
}

.hl-availability .table-availability .avai-td-text p {
    color: #666666;
    line-height: 22px;
    margin: 8px 0 0;
    font-size: 13px;
}

.hl-availability .table-availability .avai-td-text a {
    color: #333333;
    text-decoration: none;
    font-style: italic;
}

.hl-availability .table-availability .avai-td-text a:hover {
    color: #59c55b;
}

.hl-availability .table-availability .avai-td-price .price {
    line-height: 38px;
    color: #111111;
    font-size: 24px;
}

.hl-availability .table-availability .avai-td-price .price small {
    color: #999999;
    font-size: 13px;
}

.hl-availability .table-availability .avai-td-book .awe-btn {
    padding-left: 30px;
    padding-right: 30px;
}

.hl-availability .table-availability .avai-td-room .select {
    border-bottom: 1px dashed #b0b0b0;
    line-height: 30px;
    height: 30px;
    width: 70px;
}

.hl-availability .table-availability .avai-td-room .select span {
    color: #666666;
    font-size: 13px;
}

.hl-availability .table-availability .avai-td-room .select span:after {
    color: #b9b9b9;
    font-size: 18px;
}

.hl-features .hl-features-cn {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 25px;
    padding-top: 40px;
}

.hl-features .detail-sidebar .scroll-heading {
    padding-top: 80px;
}

.featured-service {
    margin-top: 45px;
}

.featured-service h3 {
    background: url(../images/bg-border-v.png) repeat-x bottom left;
    color: #111111;
    margin: 0;
    font-size: 24px;
    padding-bottom: 35px;
}

.featured-service ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.featured-service ul li {
    width: 33.33333333%;
    float: left;
}

.featured-service .service-list {
    margin-top: 15px;
}

.featured-service .service-list li {
    margin-top: 15px;
}

.featured-service .service-list li figure {
    display: table-cell;
    height: 41px;
}

.featured-service .service-list li figure .icon-service {
    width: 40px;
    height: 40px;
    border: 1px solid #f0f0f0;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
    position: relative;
}

.featured-service .service-list li figure .icon-service:after {
    display: block;
    content: '';
    width: 23px;
    height: 23px;
    bottom: -6px;
    right: -9px;
    position: absolute;
    z-index: 1;
    background: url(../images/icon-check.png) no-repeat top left;
}

.featured-service .service-list li figure .icon-service img {
    display: inline;
}

.featured-service .service-list li figure figcaption {
    display: inline-block;
    color: #333333;
    font-family: OpenSans-Regular;
}

.featured-service .service-list li.unselected figure .icon-service:after {
    background: none;
}

.featured-service .service-spoken {
    margin-top: 10px;
}

.featured-service .service-spoken li {
    margin-top: 15px;
    color: #333333;
    font-family: OpenSans-Regular;
    font-size: 14px;
}

.featured-service .service-spoken li img {
    margin-right: 10px;
}


/*  ----------------- END Detail Template ----------------- */


/*  ----------------- Payment ----------------- */

.step {
    padding-left: 30px;
    padding-right: 30px;
}

.payment-step {
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
    position: relative;
    width: 100%;
}

.payment-step:before {
    height: 0;
    left: -30px;
    right: -30px;
    border-top: 1px solid #e9e9e9;
    bottom: 0;
    display: block;
    content: '';
    position: absolute;
}

.payment-step li {
    width: 33.3333%;
    margin-top: 13px;
    float: left;
    position: relative;
}

.payment-step li.step-select:after {
    background-color: #0099ce;
}

.payment-step li.step-select:before {
    background-color: #0099ce;
}

.payment-step li.step-select span {
    text-indent: -9999px;
}

.payment-step li.step-select span:after {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: url(../images/icon-check-payment.png) no-repeat 50% 50%;
    content: '';
    display: block;
    border-radius: 50%;
    background-clip: padding-box;
    position: absolute;
}

.payment-step li:before {
    right: 0;
    left: inherit;
}

.payment-step li span {
    display: block;
    position: relative;
    z-index: 1;
    margin: auto;
    width: 54px;
    height: 54px;
    background-color: #fff;
    border: 2px solid #efefef;
    color: #111111;
    font-weight: 300;
    line-height: 50px;
    font-size: 34px;
    border-radius: 50%;
    background-clip: padding-box;
}

.payment-step li p {
    color: #111111;
    font-size: 18px;
    line-height: 28px;
    margin: 5px 0 0;
}

.payment-step li.step-part:after {
    background-color: #0099ce;
}

.payment-form {
    background: url(../images/bg-border-v.png) repeat-x top left;
    margin: 30px 30px 0 30px;
}

.payment-form .form {
    position: relative;
    padding-bottom: 20px;
}

.payment-form .form:before {
    display: block;
    top: 0;
    bottom: 0;
    width: 1px;
    background: url(../images/bg-border-h.png) repeat-y top left;
    left: 50%;
    content: '';
    position: absolute;
}

.payment-form h2 {
    margin: 0 0 25px 0;
    padding-top: 30px;
    color: #111111;
    font-size: 24px;
    line-height: 28px;
}

.payment-form span {
    color: #333333;
    /*font-family: Open sans;*/
    font-weight: bold;
    line-height: 25px;
    margin: 0;
}

.payment-form span img {
    margin-left: 5px;
}

.payment-form .form-field {
    margin-top: 10px;
}

.payment-form .form-field .field-input {
    border: 1px solid #dedede;
    padding: 14px 20px;
    color: #333333;
    width: 100%;
    /*font-family: "Open sans";*/
    outline: none;
}

.payment-form .form-field .field-input:-moz-placeholder {
    color: #333333;
}

.payment-form .form-field .field-input:-ms-input-placeholder {
    color: #333333;
}

.payment-form .form-field .field-input::-webkit-input-placeholder {
    color: #333333;
}

.payment-form .radio-checkbox {
    margin-top: 20px;
}

.payment-form ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    overflow: hidden;
}

.payment-form ul li {
    float: left;
    width: 50%;
    padding: 5px 0;
}

.payment-form ul li .radio-checkbox {
    margin-top: 0;
}

.payment-form ul li .radio-checkbox label {
    color: #333;
    padding-left: 28px;
}

.payment-form .cart-number {
    margin-top: 20px;
}

.payment-form .cart-number .row {
    margin-left: -3px;
    margin-right: -3px;
}

.payment-form .cart-number .row [class*="col-"] {
    padding-left: 3px;
    padding-right: 3px;
}

.payment-form .card-holder {
    margin-top: 20px;
}


/*.payment-form .card-holder .field-input {
    padding: 9px 5px;
}*/

.payment-form .expiry-date {
    margin-top: 20px;
}

.cvc-code .input-group .input-group-addon {
    width: 70px;
}

.payment-form .expiry-date:before {
    content: '/';
    left: 50%;
    position: absolute;
    color: #666;
    bottom: 6px;
    font-size: 18px;
}

.payment-form .expiry-date .row {
    margin-left: -10px;
    margin-right: -10px;
}

.payment-form .expiry-date .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.payment-form .expiry-date .form-field .field-input {
    background: url(../images/icon-calendar.png) no-repeat right 10px center;
    padding: 9px 30px 9px 5px;
}

.payment-form .cvc-code {
    margin-top: 20px;
}

.total-trip > span {
    font-size: 25px;
    display: block;
    text-align: center;
}

.total-trip span small {
    font-size: 15px;
}

.total-trip span p {
    font-size: 12px;
    line-height: 15px;
}


/*.payment-form .cvc-code .field-input {
    padding: 9px 5px;
}*/

.payment-form .submit {
    background: url(../images/bg-border-v.png) repeat-x top left;
    padding-top: 30px;
    margin-top: 30px;
}

.payment-form .submit .awe-btn {
    margin-top: 20px;
}


/*.payment-form > .row {
    margin-left: -30px;
    margin-right: -30px;
}*/

.payment-form > .row > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}

.payment-room .payment-info {
    margin-top: 30px;
}

.payment-room .payment-info h2 {
    font-family: OpenSans-Regular;
    text-transform: uppercase;
    color: #0099ce;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    margin: 0;
}

.payment-room .payment-info .star-room {
    color: #0099ce;
    font-size: 12px;
    display: block;
    margin-top: 10px;
}

.payment-room .payment-info .star-room i {
    margin-right: 2px;
}

.payment-room .payment-info ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.payment-room .payment-info ul li {
    position: relative;
    color: #333333;
    font-family: Open sans;
    padding-left: 90px;
    line-height: 30px;
}

.payment-room .payment-info ul li span {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 600;
}

.payment-room .payment-info .row [class*="col-"] {
    margin-left: 0px;
    margin-right: 0px;
}

.payment-room .payment-price {
    margin-top: 45px;
    border: 1px solid #e8e8e8;
    background-color: #fbfbfb;
    /*font-family: "Open sans";*/
    overflow: hidden;
}

.payment-room .payment-price figure {
    width: 270px;
    float: left;
    margin-top: 20px;
}

.payment-room .payment-price figure img {
    max-width: 100%;
}

.payment-room .payment-price .total-trip {
    padding: 10px 20px;
    margin-left: 270px;
}

.payment-room .payment-price .total-trip span {
    color: #333333;
    font-weight: 600;
    line-height: 26px;
    display: block;
}

.payment-room .payment-price .total-trip span small {
    font-size: 14px;
    font-weight: normal;
    color: #666666;
}

.payment-room .payment-price .total-trip .price {
    font-size: 24px;
    color: #0099ce;
    font-family: OpenSans-Regular;
}

.payment-room .payment-price .total-trip p {
    margin: 0;
    padding-top: 5px;
    line-height: 20px;
    border-top: 1px solid #e8e8e8;
}

.payment-room .payment-price .total-trip p ins {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #ffdb32;
}

.payment-room .payment-price .total-trip p i {
    margin-top: 10px;
    display: block;
    color: #666;
    font-size: 13px;
}

.payment-room > .row {
    margin-left: 0;
    margin-right: 0;
}

.payment-room > .row > [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px;
}


/*  ----------------- END Payment ----------------- */

.cartitem {
    margin-top: 10px;
    margin: 30px;
    margin-left: 15px;
}

.cartdetail {
    border: 1px solid #D3D3D3;
    padding: 10px;
    border-radius: 4px;
    margin-top: 5px;
}

.cartdetail h2 {
    color: #0099ce;
}

.cartdetail .head {
    background-color: #0099ce;
    color: white;
    margin-left: 0px;
    margin-right: 0;
}

.sidebar-boxes {
    background-color: #f1f1f1;
}

.sidebar-boxes .widget-sidebar {
    background-color: #FFF;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}


/* NU css */

.payment-form .widget-collapsable:first-child h2 {
    padding-top: 0 !important;
}

.payment-form select {
    height: 50px;
}

.cards-img {
    padding-bottom: 15px;
    display: block;
}

.payment-form .form:before,
.payment-form {
    /*left: 66.5%;*/
    background: none;
    margin: 0;
}

.payment-form {
    margin-top: 20px;
}

.payment-aside {
    background-color: #fff;
    border: 1px #ddd solid;
    padding: 5px 10px 10px;
}

.assurance-info {
    padding: 7px 10px;
}

.assurance-list-tit {
    font-size: 16px;
    font-weight: bold;
}

ul.assuranse-list {
    margin-top: 0;
}

ul.assuranse-list li {
    float: none;
    width: 100%;
    text-indent: -10px;
    padding-left: 20px;
    font-size: 15px;
}

h2.adulto {}

.assurance-info a {
    color: #337ab7;
}

.payment-info hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.payment-info h2 {
    padding-top: 5px;
}

.payment-aside .hotel-list-cn .hotel-list-item {
    margin: 0;
    border: 0;
    padding: 0;
    margin-top: 15px;
}

.payment-aside .hotel-list-cn .hotel-list-item .hotel-img {
    width: 100%;
    margin-bottom: 15px;
}

.payment-price {
    padding: 15px 0 0;
}

.logo-mobile {
    display: none;
}

#myNavigation ul {
    width: 100%;
}

#myNavigation ul li a {
    display: block;
}

header {
    overflow: visible;
}

.section-content-template {
    margin-bottom: 0px;
}

i.inline-icon-left {
    margin-right: 4px;
}

.expandable-cont {
    opacity: 0;
    height: 0;
    margin-top: 0;
    padding-bottom: 0;
    background-color: rgba(210, 230, 255, 0.5);
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.expandable-link {
    padding-left: 20px !important;
}

.expanded-cont {
    opacity: 1;
    height: auto;
    margin-top: 20px;
    padding-bottom: 20px;
}

.search-forms .form-panel .form-navigation li {
    height: auto;
}

.search-forms .form-panel .form-navigation li a span {
    position: relative;
    top: -10px;
}

.select-cont {
    margin-bottom: 10px;
}

.search-forms .tab-content .roomTitle {
    margin-top: 45px;
}

.search-forms .tab-content label.tramoTitle {
    float: left;
    font-size: 16px;
}

.search-forms .tab-content label.eliminar-tramo {
    float: right;
}

.vuelos-group-field {
    clear: both;
}

.vuelos-group-field:nth-child(odd) {
    background-color: rgba(210, 230, 255, 0.5);
    clear: both;
    margin-top: 20px;
}

.vuelos-group-field:nth-child(even) {
    padding-bottom: 0 !important;
}

.vuelos-group-field {
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.vuelos-group-field.row {
    padding: 0 15px 20px;
    overflow: hidden;
}

.btnPrimary.btn-buscar {
	margin-top: 0;
    margin: 12px 0px 12px 0px;
    background: #122e8a !important;
    /*border-radius: 20px;*/
    text-transform: initial
}
.btnPrimary.btn-buscar:hover{
	background:#122e8a !important;
}
.car-item .car-photo,
.car-item .car-name-category,
.car-item .car-options {
    position: static;
}

.car-item .car-photo {
    float: left;
}

.car-item .car-name-category {
    width: 55%;
    color: #0045ba;
    margin-top: 15px;
    left: 45%;
}

.car-item .car-options {
    float: right;
    width: 55%;
}

.offcanvasBtn,
.offcanvasBtn:focus,
.offcanvasBtn:active,
.offcanvasBtn:target {
    margin-left: 15px;
    margin: 5px auto 15px;
    background-color: #0045ba;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 10px 10px;
    width: 80%;
    display: block;
    white-space: normal;
}

.offcanvasBtn:hover {
    background-color: #00afde !important;
    color: #fff !important;
    border: none !important;
}

.section-title-internal .col-md-12 p.pull-left {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}

.widget-collapsable h4 {
    background-color: transparent !important;
    color: #0099ce !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: left;
    border-radius: 0 !important;
    outline: none;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    border: none;
}

.widget-collapsable h4 .ui-accordion-header-icon {
    display: none;
}

.slider-sidebar,
.slider-sidebar .ui-widget-header {
    height: 10px !important;
}

.slider-sidebar .ui-slider-handle {
    top: -3px !important;
}

.slider-sidebar .ui-slider-handle {
    width: 13px !important;
    background-color: #000000 !important;
}

.ui-accordion .ui-accordion-content {
    overflow: visible;
}

.widget-collapsable h4.title-sidebar {
    padding-right: 5%;
    margin-top: 0 !important;
    position: relative;
    font-size: 17px;
    line-height: 23px;
}

.widget-collapsable h4:after {
    content: '\203A';
    font-size: 30px;
    line-height: 46px;
    position: absolute;
    top: -12px;
    right: 6px;
    color: #23A8C9;
    font-weight: 700;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.widget-collapsable h4.expanded-widget:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: -2px;
}

.widget-collapsable h2 {
    background-color: transparent !important;
    color: #0099ce !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: left;
    border-radius: 0 !important;
    outline: none;
    margin: 0 0 10px 0 !important;
    padding-top: 30px !important;
    color: #111111 !important;
    font-size: 20px !important;
    line-height: 28px !important;
}

.widget-collapsable h2.ui-accordion-header .ui-accordion-header-icon {
    left: initial;
    right: .5em !important;
}

.widget-collapsable h2 span {
    display: none;
}

.widget-collapsable h2:after {
    content: '\203A';
    font-size: 30px;
    line-height: 46px;
    position: absolute;
    right: 6px;
    color: #111;
    font-weight: 700;
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.widget-collapsable h2.expanded-widget:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 2px;
}

.ui-accordion-content {
    background: transparent !important;
}

.ui-accordion-content .form-field:first-child,
.ui-accordion-content .form-field:nth-child(2) {
    margin-top: 0;
}

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

.vuelos-item .row:not(.bg-info) .col-xs-4 {
    white-space: nowrap;
}



.modifyflight .row {
    background-color: #004d68 !important;
}

.modifyflight {
    background-color: #ddd !important;
}

.vuelos-item .row .col-xs-4 {
    text-align: center;
}

.vueloshotel-trip-container .btn-primary {
    margin-top: 10px !important;
}

#map-canvas {
    max-width: 567px;
    width: auto;
    height: 480px;
}

.vuelos-modify-item .modifyflight,
.vuelos-modify-item .modifyflight .row {
    background-color: #F2FAFD !important;
    color: #333;
}

.vuelo-seleccionado .modifyflight,
.vuelo-seleccionado .modifyflight .row {
    background-color: #004d68 !important;
    color: #fff;
}

.vuelos-modify-item .modifyflight {
    border-left: 1px #ddd solid;
}

.modifyflight-content nav:first-child ul.pagination {
    margin-bottom: 0 !important;
}

.modifyflight-content nav:last-child ul.pagination {
    margin-top: 0 !important;
}

.tooltip-label {
    color: #333;
    text-decoration: none !important;
}

.payment-room .payment-price .total-trip p {
    margin: 10px 0;
}

.payment-room > .row > [class*="col-"],
.payment-form > .row > [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.step {
    padding-left: 0;
    padding-right: 0;
}

.alrticle-slider .carousel-inner .item {
    height: 350px;
}

.alrticle-slider {
    margin: 15px 0;
}

.plan-list-cn .plan-item {
    border: 1px #ddd solid;
    background: white;
    border-radius: 10px;
}

.hotel-list-cn .hotel-list-item {
    padding: 10px;
    border: 1px #ddd solid;
}

.plan-item .plan-text {
    min-height: 182px;
}

.plan-item .plan-text .price-box {
    height: 100%;
}

.hotel-name {
    width: 98%;
}

.mis-pedidos .btn {
    margin-bottom: 5px;
}

.vuelos-item hr {
    margin: 5px 0;
    border: 0;
    border-top: 1px #ccc dotted;
}

.vuelos-item hr {
    margin: 5px 0;
    border: 0;
    border-top: 1px #ccc dotted;
}

.vuelos-item .compartir-item-content a {
    margin-left: 10px;
}

.vuelos-item .compartir-item-content i {
    font-size: 20px;
    color: #0099ce;
}

.vuelos-item .compartir-item-content {
    margin: 5px 0 10px;
    text-align: right;
}

.click-tooltip-content {
    display: none;
}

.galeria,
.video {
    margin: 30px auto 40px;
}

.video-container {
    border: 1px #ccc solid;
    padding: 10px 10px 5px;
}

.payment-room .payment-info h2 {
    margin-bottom: 15px;
}

.clear {
    clear: both;
}


/* DdSelect */

a.dd-selected {
    background-color: #fff;
}

a.dd-option:hover,
a.dd-selected:hover {
    text-decoration: none !important;
}

.dd-container label.dd-option-text {
    font-size: 16px !important;
    margin-top: 0;
}

.dd-container small.dd-option-description {
    font-size: 13px;
}

.dd-options li {
    display: block;
}

.dd-selected {
    padding: 5px 15px !important;
}

.dd-select a {
    color: #D6C601;
}


/* Fin DdSelect  */


/* Datepicker NU */

.ui-widget-header {
    border: none;
    background: none;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-color: #fff;
    background: none;
    border: none;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    color: #0099ce;
    text-align: center;
    border-radius: 8px;
    font-weight: normal;
}



.ui-datepicker td span,
.ui-datepicker td a {
    padding: .5em .25em .5em .26em;
    font-weight: 300;
}

.ui-datepicker th {
    font-size: 11px;
    font-weight: normal;
}

.ui-datepicker td {
    padding: 0;
}

.ui-widget-header {
    color: #006082;
}

.ui-from-date .ui-state-default {
    background-color: #006082;
    border-radius: 10px 0 0 10px;
    color: #fff;
}

.ui-to-date .ui-state-default {
    background-color: #006082 !important;
    border-radius: 0 10px 10px 0;
    color: #fff;
}

.ui-middle-date .ui-state-default {
    background-color: rgba(210, 230, 255, 0.5);
    border-radius: 0;
}

.ui-widget-content .ui-datepicker-today a {
    border: 1px #006082 solid;
}

.ui-state-default:hover {
    background: #0099ce;
    color: #fff;
}

#sidebar .expandable-cont .select-cont {
    width: 100%;
}

#sidebar hr {
    margin-top: 30px;
}

.vuelos-item .vuelohotel-title {
    min-height: 200px;
}

.vuelos-modify-item {
    margin-bottom: 30px;
}

.vuelos-item .buynow[disabled="disabled"] {
    box-shadow: none;
    padding: 5px 10px;
}

#top-bar {
    /*background-color: #FFDC00;
    background-image: url(../images/upload/header.png);
    ;*/
    line-height: 45px;
}

#top-bar .col-md-12 {
    text-align: right;
}


/* Fin Datepicker NU */


/* CUSTOM NU */

input[type=checkbox]:not(old),
input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    /*opacity   : 0;*/
    cursor: pointer;
}

input[type=checkbox]:not(old) + label,
input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -0.5em;
    line-height: 1.5em;
}

input[type=checkbox]:not(old) + label > span,
input[type=radio]:not(old) + label > span {
    display: inline-block;
    width: 1.130em;
    height: 1.130em;
    margin: 0.30em 0.55em 0.30em 0.25em;
    /*border           : 1px solid rgb(192,192,192);*/
    box-shadow: : 0px 0px rgb(192, 192, 192) 5px;
    border-radius: 200%;
    background: rgb(224, 224, 224);
    background-image: -moz-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -ms-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -o-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: -webkit-linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    background-image: linear-gradient(rgb(240, 240, 240), rgb(224, 224, 224));
    vertical-align: bottom;
}

input[type=checkbox]:not(old) + label > span {
    border-radius: 3px;
}

input[type=checkbox]:not(old):checked + label > span,
input[type=radio]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -ms-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -o-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: -webkit-linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
    background-image: linear-gradient(rgb(224, 224, 224), rgb(240, 240, 240));
}

input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 0.75em;
    height: 0.75em;
    margin: 0.200em;
    /*border           : 1px solid rgb(226,176,5);*/
    box-shadow: : 0px 0px rgb(226, 176, 5) 5px;
    border-radius: 200%;
    background: rgb(255, 220, 0);
    background-image: -moz-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0));
    background-image: -ms-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0));
    background-image: -o-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0));
    background-image: -webkit-linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0));
    background-image: linear-gradient(rgb(252, 184, 0), rgb(255, 185, 0));
}

input[type=checkbox]:not(old):checked + label > span:before {
    content: 'âœ“';
    display: block;
    width: 1em;
    color: rgb(252, 184, 0);
    font-size: 1em;
    line-height: 1.25em;
    text-align: center;
    text-shadow: 0 0 0.0714em rgb(255, 185, 0);
    font-weight: bold;
}

.ratio-btns label {
    font-weight: normal;
    margin-bottom: 0;
}

.form-tabs .col-xs-2 {
    width: 20% !important;
}

.line-menu {
    border-right: 1px #ccc solid;
    padding: 0 !important;
    margin-right: 15px;
}

.line-menu a {
    line-height: 50px;
}

header .navigation li.icon-menu {
    padding: 0 10px;
}

.social i {
    padding: 0 4px;
}

.slide-ofertas-group .row .col-md-4 img {
    border-radius: 5px 5px 0 0;
}

.slide-ofertas-group .row .col-md-4 .slide-ofertas-group-captions {
    border-radius: 0 0 5px 5px;
}

.slide-ofertas-group .slide-ofertas-group-captions .ofertas-gris {
    color: #999;
    display: inline-block !important;
    font-style: normal;
    font-size: 19px;
    font-family: OpenSans-Regular;
}

.slide-destinos-group .carousel-indicators li {
    text-indent: 0;
    width: 240px;
    height: 25px;
    line-height: 31px;
    padding-left: 10px;
    border: none !important;
    border-radius: 0;
    font-family: OpenSans-Regular;
    color: white;
    text-transform: capitalize;
    font-size: 14px;
    text-align: left;
    display: block;
    margin-top: 10px;
}

.carousel-indicators .fa-map-marker {
    padding-right: 15px;
}

.section-content-template .slide-destinos-group .carousel-indicators li {
    border-bottom: 1px #fff solid !important;
    height: auto;
    margin-top: 0;
    padding: 2px 10px 1px;
    font-size: 13px;
}

.slide-destinos-group .carousel-indicators {
    top: 70px !important;
}

.section-content-template .slide-destinos-group .carousel-indicators li.active {
    border-radius: 10px;
    color: #0396CF;
}

.slide-destinos-group .slide-destinos-group-captions {
    max-width: 50%;
    width: 100%;
}

.slide-destinos-group-captions .col-md-4 div {
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 4px;
}

.slide-destinos-group-captions .col-md-4 {
    padding-left: 2px;
    padding-right: 2px;
}

.sliderDestinos .carousel-inner {
    height: 600px;
}

.leer-mas-btn {
    background-color: #F5F5F5;
    border: 1px #D7D7D7 solid;
    color: #373D40;
    border-radius: 4px;
    margin: 4px;
    box-shadow: none;
}

.leer-mas-btn .fa-long-arrow-right {
    padding-left: 15px;
}

.language-selector {
    text-align: right !important;
    padding-right: 25px;
}

.language-selector select {
    background-color: #222B30;
    border-radius: 5px;
    border: 1px #5F6B72 solid;
    padding: 7px 15px;
    font-size: 17px;
    font-weight: 300;
}

select.form-control {
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    /*background-image: url("../images/select-arrow.svg") !important;*/
    /*background-repeat: no-repeat !important;*/
    background-position: right 5px top 15px !important;
    border-radius: 6px;
    cursor: pointer;
}

select.form-control:hover {
    -webkit-filter: hue-rotate(360deg) brightness(105%);
}

.header-background {
    background-repeat: none;
    background-size: cover;
    height: 220px;
}

.header-background-container {
    padding: 0;
}

h4 a,
#Login a,
#Registration a,
.vuelos-item a,
.sidebar a {
    color: #0db9f0;
}
.nav-tabs > li > a {
    color: #5D5D5D;
    font-size: 15px;
    text-transform: uppercase;
}



#Login .btn-primary {
    margin-right: 15px;
}

#Registration select.form-control {
    background-position: right 0px top 0px !important;
}

.section-content-template .slide-destinos-group .carousel-indicators li.prev-active-slider {
    border-bottom: none !important;
}

.sidebar input[type=checkbox]:not(old) + label {
    margin-left: 0;
}


/* FIN CUSTOM NU */

@media screen and (max-width: 1500px) {
    .slide-destinos-group .carousel-indicators {
        top: 30px !important;
    }
}

@media screen and (max-width: 1200px) {
    .vuelos-hoteles-item hr {
        margin-top: 0;
        margin-bottom: 7px;
    }
    .vuelos-item .vuelohotel-title {
        min-height: 165px;
    }
    .hotel-list-item .hotel-img {
        width: 230px;
    }
    .slide-destinos-group .carousel-indicators {
        top: 15px !important;
    }
    header .navigation li {
        padding: 0 0px;
    }
	.IfPassCantInfo {
		font-size: 10px !important;
		color: black;
	}
	
}

@media screen and (max-width: 980px) {
    .vuelos-item .airline-select {
        height: 30px;
        line-height: 20px;
    }
    .vuelos-item .row.panelDetail {
        margin-top: 45px;
    }
	
}

@media screen and (min-width: 992px) {
    .payment-aside .hotel-list-item .hotel-text .price-box,
    .payment-aside .hotel-list-item .hotel-text .hotel-service {
        float: none;
        width: 100%;
        clear: both;
        text-align: center;
    }
    .payment-aside .hotel-list-item .hotel-text .hotel-service a {
        float: none;
        display: inline-block;
    }
    .payment-form {
        padding-right: 15px;
    }
	
}

@media screen and (max-width: 992px) {
	.botonsV {
		margin-left: -7%;
	}
	
    .payment-aside {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 30px;
    }
    .payment-form .form:before {
        background: none;
    }
    .payment-form .submit .btnPrimary {
        margin: 0;
    }
    .vuelos-tarifarias-item table {
        margin: 1em 0;
    }
    .vuelos-tarifarias-item table:before {
        content: attr(data-title);
        width: 100%;
        text-align: center;
        display: block;
        background-color: #000;
        font-size: 18px;
        padding: 5px 10px;
        color: #fff;
    }
    .vuelos-tarifarias-item table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .vuelos-tarifarias-item table th,
    .vuelos-tarifarias-item table td br {
        display: none;
    }
    .vuelos-tarifarias-item table td div.td-content span {
        display: inline-block;
        padding: 0 5px;
    }
    .vuelos-tarifarias-item table td div.td-content {
        display: inline-block;
        vertical-align: middle;
        width: 49%;
        font-size: 14px;
        padding: 5px 0;
    }
    .vuelos-tarifarias-item table td {
        display: block;
        float: left;
        width: 100%;
    }
    .vuelos-tarifarias-item table td:first-child {
        padding-top: 0;
    }
    .vuelos-tarifarias-item table td:last-child {
        padding-bottom: .5em;
    }
    .vuelos-tarifarias-item table td:before {
        content: attr(data-th);
        font-weight: bold;
        width: 50%;
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        font-size: 16px;
        padding-left: 10px;
    }
    .vuelos-tarifarias-item table tbody td:first-child .row > div {
        display: inline-block;
        font-size: 14px;
        padding-left: 25px;
    }
    .vuelos-tarifarias-item table tr td:first-child {
        padding-bottom: 15px;
        font-weight: bold;
    }
    .vuelos-item .vuelohotel-title {
        min-height: 130px;
    }
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img {
        width: 100%;
    }
    .vuelos-item .vuelohotel-title .vueloshotel-ammenities {
        bottom: 5px;
    }
    .modal div#OR {
        float: none;
        position: relative;
        margin: 30px auto 0;
        right: initial;
    }
    .modal .sign-with {
        margin-top: 0;
    }
    .hotel-name {
        margin-right: 14%;
    }
    .cartitem {
        margin-top: 10px;
        margin: 25px;
        margin-left: 25px;
    }
    .list-right-side {
        padding-top: 50px;
        /*height: 190px !important;*/
        max-height: 300px;
        min-height: 120px;
    }
    .flight-item .col {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .list-right-side {
        background-color: white;
    }
    .price-float-right button {
        position: absolute;
        top: -108px;
        right: 10px;
    }
    .plan-list-cn .plan-text,
    .hotel-list-item .hotel-text {
        position: relative;
        overflow: hidden;
        margin-left: 15px;
        float: left;
        margin-top: 15px;
        margin-right: 15px;
        /*margin-bottom: 45px;*/
        min-height: 120px;
    }
    .plan-list-cn .plan-text {
        margin-bottom: 0;
    }
    .hotel-list .sort-by label,
    .plan-list .sort-by label,
    .sort-view .sort-by label {
        display: block;
        width: 100%;
        text-align: center;
        margin-left: 0 !important;
    }
    .sort-view .sort-by .sort-select {
        display: inline-block;
        float: none !important;
    }
    .sort-view .sort-by {
        text-align: center;
        width: 100%;
    }
    .hotel-list-item .hotel-img,
    .plan-item .plan-img {
        width: 100%;
    }
    .home-carousel-content {
        padding-right: 0;
        padding-left: 0;
    }
    .form-panel {
        margin-bottom: 20px !important;
        padding-left: 0;
        padding-right: 0;
    }
    .form-panel .form-navigation {
        width: 100%;
        margin: 0;
    }
    .form-panel .tab-content {
        padding-left: 15px;
        padding-right: 15px;
    }
    .list-right-side {
        height: auto;
        min-height: initial;
        float: none;
    }
    .vuelos-item .col {
        margin: 0;
        padding: 0 15px 10px;
    }
    .vuelos-item .buynow {
        float: right;
    }
    .vuelos-item .deal-alert {
        line-height: 18px;
        left: 10px;
        bottom: 6px;
        width: 35%;
    }
    .price-float-left {
        text-align: right;
    }
    .vuelos-item .badge-alert {
        max-width: 40%;
        height: auto;
        padding: 5px 10px;
        line-height: 16px;
        margin-left: 25px;
		font-size: 20px;
		margin-top: 0%;
    }
    .list-right-side {
        
        min-height: 80px !important;
        height: auto !important;
    }
    .price-float-right button {
        position: relative !important;
        top: initial !important;
        right: initial !important;
    }
    .container {
        width: auto;
        max-width: 750px;
    }
    header .activeNav li.line-menu {
        display: none !important;
    }
    #myNavigation ul li a:hover,
    #myNavigation ul li a.current {
        border-top: none;
    }
    header .logo {
        z-index: 999;
    }
	
}

@media screen and (max-width: 767px) {
    .ui-accordion-content .form-field:nth-child(2) {
        margin-top: 10px;
    }
    .tel-type-cont {
        margin-bottom: 30px;
    }
	.botonsV {
		margin-left: -2%;
	}
	.botonsV2 {
		margin-left: -5%;
	}
	.botonsV3 {
		margin-left: 4%;
		margin-bottom: 20px;
	}
	.Opadvance {
		
		margin-top: 50px;
		
	}	
	.formpack {
		top: -150px;
	}
	.packageDivs {
		margin-bottom: 45%;
	}
	.marginHome {
		/*margin-top: 43% !important;*/
	}
	.nav > li > a > img {
		width: 32px !important;
		display: inline-block;
	}
	.container-Passenger {
		left: 30px !important;
/* 		top: 65px !important; */
	}
	html {
		margin-top: -70px;
	}
	
	.aerolinea-head {
		font-size: 13px !important;
		margin-left: 0px;
		margin-right: 0px;
	}

	.resumen-resultados {
		font-size: 11px !important;
	}
	
	.fontlabel {
		font-size: 9px;
	}
	
	.route-day {
		font-size: 9px;
		margin-left: 5px;
	}
	
	.center1 {
		margin-left: 43%;
	}
	.center2 {
		margin-left: 35%;
	}
	.centrado {
		margin-left: 30% !important;
	}
	.vuelos-item .price {
		margin-top: 25px;
	}
	.mgbottom{
		margin-top: 30px !important;
	}
	.vuelos-item .city-nom {
		margin-bottom: 10px;
	}
	.text-muted {
		margin-left: -20px;
	}
	.checkOutInHora {
		font-size: 13px !important;
	}
	.centermb {
		text-align: center;
	}
	.marleft {
		margin-left: 30%;
	}
	.infoadic {
		margin-top: 5%;
		text-align: justify;
	}	
	.alert-warning2 {
		width: 92% !important;
		margin-left: 4% !important;	
	}
	.aligncen {
		text-align: center;
	}
	.vhmg {
		margin-top: -18px;
		margin-left: -10px;
		margin-bottom: 15px;
	}
	.htext {
		font-size: 15px !important;
	}
	.texto20 {	
		margin-top: 0% !important;
	}
	ul.pagination{
	  margin-bottom: 15%;
	}
	.contconfirmacion {

		padding-bottom: 10%;
	}
	.detail-slider {
		margin-top: 0% !important;
	}
	.MgButton {
	  text-align: center;
	}
	.btnPrimary.btn-buscarseguros {
		margin-left: 25%;
	}
}
.htext {
	color: #273b7b;
	text-transform: capitalize;
}
.mgbottom{
	margin-top: 50px;
}

@media screen and (max-width: 650px) {
    .payment-room .payment-price figure {
        width: 100%;
    }
    .payment-room .payment-price .total-trip {
        margin-left: 0;
    }
	
}

@media screen and (max-width: 600px) {
    .hotel-list-item .hotel-text .price-box,
    .hotel-list-item .hotel-text .hotel-service {
        float: none;
        width: 100%;
        clear: both;
        text-align: center;
    }
    .hotel-list-item .hotel-text .hotel-service a {
        display: inline-block;
        float: none;
        line-height: 30px;
    }
    .colNoMarginL {
        padding-left: 15px !important;
    }
    .colNoMarginR {
        padding-right: 15px !important;
    }
	
	
}


/* FIN NU css */

@media screen and (max-width: 480px) {
	.form-group {
  margin-bottom: 0px !important
}
	
	#tabsHorizontal{
		left: 2px !important;
	}
	
	.slide-ofertas {
        min-height: 380px !important;
    }
        .slide-ofertas .carousel-inner .item {
        height: 360px !important;
    }
	
    .destinosCpntentgroup {
        width: 100% !important;
    }
    .destinosCpntentgroup {
        width: 100% !important;
    }
    .section-title {
        font-size: 15px !important;
        text-align: center !important;
		margin-bottom: 10% !important;
    }
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: block;
    }
    .home-carousel-content {
        padding-right: 15px;
        padding-left: 15px;
    }
    .slide-ofertas .slide-ofertas-captions .header-right {
        font-size: 10px;
    }
    .slide-ofertas .slide-ofertas-captions .header-left {
        padding-left: 10px;
    }
    .slide-ofertas .slide-ofertas-captions button {
        font-size: 13px;
        padding: 15px 10px;
    }
    .slide-ofertas .slide-ofertas-captions h3 {
        font-size: 32px;
    }
    html {
        margin: 0;
        margin-top: 80px;
        padding: 0;
        min-height: 100%;
    }
    header {
        /*height: 125px;*/
        /*overflow: hidden;*/
		position: absolute !important;
    }
    #mainContent {
        margin-top: 48px;
    }
    #nav-toggle {
        margin-top: 18px;
    }
    header .logo img {
        /*height: 40px;
        Margin-top: 5%;*/
    }
    header .activeNav {
        top: 125px;
        height: auto;
    }
    /* FIN NU css */
    footer .social {
        text-align: center;
    }
    .nav-inactive {
        visibility: hidden;
    }
    .form-panel {
        margin: 0 15px;
    }
    .section-title-internal {
        padding-left: 0;
        padding-right: 0;
    }
    .section-title-internal h1 {
        line-height: 30px;
        font-size: 30px;
		margin-top: 40px;
		margin-bottom: 10px;
    }
    .section-content-template {
        padding-left: 0;
        padding-right: 0;
        
    }
    .section-content-template .content .headerImage {
        height: 300px;
    }
    .section-content-template .content .headerImage h3 {
        top: 15%;
        margin-left: 15px;
    }
    .section-content-template .content .headerImage h1 {
        top: 25%;
        margin-left: 15px;
    }
    .vuelos-list,
    .car-list,
    .hotel-list {
        margin-right: 0;
    }
    .tab-content-compare {
        margin-right: 15px;
        margin-left: 15px;
    }
    .tabs-head.nav-tabs-one li a {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 15px;
    }
    .cartitem {
        margin-top: 10px;
        margin: 25px;
        margin-left: 25px;
    }
    .list-right-side {
        padding-top: 50px;
        /*height: 190px !important;*/
        max-height: 300px;
        min-height: 120px;
        background-color: none;
    }
    .flight-item .col {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .search-forms .form-navigation li {
        padding-left: 5px;
        padding-right: 5px;
        /*NU height: 55px !important; */
    }
    .search-forms h3 {
        font-size: 24px;
        color: #0099ce;
        font-family: OpenSans-Regular;
        text-transform: uppercase;
    }
    .list-right-side {
        background-color: white;
    }
    .price-float-right button {
        position: absolute;
        top: -108px;
        right: 10px;
    }
    .plan-list-cn .plan-text,
    .hotel-list-item .hotel-text {
        position: relative;
        overflow: hidden;
        margin-left: 15px;
        float: left;
        margin-top: 15px;
        margin-right: 15px;
        /*margin-bottom: 45px;*/
        min-height: 120px;
    }
    .hotel-list .sort-by label,
    .plan-list .sort-by label {
        display: block;
        width: 100%;
        margin-left: 15px;
    }
    .hotel-list .hotel-img,
    .plan-item .plan-img {
        width: 100%;
    }
    .slide-ofertas .slide-ofertas-captions .header-left {
        width: 25%;
    }
    .slide-ofertas .slide-ofertas-captions .header-right {
        width: 75%;
    }
    .featured-service .service-list li {
        display: block;
        width: 100%;
    }
    .car-item .car-photo {
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }
    .car-item .car-name-category {
        text-align: center;
        float: none;
        width: 100%;
    }
    .car-item .car-options {
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
        display: block;
    }
    header .activeNav {
        padding-top: 0;
    }
	
}

@media screen and (min-height: 732px) {
    .destinosCpntentgroup {
        width: 100% !important;
    }
    .destinosCpntentgroup {
        width: 100% !important;
    }
    header .activeNav {
        height: auto;
    }
}

@media screen and (max-height: 732px) {
    .destinosCpntentgroup {
        width: 100% !important;
    }
    header .activeNav {
        height: 82%;
    }
}

@media screen and (max-height: 500px) {
    header .activeNav {
        height: 75%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    footer .social {
        text-align: center;
    }
    .nav-inactive {
        visibility: hidden;
    }
    .form-panel {
        margin: 0 15px;
    }
    .vuelos-list,
    .car-list,
    .hotel-list {
        margin-right: 0;
    }
    .tab-content-compare {
        margin-right: 15px;
        margin-left: 15px;
    }
    .tabs-head.nav-tabs-one li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
    }
    .section-content-template .content .headerImage {
        height: 300px;
    }
    .section-content-template .content .headerImage h3 {
        top: 15%;
        margin-left: 15px;
    }
    .section-content-template .content .headerImage h1 {
        top: 25%;
        margin-left: 15px;
    }
    .home-carousel-content {
        padding-right: 15px;
        padding-left: 15px;
    }
    /* NU css */
    .alrticle-slider .carousel-inner .item {
        height: 300px;
    }
    /* Fin NU css */
}

@media (max-device-width: 480px) and (orientation: landscape) {
    footer .ul-ft {
        text-align: center;
    }
    .nav-inactive {
        visibility: hidden;
    }
    .form-panel {
        margin: 0 15px;
    }
    .list-right-side {
        padding-top: 50px;
        /*height: 190px !important;*/
        max-height: 300px;
        min-height: 120px;
    }
    .flight-item .col {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .plan-list-cn .plan-text,
    .hotel-list-item .hotel-text {
        position: relative;
        overflow: hidden;
        margin-left: 15px;
        float: left;
        margin-top: 15px;
        margin-right: 15px;
        /*margin-bottom: 45px;*/
        min-height: 120px;
    }
    .hotel-list .sort-by label,
    .plan-list .sort-by label {
        display: block;
        width: 100%;
        margin-left: 15px;
    }
    .home-carousel-content {
        padding-right: 15px;
        padding-left: 15px;
    }
    /* NU css */
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: block;
    }
    /* Fin NU css */
}

@media screen and (max-width: 767px) {
    /* NU css */
    .hotel-name {
        margin-right: 0;
    }
    .plan-list-cn .plan-item {
        margin-left: 30px;
        min-height: 500px;
    }
    .hotel-list-cn .hotel-list-item {
        margin-right: 30px;
        margin-left: 30px;
    }
    /* Fin NU css */
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }
    .row-offcanvas-left {
        left: 0;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -80%;
    }
    .sidebar-offcanvas {
        
        top: 0;
        width: 100%;
		
    }
    .activeSideBar {
        left: 80%;
        margin-left: 0;
    }
    .list-right-side {
        padding-top: 5px;
        max-height: 500px;
        min-height: 300px;
        /*height: 140px !important;*/
    }
    .flight-item .col {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .plan-list-cn .plan-text,
    .hotel-list-item .hotel-text {
        position: relative;
        overflow: hidden;
        margin-left: 15px;
        float: left;
        margin-top: 15px;
        margin-right: 15px;
        /*margin-bottom: 45px;*/
        min-height: 120px;
    }
    .hotel-list .sort-by label,
    .plan-list .sort-by label {
        display: block;
        width: 100%;
        margin-left: 15px;
    }
    .plan-list-cn .plan-text {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    footer .social {
        text-align: center;
    }
    .nav-inactive {
        visibility: hidden;
    }
    .tabs-head.nav-tabs-one li a {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 18px;
    }
    .cartitem {
        margin-top: 10px;
        margin: 25px;
        margin-left: 25px;
    }
    header .activeNav {
        padding-top: 40px;
        height: auto;
    }
}

@media (min-width: 992px) {
    #nav-toggle {
        display: none;
    }
    .nav-inactive {
        visibility: visible;
    }
    .slide-destinos-group .carousel-indicators {
        width: 240px;
        float: left;
        top: 20px;
        /* margin-left: -440px; */
    }
    .slide-destinos-group .carousel-indicators li {
        text-indent: 0;
        width: 240px;
        height: 25px;
        line-height: 31px;
        padding-left: 10px;
        border: none !important;
        border-radius: 0;
        font-family: OpenSans-Regular;
        color: white;
        text-transform: capitalize;
        font-size: 14px;
        text-align: left;
        display: block;
        margin-top: 10px;
    }
    .slide-destinos-group .carousel-indicators li.active {
        background-color: white;
        color: #006082;
    }
}

@media (min-width: 1180px) {
    #nav-toggle {
        display: none;
    }
    .nav-inactive {
        visibility: visible;
    }
    .slide-destinos-group .carousel-indicators {
        width: 240px;
        float: left;
        top: 35px;
        margin-left: -30%;
    }
    .slide-destinos-group .carousel-indicators li {
        text-indent: 0;
        width: 240px;
        height: 25px;
        line-height: 31px;
        padding-left: 15px;
        border: none !important;
        border-radius: 0;
        font-family: OpenSans-Regular;
        color: white;
        text-transform: uppercase;
        font-size: 17px;
        text-align: left;
        display: block;
        margin-top: 13px;
    }
    .slide-destinos-group .carousel-indicators li.active {
        background-color: white;
        color: #006082;
    }
}


/* NU css */

@media screen and (max-width: 400px) {
    .vuelos-tarifarias-item table tbody td:first-child .row > div {
        width: 100%;
        text-align: center;
    }
    .plan-item .plan-text {
        padding-right: 0;
    }
    .plan-item .plan-text .price-box {
        padding-left: 0;
        background: none;
        margin: 0;
        position: static;
    }
}


/* Fin NU css */


/*nuevas clases*/

#loading-indicator {
    display: none;
    align-items: center;
    margin: auto;
    position: fixed;
    top: 0%;
    left: 0%;
    transform: translate(0, 0);
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}

.panelFiltros {
    background-color: #fff;
    padding: 10px !important;
    margin-bottom: 12px;
    border: solid 1px #E0E0E0;
    border-radius: 0px 0px 5px 5px;
}

.titleFiltros {
    text-transform: initial;
    color: #0099ce;
    font-size: 17px;
    margin: 0;
    line-height: 20px;
    border-bottom: 1px solid #dedede;
    position: relative;
    padding-right: 5%;
}

.precioPlan {
    margin-top: -10px;
    /*background: url(/archivosApoyo_82/assets/images/bg-border-h.png) repeat-y left top;*/
    min-width: 170px;
}

.priceIns {
    color: #03c;
    font-size: 27px;
    text-decoration: none;
    font-family: OpenSans-Regular;
    font-weight: bold;
    font-style: italic;
}

.priceIns2 {
	color: #273b7b !important;
    font-size: 27px;
    text-decoration: none;
}

.FrmDetallePlan {
    border-radius: 10px;
    padding: 30px;
    background: #F1F1F3;
    border: 1px solid #D3D3D5;
}

.select2-container ul,
.select2-container ul li {
    display: block;
}

.group-star {
    display: inline-block;
    color: #0045ba;
    font-size: 14px;
    width: 106%;
}

.ContenedorResulHotel {
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F2F2F2;
    min-height: 210px;
    padding: 2px;
    border-radius: 10px;
    border: 1px #ddd solid;
}

.center-cropped {
    width: 100%;
    height: 255px;
    overflow: hidden;
}

#resultadoPlanes .center-cropped {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

#resultadoPlanes .center-cropped {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.hotel-name a {
    font-family: OpenSans-Regular;
    text-transform: capitalize;
    color: #5E5E5E;
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    text-decoration: none;
}

.filter {
    padding: 2px 0;
    line-height: 30px;
    font-family: OpenSans-Regular;
    clear: both;
    overflow: hidden;
    position: relative;
}

a img.img-responsive {
    
    border-radius: 6px;
    margin: auto;
}

#mainContent_Hoteles a img.img-responsive {
    height: 100%;
    border-radius: 6px;
    margin: 0px;
    min-width: 100%;
}

.height-all-content {
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}

#hotel-content .carousel-inner .img-responsive.center-block {
    display: block;
    width: 100%;
    height: 100%;
}

.titleInternos {
    line-height: 80px;
    color: #006082;
    text-transform: uppercase;
    border-bottom: 5px solid #ffdb32;
    width: 100%;
}

.container-slider-hotel .carousel-inner {
    border-radius: 5px;
}

.container-slider-hotel .carousel-caption {
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 0 0 10px 25px;
    color: #fff;
    text-align: left;
}

.container-slider-hotel .carousel-indicators {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 15;
    margin: 0;
    padding: 0 25px 25px 0;
    text-align: right;
}

.container-slider-hotel .carousel-control.left,
.container-slider-hotel .carousel-control.right {
    background-image: none;
}

.carousel-inner .center-cropped img {
    object-position: center;
    object-fit: cover;
}

.container-slider-hotel .carousel-control .glyphicon {
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 1);
}

.container-slider-hotel .carousel-control .glyphicon-chevron-right:before,
.container-slider-hotel .carousel-control .glyphicon-chevron-left:before {
    color: #0099ce;
    opacity: 1;
}

.container-slider-hotel .item div {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    object-position: center;
    object-fit: cover;
}

.btnCambiaVuelo {
    color: #ffdc00;
    border: 4px black;
    background-color: #0294cd;
    font-size: 17px;
    width: 15%;
    float: right;
}

.contPasajeros {
    border: 1px solid #ddd;
    margin-bottom: 25px;
    background: #fff;
	border-radius: 5px;
}

.ui-widget-content li {
    display: block;
}

.not-space {
    margin: 0px;
    padding: 0px;

}

.not-space-padding {
    padding: 0px !important;
}

.spacing-top {
    margin-top: 10px;
}

.spacing-left {
    margin-left: 10px;
}

.spacing-right {
    margin-left: -8px;
}

.spacing-bottom {
    padding-bottom: 10px;
}

.section-content-template .container {
    /*background: #FFF;*/
    margin-bottom: 20px;
}

.review-detail.detail-cn {
    margin-top: 20px;
}

.review-tabs {
    background: #f2f2f2;
    padding: 20px 0px 0px 0px;
}

.tabs-head.nav-tabs-one li,
.tabs-head.nav-tabs-one li:last-child {
    border-right: 1px dotted #999;
    border-top: 1px dotted #999;
}

.tabs-head.nav-tabs-one li:first-child {
    border-left: 1px dotted #999;
}

.Detallehabi .table-hover > tbody > tr:hover,
.Detallehabi .table > tbody > tr.active > td {
    background-color: #FFF2BF;
}

#mainContent_Hoteles .tab-content {
    overflow: auto;
    background: #FFF;
}

#hotel-content {
    padding-bottom: 10px;
	margin-top: 0px !important;
}


/*Search Result*/

.search-result {
    background-color: #0045ba;
    padding: 13px 14px;
    width: 100%;
    height: 115px;
    position: relative;
}

.search-result:after {
    position: relative;
    border: 8px solid transparent;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border-bottom: 8px solid #fff;
    border-left: 8px solid #fff;
    bottom: -4px;
    left: -14px;
}

.search-result p {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    font-family: OpenSans-Regular;
    font-style: italic;
}

.search-result p ins {
    font-size: 30px;
    text-decoration: none;
    color: #0045ba;
}

.search-result p span {
    font-size: 17px;
}

.sidebar.sidebar-offcanvas {
    /*background: #FFF;
	z-index : 99;*/
}

.siguenos span {
    /*font-family: 'Grand Hotel', cursive;*/
    font-size: 16px;
    padding-right: 10px;
    color: #fff;
}

.siguenos i {
    padding: 5px;
}

.titleResult {
    font-family: OpenSans-Regular;
    text-transform: initial;
    color: #fff;
    font-size: 25px;
}

.vuelos-compare .visible-xs .leftArrow {
    margin-left: -15px;
}

.vuelos-compare .visible-xs .rightArrow {
    margin-right: -15px;
}

.panel-heading {
    padding: 2px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #E0E0E0;
    margin-top: 0px;
    color: #457F9F !important;
    border-radius: 5px 5px 0px 0px;
}

.labelFiltro {
    color: #5C5C5C !important;
    font-family: OpenSans-Regular !important;
    font-weight: 300 !important;
}

.btnFiltro {
    width: 90%;
    background: #0063FE;
    margin: 15px;
    font-size: 18px;
	color: white;
}

hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.ContentResult {
    background: #0045ba;
    border-radius: 5px;
    height: 2%;
}

.ContentTcs {
    margin-bottom: 20px;
    margin-top: 10px;
}

.vueloHotelContent {
    border: 1px solid #cecece;
    background: #fff;
    min-height: 30px;
    padding: 3px;
}

.btnDetallePlus {
    margin: 13px auto 0;
    float: none;
    padding: 10px;
    text-align: center;
    display: block;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 14px;
    background: #ff5757;
    -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000;
    -moz-box-shadow: inset 0 -15px 0 -10px #bd0000;
    box-shadow: inset 0 -15px 0 -10px #bd0000;
    width: 140px;
    line-height: 30px;
    padding-top: 5px;
    border: none;
}

.tittleResultPlan {
    font-family: OpenSans-Regular;
    text-transform: lowercase;
    font-weight: bold;
}

.BoxPrecioDplan {
    background: #FFDC00;
    height: 200px;
    border-radius: 10px;
    border: 1px solid #FFDC00;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #FFF !important;
    background-color: #0045ba !important;
    border: none !important;
    font-size: 15px !important;
    text-transform: uppercase;
}


/* slide detalle plan */

.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 40px;
    width: 100%;
}


/* Indicators list style */

.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}


/* Indicators images style */

.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}


/* Indicators active image style */

.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}


/* slide detalle plan */

.item-cart {
    background-color: #fcfcfc;
    border: solid 1px #ccc;
    padding: 3px;
    margin-bottom: 10px;
}

.bg-info {
    background-color: #E7E7E9 !important;
}

.titleInfoPlan {
    color: #0045ba;
    font-weight: bold;
    margin-bottom: 25px;
    font-family: OpenSans-Regular !important;
}

.contentTabPlan {
    min-height: 85px;
    margin-top: -10px;
    background: #EFEFF1;
}

.labelRateHotPlan {
    font-family: OpenSans-Regular !important;
    color: #9F9FA1;
    margin-bottom: 15px;
}

.iataCiudVP {
    color: #0198CD;
    font-weight: 700;
    font-size: 16px;
    font-family: OpenSans-Regular !important;
}

.pageBreak {
    page-break-after: always;
}

.UL_Double {
    width: auto;
    margin-bottom: 20px;
    margin: 25px;
}

.UL_Double li {
    width: 50%;
    line-height: 1.5em;
    float: left;
    display: inline;
}

.labelFrmReserva {
    color: #7E7E7E;
    font-weight: 700;
    font-size: 13px;
}


.checkOutIn {
    color: #9A9A9A;
    font-weight: 800;
    font-size: 11px;
}

.checkOutInHora {
    color: #808080;
    font-size: 12px;
}

.boxResumenTop {
    background: #0045ba;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    height: 40px;
}

.boxResumenTop a {
    font-size: 18px;
    color: white;
    text-decoration: none;
}

.labelboxResumen {
    font-size: 12px;
    color: #7F7F7F;
    font-family: OpenSans-Regular;
    padding: 25px;
}

.cityNombDetail {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
    line-height: 15px;
    font-family: OpenSans-Regular;
    color: #273b7b;
}

.separadorEscala {
    background: #273b7b;
    color: #fff;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
}

.colflat {
    padding: 0 7px !important;
}

.colNoMarginL {
    padding-left: 0;
}

.colNoMarginR {
    padding-right: 0;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .1;
    filter: Alpha(Opacity=20);
    background-image: none;
}


}
#MSGModalBody {
    max-height: 400px;
    overflow-y: scroll;
}
.colorPlane {
    color: #0045ba;
}
.colorBuilding {
    color: #333;
}
.colorZone {
    color: #008080;
}
.paddSearch {
    padding-left: 8px;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.colorTittleFilter {
    color:black;
}
.logoGrupoPrecio {
    width: 30px;
    margin: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
	margin-left: 5px;
}
.terminosvivacolombia {
    font-size: 17px;
    color: #000 !important;
    margin-top: 15px;
    margin-bottom: 15px;
}
#partial_input_slider_amount .btn.btn-primary {
    background: #0045ba;
    border: solid 1px #0045ba;
}
.panel-amount-label-slider {
    color: #C2C2C2 !important;
    font-family: OpenSans-Regular !important;
    font-weight: 300 !important;
}
#partial_input_slider_amount .label {
    color: #4B4B4B;
}
#partial_input_slider_amount input.form-control {
    color: #C2C2C2;
    background: #FFF;
    border: solid 1px #C2C2C2;
    border-radius: 5px;
}
#filtroNombreHotel {
    background: #FFF;
    padding-left: 30px;
    border: solid 1px #b8b8b8;
}
#filterNameSearchOpen i,
#filterNameSearchClosed i {
    position: relative;
    top: -29px;
    margin-left: 5px;
    color: #b8b8b8;
    font-size: 22px;
}
#sideFilters a[data-toggle="collapse"][aria-expanded="false"] img,
#divFilters a[data-toggle="collapse"][aria-expanded="false"] img {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* =========================================================
   FIX: panel de filtros visible por defecto en movil
   ---------------------------------------------------------
   #sideFilters es el panel de filtros en Hoteles y en Vuelo+Hotel.
   #sideBarResults es el contenedor equivalente en Vuelos (ahi
   #sideFilters es solo el contenido interno, no el que hay que
   ocultar). Bootstrap los apila a ancho completo (col-xs-12) pero
   nunca existio una regla que los ocultara por defecto: por eso
   se veian siempre, sin esperar a que se presione "FILTROS", y en
   Vuelos el primer toque del boton hacia lo contrario de lo
   esperado (los cerraba en vez de abrirlos, porque el JS los
   encontraba ya visibles).

   Sin !important a proposito: toggleFilterSide() mete
   "display:block"/"display:none" inline por jQuery al togglear, y
   un inline style sin !important ya gana sobre esta regla sin
   necesitar !important aqui. Si le pusieramos !important, el
   boton de FILTROS nunca podria volver a mostrarlos.
   ========================================================= */
@media (max-width: 767px) {
    #sideFilters,
    #sideBarResults {
        display: none;
    }
}
.cellHeadCal {
    font-size: 78%;
    font-weight: bold;
    background-color: #f5f5f5;
}
.columnCalendar {
    display: table-column;
    height: 100%;
    width: 105px;
    border: 1px solid #ddd;
    float: left;
}
.CellCalendar {
    height: 40px;
    width: 103px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    font-size: 80%;
}
.calendarContainer {
    background-color: #fff;
    display: table-cell;
    padding: 10px;
}
.CellCalendar:hover {
    background-color: #f5f5f5;
    color: #000;
}
.best-price {
    background-color: #ffdb32;
}
.low-price {
    background-color: #0045ba;
}
.low-price a {
    color: black;
}
.low-price a:hover {
    color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: #fdd856;
}

/*estilos para las familias tarifarias*/

/* Familias tarifarias */
.vuelos-tarifarias-item {
    margin-bottom: 30px;
    clear: both;
}
.vuelos-tarifarias-item .aerolinea-head {
    padding: 10px 0px;
}
.vuelos-tarifarias-item table {
    width: 100%;
    margin-top: 10px;
}
.vuelos-tarifarias-item table th,
.vuelos-tarifarias-item table td {
    text-align: center;
    border-bottom: 1px #fff solid;
    font-size: 11px;
}
.vuelos-tarifarias-item table td {
    padding: 5px 0;
}
.vuelos-tarifarias-item table td:not(.agotado) {
    cursor: pointer;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.vuelos-tarifarias-item table td:not(.agotado):hover {
    opacity: 0.8;
    moz-opacity: 0.8;
    filter: alpha("opacity=80");
}
.vuelos-tarifarias-item table th:first-child,
.vuelos-tarifarias-item table td:first-child {
    text-align: left;
    border-bottom: 1px #eee solid;
}
.vuelos-tarifarias-item table tr:last-child td {
    border-bottom: none;
}
.tooltip-table {
    display: none;
}
.vuelos-tarifarias-item table th div.titulofamilia {
    padding: 10px 0;
    cursor: pointer;
}
.vuelos-tarifarias-item table th:first-child {
    min-width: 260px;
}
.vuelos-tarifarias-item table td span {
    /*color: #555;*/
    
    display: block;
}
.vuelos-tarifarias-item table td div {
    padding-top: 1px;
    padding-bottom: 1px;
}
.vuelos-tarifarias-item table tr:first-child th:first-child {
    font-size: 13px;
}
.vuelosRow .tooltipster-base table td,
.tooltipster-base table th {
    border-bottom: 1px #ddd solid;
    padding: 5px 0;
}
.tooltipster-base table {
    margin: 8px 0;
}
.tooltipster-base table tr:last-child td,
.tooltipster-base table tr:last-child th {
    border-bottom: none;
}
.vuelos-tarifarias-item table td.agotado {
    opacity: 0.6;
    moz-opacity: 0.6;
    filter: alpha("opacity=60");
}
table.tabla-detalle-vuelo td {
    font-size: 11px;
}
table.tabla-detalle-vuelo tr {
    background-color: #ddd;
}
table.tabla-detalle-vuelo tr.panelDetail-white {
    background-color: #fff;
}
table.tabla-detalle-vuelo .tiles {
    font-size: 18px;
    font-weight: bold;
    display: block;
}
table.tabla-detalle-vuelo strong {
    color: gray;
}
.vuelos-tarifarias-item hr {
    margin: 10px 0;
}
.headFamilyAV {
    background-color: #FF0000;
    color: white;
}

.headFamilyLA {
    background-color: #4C74A5;
    color: white;
}

.headFamilyVH {
    background-color: #fae740;
    color: #001f5f;
}


.headFamilyVE {
    background-color: #cdddea;
    color: #000;
}

.headFamily9R {
    background-color: #36a7df;
    color: #ffffff;
}

.headFamilyH2{
    background-color: #008bcc;
    color: white;
}
.headFamilyJA{
    background-color: #00ABC8;
    color: white;
}

/* Fin Familias tarifarias */

/* fin de los estilos de familias tarifarias*/
.buynowFamily {
    margin: 13px auto 10px;
    float: right;
    padding: 10px !important;
    display: block;
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 14px;
    background: #ff5757;
    -webkit-box-shadow: inset 0 -15px 0 -10px #bd0000;
    -moz-box-shadow: inset 0 -15px 0 -10px #bd0000;
    box-shadow: inset 0 -15px 0 -10px #bd0000;
    width: 140px;
    padding-top: 5px;
}
.popover {
    z-index: 1060;
    display: none;
    padding: 1px;
    font-size: 14px;
    width: 500px !important;
    max-width: 550px !important;
}
.slash {
    position: absolute;
    height: 2px;
    width: 25px;
    top: 18px;
    left: 57px;
    border-bottom: 1px solid #888;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.modalFamilyDes {
    width: 60%;
    padding-bottom: 10px;
    border-bottom: 1px solid #cecece;
}
.cloneSelect {
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url("../images/select-arrow.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 1px top 1px !important;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*contenido nuestros destinos*/
.NDcontainer {
    margin-bottom: 15px;
    margin-top: 90px;
}
.NDspan {
    text-align: justify;
    font-family: OpenSans-Regular;
    margin-top: 22px;
    font-size: 16px;
    color: #999;
}
.NDTittle {
    margin-top: 30px;
    margin-bottom: 18px;
    font-size: 30px;
    font-family: OpenSans-Regular;
}
.subscribe {
    margin-top: 30px;
    margin-bottom: 40px;
    font-family: OpenSans-Regular;
}
.embed-responsive-4by3 {
    padding-bottom: 40% !important;
}

.AVsuperpromo {
    background: rgba(255, 219, 50, 0.5);
}

.AVeconomica {
    background: rgba(255, 219, 50, 0.7);
}

.AVejecutivapromo {
    background: rgba(255, 83, 83, 0.4);
}

.AVflexi {
    background: rgba(255, 83, 83, 0.2);
}

.AVejecutiva {
    background: rgba(255, 83, 83, 0.6);
}

.LApromo {
    background: rgba(76, 116, 165, 0.2)
}

.LAlight {
    background: rgba(76, 116, 165, 0.3);
}

.LAplus {
    background: rgba(76, 116, 165, 0.4);
}

.LAtop {
    background: rgba(76, 116, 165, 0.5);
}

.FCeconomica {
    background: #fae740;
    color: #001f5f;
}

.VEeconomica {
    background: #cdddea;
    color: #001f5f;
}

.STeconomica {
        background: #36a7df;
    color: #fff;
}
.offer {
    background-color: red;
    color: white;
    z-index: 1;
    width: 116px;
    text-align: center;
    position: absolute;
}
.DestinoDescription {
    color: #9e9e9e;
}
.DestinoDescriptionh3 {
    font-family: "OpenSans-Regular";
    color: #0099ce;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.destinosCpntentgroup {
    border: 2px solid #9e9e9e;
    margin-bottom: 10px;
    border-radius: 8px;
    width: 32%;
    margin: 5px;
}
[id^="gallery-slider"].gallery-slider {
    right: 0px;
}
#sliderHomeMainv3 .item > img {
    width: 100%;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #sliderDestinosv3 .carousel-indicators {
        margin-left: -38%;
    }
    
    .slide-destinos-group .slide-destinos-group-captions {
        left: 35%;
    }
	.width-buscador
	{
		width:14%;
	}
	.width-buscador-inputN
	{
		width:22%;
	}
	.width-buscador-inputP
	{
		width: 9%;
	}
	.margin-botton-buscador
	{
		margin-left: 4%;
	}
}
@media screen and (min-width: 1400px) {
    #sliderDestinosv3 .carousel-indicators {
        margin-left: -30%;
    }
    
    .slide-destinos-group .slide-destinos-group-captions {
        left: 35%;
    }
	.width-buscador
	{
		width:14%;
	}
	.width-buscador-inputN
	{
		width:22%;
	}
	.width-buscador-inputP
	{
		width: 9%;
	}
	.margin-botton-buscador
	{
		margin-left: 4%;
	}
}
.DestinoDescription {
    color: #9e9e9e;
}
.DestinoDescriptionh3 {
    font-family: "OpenSans-Regular";
    color: #0099ce;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.destinosCpntentgroup {
    border: 2px solid #9e9e9e;
    margin-bottom: 10px;
    border-radius: 8px;
    width: 32%;
    margin: 5px;
}
.DestinoContTable {
    border: 1px solid #999;
    padding: 20px;
    border-radius: 5px;
    background: #FFFFFF;
}
.DestinoTable:hover {
    color: #0099ce;
}
.img-responsive.img-plan-detail {
    border-radius: 6px 0px 0px 6px;
    margin: 0px;
}
#sliderHomeMainv2 a img.img-responsive {
    border-radius: 6px 6px 0px 0px;
}
.goPlanDetails.img-plan-detail {
    width: 100%;
}
.content-fligts-own {
    background: #FFF;
    border: 1px solid #D3D3D5;
    border-radius: 6px;
    padding: 15px 25px;
}
.content-fligts-own-itinerary:nth-child(2n) {
    border: 1px dashed #D3D3D5;
}
.content-hotel-own {
    margin: 15px 0px 0px 0px;
}
.content-fligts-select-radio {
    margin-top: 10px;
}
.detail-package-hotel-title {
    text-align: center;
    color: #8d8d8d;
    font-weight: bold;
}
.detail-package-hotels {
    background: #FFF;
    border: 1px solid #D3D3D5;
    border-radius: 6px;
}
.detail-package-hotels > div {
    padding: 1px 10px;
}
.detail-package-hotels-content-buy {
    
    margin: 0px;
    border-top: 1px solid #D3D3D5;
    margin-top: 20px;
}
.detail-package-hotel-content {
    color: #8d8d8d;
}
.detail-package-hotel-content-separator {
    border-top: 1px solid #D3D3D5;
    padding: 5px 0px;
}
.detail-package-hotel-content-separator:last-child {
    border-top: 0px;
    padding: 5px 0px;
}
.detail-package-hotels .clearfix.visible-xs-block {
    padding: 5px 0px;
    margin: 5px 0px;
    border-bottom: 1px solid #d3d3d5;
}
.detail-package-hotels .clearfix.visible-xs-block:last-child {
    padding: 5px 0px;
    margin: 5px 0px;
    border-bottom: 0px;
}
.article-slide .carousel-indicators li.display-mobile {
    width: 18% !important;
}
.article-slide .carousel-indicators li.display-mobile img {
    min-width: 100%;
}
.carousel.slide .item.center-cropped > img.img-responsive.center-block {
    min-width: 100%;
    max-height: 100%;
    border-radius: 10px;
    min-height: 95%;
    margin: 0px 0px 10px;
}
.carousel.slide .item.center-cropped.list-right-side {
    padding-top: 0px;
    margin: 0px;
    background-color: #f2f2f2 !important;
}


.tittleprodPedidos {
    color: #0080A2;
    font-weight: 700;
    font-size: 22px;
    padding: 10px;
}

.airline-logoPeq {
    height: auto;
    max-width: 80px;
    max-height: 30px;
    padding-top: 5px;
}

.airline-logoMed {
    height: 30px;
}

.airline-logoBG {
    background-size: auto 25px !important;
}


.welcome{
	float: left;
    margin-left: 75%;
    margin-top: -30px;
    color: white;
}

.confidence-subscribe {
    margin-top: 30px;
}

.bg-3 {
    background-image: url(/archivosApoyo_30/images/bg/Background-suscribe.jpg);
    background-position: center;
    !important: ;
}

.bg-4 {
    background-image: url(/archivosApoyo_30/images/bg/background-interes.jpeg);
    background-position: center;
    !important: ;
}

.confidence-subscribe .cs-sb-cn {
    position: relative;
}

.confidence-subscribe .row {
    margin-left: 0px;
    margin-right: 0px;
}
.confidence-subscribe .row [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.confidence {
    padding: 1px 30px;
    position: relative;
    z-index: 1;
    background-color: #0f306d;
}
.confidence h3 {
    color: #fff;
    font-size: 24px;
    margin: 0;
    line-height: 28px;
    padding: 43px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.confidence ul {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}
.confidence ul li {
    position: relative;
    padding-left: 55px;
    padding-bottom: 30px;
}
.confidence ul li span {
    height: 35px;
    width: 35px;
    display: block;
    text-align: center;
    line-height: 33px;
    color: #ffffff;
    font-size: 16px;
    font-family: 'Open sans';
    font-weight: 300;
    position: absolute;
    top: 4px;
    left: 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.confidence ul li h5 {
    color: #fff;
    margin: 0;
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;
}
.confidence ul li p {
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #fff;
    font-family: "OpenSans-Regular Neue",OpenSans-Regular,Arial,sans-serif;
    line-height: 20px;
}
.subscribe {
    z-index: 1;
    position: relative;
    padding: 0px 30px 30px 30px;
}
.subscribe h3 {
    color: #111111;
    font-size: 24px;
    margin: 0;
    line-height: 28px;
    padding: 43px 0;
    border-bottom: 1px solid #e6e6e6;
}
.subscribe .subscribe-form {
    margin-top: 10px;
    border: 1px solid #dedede;
    padding-left: 70px;
    padding-right: 170px;
    background: url(../images/icon-newsletter.png) no-repeat top left;
    height: 54px;
    position: relative;
}
.confidence-subscribe .cs-sb-cn:before {
    display: block;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 50%;
    bottom: 0;
    content: '';
    position: absolute;
}
.subscribe .subscribe-form .subscribe-input {
    padding: 15px 18px;
    color: #999999;
    font-size: 16px;
    font-family: Georgia;
    font-style: italic;
    background-color: transparent;
    width: 100%;
    border: 0;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.subscribe .subscribe-form:after {
    position: absolute;
    display: block;
    width: 1px;
    height: 35px;
    content: '';
    background-color: #dedede;
    right: 170px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.subscribe .subscribe-form .awe-btn {
    position: absolute;
    right: 0;
    top: 0;
    border-width: 0;
    padding-left: 15px;
    line-height: 50px;
}
.subscribe .subscribe-form .awe-btn:hover {
    border-color: none;
    background-color: transparent;
}



.awe-btn.awe-btn-5.awe-btn-lager {
    font-size: 14px;
}

.awe-btn.awe-btn-5 {
    color: #333333;
    background-color: #fff;
    font-family: 'Lato';
    letter-spacing: 1px;
    font-weight: normal;
}
.awe-btn.arrow-right {
    padding-right: 25px;
    padding-left: 20px;
    background-position: right 20px center;
    
}
.awe-btn.awe-btn-5:hover {
    background-color: #fbfbfb;
    color: #ff881e;
}
.awe-btn.arrow-right:hover {
    background-position: right 10px center;
}
.title-wrap {
    background-color: #fff;
    padding: 5px;
    width: 100%;
}

.magazine-cn {
    margin-top: 1px;
    background-color: #fff;
}
.magazine-cn .row {
    margin-left: 0px;
    margin-right: 0px;
}
.magazine-cn .row [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}


.thumnail-item {
    position: relative;
    cursor: pointer;
    background: url(../images/bg-border-v.png) repeat-x bottom left;
}

.thumnail-item figure {
    position: relative;
    z-index: 1;
}

.thumnail-item:hover figure:before, .thumnail-item.active figure:before, .thumnail-item:hover figure:after, .thumnail-item.active figure:after {
    opacity: 1;
    visibility: visible;
}

.thumnail-item figure:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    position: absolute;
    border: 6px solid #0045ba;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.thumnail-item .thumnail-text {
    padding: 15px 15px 15px 30px;
    display: table-cell;
}
.thumnail-item .thumnail-text h4 {
    color: #111111;
    font-size: 18px;
    margin: 0;
    line-height: 27px;
    font-weight: 300;
}

.thumnail-item .thumnail-text span {
    line-height: 20px;
    color: #666666;
    font-size: 14px;
    font-style: italic;
}


.float-left {
    float: left;
}

.sales-cn {
    overflow: hidden;
}
.sales-cn .row {
    margin-left: 0;
    margin-right: 0;
}
.sales-cn [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.sales-item {
    background-color: #fff;
    position: relative;
    clear: both;
}
.sales-item .home-sales-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.sales-item .home-sales-img img {
    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}
.sales-item .home-sales-img:after {
    display: block;
    content: '';
    height: 0;
    width: 0;
    border: 14px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-bottom-color: #fff;
}
.sales-item .home-sales-text {
    padding: 0px 0px 0px 10px;
}

.sales-item .home-sales-text .home-sales-name-places .home-sales-name a {
    font-size: 20px;
    color: #111111;
    font-weight: 300;
    text-decoration: none;
    line-height: 8px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.sales-item .home-sales-text .price-box {
    line-height: 28px;
}
.sales-item .home-sales-text .price-box .price.special-price {
    font-size: 18px;
    color: #0045ba;
}
.sales-item .home-sales-text .price-box .price {
    color: #999999;
    font-size: 14px;
    font-family: "OpenSans-Regular Neue",OpenSans-Regular,Arial,sans-serif;
    display: block;
}
.sales-item .home-sales-text .price-box .price.special-price small {
    color: #999999;
    font-size: 14px;
}
.destinations-cn {
    position: relative;
}
    .bg-2 {
   /* background-image: url(/archivosApoyo_30/images/bg/Background-destinos.jpg);*/
   background: #fff;
}

.destinations-cn .destinations-grid {
    background-color: #f1f1f1;
    overflow: hidden;
}
.destinations-cn .destinations-grid [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.destinations-item {
    background-color: #fff;
    clear: both;
    position: relative;
}
.destinations-item .destinations-text {
    display: table-cell;
    padding: 10px 20px;
    height: 100px;
    vertical-align: middle;
}
.destinations-item .destinations-text .properties-nb {
    color: #777777;
    font-size: 14px;
    line-height: 25px;
}
.destinations-item .destinations-img {
    overflow: hidden;
    position: relative;
}
.destinations-item .destinations-img img {
    width: 100%;
}

.dropdown-menu {
	top: 95% !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
background-color: rgba(0,0,0,.075) !important;
}


.ConteTabPlan{
    padding: 10px;
    text-align: justify;
}
.h5, h5 {
    font-size: 14px;
    font-weight: 800;
}

#pie .container .row ul li {
    font-size: 12px;
    padding: 3px 0;
	color: white;
}
#pie .container .row ul li a {
    font-weight: 300;
	color: white !important;
}

#pie .redes a {
    height: 34px;
    width: 34px;
    text-align: center;
    font-size: 20px;
    border-radius: 17px;
    display: inline-block;
    line-height: 34px;
    background-color: #fff;
    color: #5d5d5d!important;
    margin: 2px;
}

.red-facebook, .red-instagram, .red-twitter, .red-youtube {
    transition-property: background-color;
    transition-duration: .4s;
}


#pie .container .row a:hover {
    color: #000;
    text-decoration: dotted;
}

.bg-lineas-top, .bg-lineas-bottom {
    background-position: left top;
    background-repeat: no-repeat;
}

.bg-lineas-bottom {
    background-position: left top, right center;
	background-color: white;
}

#filtro-top {
    padding: 0px 0 15px;
    position: relative;
    z-index: 5;
	width: 85%;
	margin-left: 8%;
	/*box-shadow: 0px 3px 4px #0000007a;*/
	/*margin-top: -10%;*/
	/*border-radius: 10px;*/
}
@media (max-width: 768px) {
#filtro-top {
    padding: 90px 0 15px;
    position: relative;
    z-index: 5;
    width: 94%;
    margin-left: 3%;
    /* box-shadow: 0px 3px 4px #0000007a; */
    /* margin-top: 3%; */
    /* border-radius: 10px; */
    /* border-top: 1px solid rgba(0, 0, 0, 0.42); */
    margin-top: -56px;
}
}

/*.degradado {
    color: #000;
    background: #fff;
    opacity: 1;
}*/

#filtro-top .container {
    position: relative;
}
#tabsHorizontal {
    position: absolute;
    left: 1%;
    bottom: 100%;
    margin-bottom: 20px;
    padding: 0;
	margin-left: 10px;
}
.nav-control {
    border-bottom: none;
    text-align: center;
    padding-top: 35px;
}
    .nav-control > li:first-child {
        border-left: none;
    }
    .nav-control > li {
        margin: 0;
        margin-right: 2px;
        border: none;
    }

        .nav-control > li > a {
            margin: 0;
            border: none;
            border-radius: 0;
            position: relative;
            display: block;
            color: #000;
            padding: 5px 10px;
            background-color: #fff;
			box-shadow: 0px 1px 0px  #a4a1a17a;
            /*filter: brightness(0) invert(1);*/
        }
            .nav-control > li.active > a, .nav-control > li.active > a:hover, .nav-control > li.active > a:focus, .nav-control > li > a:hover, .nav-control > li > a:focus {
                background-color: #fff !important;
                color: #000 !important;
                filter: brightness(1) invert(0);
				box-shadow: 0px 4px 0px #a4a1a17a;
            }
.nav-hover {
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
    text-transform: uppercase;
	color: #263870;
}

#filtro-top .radio, #filtro-top .checkbox {
    margin: 0;
    padding-top: 32px;
}


.btn-icon {
    padding: 10px 10px;
    padding-left: 35px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 25px !important;
}

.btn-link {
    color: #7b7878;
    border-radius: 0;
    text-transform: uppercase;
    padding: 20px;
    font-size: 12px;
	margin-left: -0.5%;
}

#btnOpcAvanced {
    background-image: url(../images/icono_opciones.svg);
/* 	padding-left: 25px; */
}

.nav > li > a > img {
    width: 35px;
    display: inline-block;
}


.btnVoos {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 20px;
    border-radius: 10px;
    border: none;
    letter-spacing: 2px;
    min-width: 130px;
    font-weight: 300;
    background: #ff5757 !important;
    color: #fff !important;
}

    .btnVoos:hover {
        opacity: 1;
        background-color:#bf4040 !important;
        color: #fff !important;
    }
section#multiple-box {
    margin-bottom: 0;
    margin-top: -1px;
    background: #f8f8f8;
    padding-top: 22px;
    padding-bottom: 30px;
}
#multiple-box h2 {
    text-align: center;
    width: 50%;
    margin: 17px auto 30px;
	font-weight: 600;
    margin-top: 30px;
}
.icon-bx {
    border: 0 solid #5b5b5b;
    background: #f8f8f8;
    padding: 0 20px 0 20px;
    margin-bottom: 0;
    min-height: 300px;
    text-align: center;
}

.icon2 {
    background: none !important;
    height: auto !important;
}
.icon2 a img {
    vertical-align: middle;
    display: inline-block;
    margin-top: 11px;
    margin-right: 10px;
}

.txt-bx {
    margin-top: 20px;
    width: 100%!important;
    text-align: justify;
}
.icon-bx .txt-bx p {
    color: #888686;
}

.itemRecomendation:hover {
    background: #ededed;
    border: 1px solid #253755;
    border-radius: 10px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #0045ba !important;
    border-color: #0045ba !important;
	}

.itemRecomendation:hover {
    background: #ededed;
    border: 1px solid #253755;
    border-radius: 10px;
}

.sales-cn .sales-item:after {
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    left: -1px;
    content: '';
    background: url(../images/bg-border-h.png) repeat-y top left;
    z-index: 1;
}
.sales-item:hover .home-sales-img img {
    opacity: 0.5;
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
}

/*---------- MonthPicker ------------*/

.month-picker {
 display:inline-block;
 position:absolute;
 z-index:9999;
}
.month-picker table {
 border-collapse:separate;
 border-spacing:2px 2px;
}
.month-picker td {
 padding:0
}
.month-picker .ui-button-text {
 padding:.4em 0
}
.month-picker-header {
 margin:3px 3px 0
}
.month-picker-year-table {
 width:100%;
 -ms-user-select:none;
 -moz-user-select:-moz-none;
 -khtml-user-select:none;
 -webkit-user-select:none;
 user-select:none
}
.month-picker-year-table a {
 border:1px solid transparent
}
.month-picker-year-table .ui-button {
 font-size:1.1em;
 width:1.5em;
 height:1.5em;
 cursor:default;
 margin:0
}
.month-picker-year-table .month-picker-title {
 text-align:center
}
.month-picker-year-table .month-picker-title .ui-button {
 font-size:1em;
 padding:.1em 0;
 width:100%;
 font-weight:700
}
.month-picker-year-table .ui-button-text {
 padding:0
}
.month-picker-month-table td {
 height:35px;
 text-align:center
}
.month-picker-month-table .ui-button {
 width:4.2em;
 margin:.2em;
}
.month-picker-open-button {
 height:20px;
 width:20px;
 vertical-align:bottom
}
.month-picker-invalid-message {
 display:none;
 background-color:#ff0
}
.month-picker-disabled {
 background-color:#e1e1e1
}

/*-----------------------NUEVOS ESTILOS RAYS--------------------*/

.logosrays {
	width: 155px !important
}

.expe {
    background-color: #0045ba;
    color: #fff;
    width: 20%;
    padding: 10px;
    text-align: left;
    bottom: -4%;
	border-radius: 10px 0px 0px;
}

.equip {
    margin-top: 1%;
}

.botonV {
	margin-left: 35.5%;
}

.Chancepwd{
    color: #273b7b;
    font-size: 18px;
    font-weight: 700;
}

.Opadvance {
	cursor: pointer;
	margin-top: 50px;
	color: #0045ba;
	top: 25%;
	left: 2.5%;
	/* position: absolute; */
}

.MessageP {
    margin-bottom: 5px;
    padding-top: 2px;
    border-bottom: 1px solid #eee0;
    margin-left: 0px;
    margin-right: 0;
    color: #717171;
    padding-top: 0px;
}

.MessageP span {
    display: block;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 0.3px;
    color: #0045ba;
    font-family: 'Poppins', sans-serif;
}

.contconfirmacion {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background-color: #fcf8e3;
    border-radius: 5px;
}

.boxResumenTop {
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
}

.mayuscula {
    text-transform: uppercase;
}

.texto12real {
    /*font-family: "Titillium Web";*/
    font-size: 12px;
}

.margintop10 {
    margin-top: 10px;
}

.fontw {
	font-weight: 700;
	font-size: 11px;
}

.flechadescripcionvuelosalineacion {
    text-align: center;
}

.boxResumenReserva {
    background-color: #d9edf7;
    margin: 0px -20px;
    padding: 0 5px;
}

.verpoliticas {
    font-family: "Titillium Web", sans-serif;
    border: #0045ba solid 2px;
    height: auto;
    padding: 6px 10px;
    display: inline-block;
    color: #0045ba;
    vertical-align: middle;
    border-radius: 5px;
}

.marginTopR {
	margin-top: 0.5%;
}

.tituloSecciones {
    font-family: "Titillium Web", sans-serif;
    color: #008bcc;
    font-size: 32px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 10px;
    text-transform: uppercase;
}

.busqintcolor{
	background:#ffffff;
	border-radius: 10px;
	border-radius: 10px;
    border: 1px solid #f1f1f1;
    box-shadow: 0px 0px 20px #cccccc57;	
}

.btncolor{
	margin: 12px;
    background-color: #ff4a62 !important;
}

.CToWUd {
    width: auto;
    height: auto;
}

.form-control{
	font-size: 13px !important;
}

.btnpos{
	margin:12px;
	float:right;
}

.busqinthead{
	background: #0045ba;
	border-radius: 3px;
}

/*---------------Plugin----------------*/
.container-Passenger {
    background-color: #fff !important;
    width: 240px !important;
    position: absolute !important;
    left: 31px;
/* 	top: 58px; */
    border-radius: 3% !important;
    z-index: 999 !important;
    display: none;
	box-shadow: 0px 3px 4px #0000007a;
}

 

.label-Passenger {
    margin-top: 10px !important;
	margin-left: 7px !important;
	font-size: 15px !important;
	color: #000 !important;
	font-family: Titillium Web, sans-serif !important;
	font-weight: 200 !important;
	width: 56px !important;
}

 

.container-Table-Passenger {
    margin-top: 4px !important;
    display: table !important;
}

 

.label-NewHab-Passenger {
    font-size: 18px !important;
    color: #000 !important;
    margin-top: 16px !important;
    left: 31px !important;
    cursor: pointer !important;
    font-family: Titillium Web, sans-serif !important;
    font-weight: 200 !important;
}

 

.span-Delete-Passenger {
    float: right !important;
    margin-top: 16px !important;
    cursor: pointer !important;
    color: #0045ba !important;
}
.span-Delete-Passenger:hover{
	color: #ff0000 !important;
}
 

.title-Hab-Passenger {
    margin-top: 16px !important;
    margin-bottom: 0px !important;
    color: #000 !important;
}

.PassInfoDiv {
     background-color: #fff;

    
    padding-right: 0px;
	padding: 12px;
}

.contMarginPassenger {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.IfPassSt {
	padding-left: 0px;
	
}

.AdtsSt {
	color: #000 !important;
	width: 30px !important;
	margin-right: -10px !important;
	margin-left: 4px !important;
	padding-right: 5px;
	padding-left: 9px !important;
	font-size: 16px !important;
	border-bottom-color: transparent !important;
	margin-bottom: -23%;
	height: 30px;
}

.MgButton {
	margin-top: 20px;
	/*margin-left: 21px;*/
}

.btn-success {
    color: #fff !important;
    background-color: #0045ba !important;
    border-color: #0045ba !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #0045ba !important;
    border-color: #0045ba !important;
}

.btn-danger {
    color: #fff;
    background-color: #777 !important;
    border-color: #777 !important;
}

.btn-danger:hover {
    color: #fff;
    background-color: #777 !important;
    border-color: #777 !important;
}

.slicknav_nav {
	background:#fff !important;
}

header .navigation li a {
    color: #111 !important;
	display: block;
	line-height: 30px;
	padding: 0 16px;
	font-size: 15px;
	font-weight: 700;
	padding: 10px;
}

.labelVinterno{
	margin-left: 5px;
	padding: 5px;
	height: 40px;
	width: 40px;
}

.VHbinterno{
	margin-left: 5px;
	height: 20px; 
	width: 20px;
}

.VHbinterno2{
	margin-top: -5px; 
	height: 20px; 
	width: 20px;
}

.labelVHinterno{
	font-size: 17px; 
	margin: 0px 5px;
}

.OpcAvancedVH{
	cursor: pointer;
	margin-top: 7px;
	color: #E8CB00;
	margin-left:10px;
}

.colortext{
color: #fff;
font-weight:700;
}

.label_edades-assitencia {
    padding: 6px 12px;
    width: 10%;   
    border: 1px solid #ccc;
    border-radius: 6px;
	color: black;
}

.Insulogo {
	width: 63.5%;
	margin-top: 16%;
}
@media screen and (max-width: 768px) {
.label_edades-assitencia {
    padding: 6px 12px;
    width: 30% !important;   
    border: 1px solid #ccc;
    border-radius: 6px;
	color: black;
}


.Insulogo {
	width: 45%;
}

.center-mobile {
	text-align: center;
}
.capitalize {
  text-align: center;
}
.titlepack {
  text-align: center;
}
}
.titlepack {
  padding: 10px;
}

.label_edades-assitencia2 {
    padding: 6px 12px;
    width: 10%;   
    border: 1px solid #ccc;
    border-radius: 6px;
	display:none;
}

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

.label_edades-assitenciainterno {
    padding: 6px 12px;
    width: 30%;   
    border: 1px solid #ccc;
    border-radius: 6px;
}

.label_edades-assitenciainterno2 {
    padding: 6px 12px;
    width: 30%;   
    border: 1px solid #ccc;
    border-radius: 6px;
	display:none;
}


h3.hotelDetail a {
    font-size: 24px !important;
	line-height: 20px !important;
	font-weight: 900;
}

 

h3.hotelDetail {
    font-size:20px;
}

.tsResponse { font-weigth:bold; font-size: 14px; color: red }
.tsAprobada {color: green; }

/*inici buscador iterno*/
.tituloSecciones {
font-family: "Titillium Web", sans-serif;
color: #0045ba;
font-size: 32px;
display: inline-block;
vertical-align: middle;
padding-left: 10px;
padding-top: 10px;
text-transform: uppercase;

}


.modificarbusqueda {
color: #fff;
border-style: none;
border-width: 0;
border-color: none;
border-radius: 0;
margin: 0;
font-size: 14px;
padding: 0;
}

@media screen and (max-width: 768px) {
.modificarbusqueda {
color: #fff !important;
border-style: solid !important;
border-width: 1px !important;
border-color: #fff !important;
border-radius: 5px !important;
margin: 10px -5px 5px -5px !important;
font-size: 11px !important;
padding: 8px !important;
}

.tituloSecciones {
font-size: 20px !important;
margin-top: -14%;
}
.texto_centrado_mobile {
text-align: center !important;
}

}

.verfiltrosmobile {
background-color: #fff;
color: #273b7b;
border-color: #273b7b;
text-align: center;
position: fixed;
z-index: 10000;
left: 110px;
right: 110px;
bottom: 50px;
box-shadow: 0 8px 17px 0 rgba(0,0,0,.1),0 6px 20px 0 rgba(0,0,0,0.09)!important;
border-style: solid;
border-width: 2px;
font-size: 11px;
padding: 9px;
border-radius: 5px;
}

/* =============================================================
   BOTÓN FLOTANTE WHATSAPP — mejora visual
   Clases 100% nuevas (lth-wa-*). No modifica ids, data-ccw
   ni las clases propias del plugin (chip, style-4, ccw-analytics).
   El !important es necesario para vencer el style inline del plugin.
   ============================================================= */

.lth-wa-link {
    text-decoration: none !important;
}

.lth-wa-chip.chip.style-4.ccw-analytics {
    background: #25D366 !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    padding: 12px 20px 12px 14px !important;
    border-radius: 50px !important;
    box-shadow: 0 6px 20px -4px rgba(37, 211, 102, .55), 0 2px 8px rgba(0,0,0,.12);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    transition: transform .2s ease, box-shadow .2s ease;
    cursor: pointer;
}

.lth-wa-chip.chip.style-4.ccw-analytics:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 26px -4px rgba(37, 211, 102, .65), 0 4px 12px rgba(0,0,0,.16);
}

.lth-wa-icon.ccw-analytics {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain;
    flex-shrink: 0;
}

.lth-wa-text {
    white-space: nowrap;
}

/* Mobile: solo ícono, botón circular, sin texto */
@media (max-width: 767px) {
    .lth-wa-chip.chip.style-4.ccw-analytics {
        width: 56px !important;
        height: 56px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        justify-content: center;
        box-shadow: 0 6px 18px -3px rgba(37, 211, 102, .6), 0 2px 8px rgba(0,0,0,.14);
    }

    .lth-wa-icon.ccw-analytics {
        width: 30px !important;
        height: 30px !important;
    }

    .lth-wa-text {
        display: none !important;
    }
}
span.glyphicon.bg-white {
color: rgb(51, 122, 183);
}

.CToWUd {
width: auto !important;
height: auto !important;
}

.botoncitoCerrar {
float: right;
margin-top: -12px;
margin-right: -12px;
}

a.fa.fa-plus.controlRoomColor {
color: #fff;
}

a.fa.fa-minus.controlRoomColor {
color: #fff;
}

a.fa.fa-plus.controlRoomColor:hover {
color: #555555;
}
a.fa.fa-minus.controlRoomColor:hover {
color: #fff;
}
/*fin buscador interno*/

.table-family {
    height: 47px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,.12);
    padding-top: 4% !important;
}
.table-family-mobile {
    height: 60px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.hide-table-family {
    display: none;
}
.aerolinea-int {
    font-size: 12px;
    height: 47px;
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.aerolinea-int-mobile {
    font-size: 14px;
    height: 60px;
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.align-text-family {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.align-text-family-price {
    position: relative;
    
	color: black;
}
.align-text-family-mobile {
    font-size: 14px;
    position: relative;
    top: 25%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.align-text-family-mobile-int {
    font-size: 13px;
    position: relative;
    top: 54%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.align-title-family-mobile {
    font-size: 13px;
    position: relative;
}

.condicionesAerolineaIntSMALL {
color: rgba(196, 85, 0, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntSMALLSMALL {
border: 3px solid rgba(196, 85, 0, 0.5);
}
.condicionesAerolineaIntMEDIUM {
color: rgba(164, 30, 44, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntMEDIUMMEDIUM {
border: 3px solid rgba(164, 30, 44, 0.5);
}
.condicionesAerolineaIntLARGE {
color: rgba(58, 22, 34, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntLARGELARGE {
border: 3px solid rgba(58, 22, 34, 0.5);
}

.condicionesAerolineaIntXS {
	color: rgb(174, 21, 30);
    font-weight: bold;
}
.condicionesAerolineaIntXSXS {
border: 3px solid rgba(174, 21, 30);
}
.condicionesAerolineaIntS {
color: rgba(196, 85, 0, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntSS {
border: 3px solid rgba(196, 85, 0, 0.5);
}
.condicionesAereoIntSS {
border: 1px solid rgba(196, 85, 0, 0.5);
width: 99%;
}
.condicionesAerolineaIntM {
color: rgba(164, 30, 44, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntMM {
border: 3px solid rgba(164, 30, 44, 0.5);
}
.condicionesAereoIntMM {
border: 1px solid rgba(164, 30, 44, 0.5);
width: 99%;
}
.condicionesAerolineaIntL {
color: rgba(58, 22, 34, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntLL {
border: 3px solid rgba(58, 22, 34, 0.5);
}
.condicionesAereoIntLL {
border: 1px solid rgba(58, 22, 34, 0.5);
width: 99%;
}
.condicionesAerolineaIntXL {
color: rgba(134, 107, 78, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntXLXL {
border: 3px solid rgba(134, 107, 78, 0.5);
}
.condicionesAereoIntXLXL {
border: 1px solid rgba(134, 107, 78, 0.5);
width: 99%;
}
.condicionesAerolineaIntXXL {
color: rgba(51, 51, 51, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntXXLXXL {
border: 3px solid rgba(51, 51, 51, 0.5);
}
.condicionesAereoIntXXLXXL {
border: 1px solid rgba(51, 51, 51, 0.5);
width: 99%;
}
.condicionesAerolineaIntQP {
color: rgba(4, 160, 251, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntQPQP {
border: 3px solid rgba(4, 160, 251, 0.5);
}
.condicionesAereoIntQPQP {
border: 1px solid rgba(4, 160, 251, 0.5);
width: 99%;
}
.condicionesAerolineaIntLight {
color: rgba(153, 204, 51, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntLightLight {
border: 3px solid rgba(153, 204, 51, 0.5);
}
.condicionesAereoIntLightLight {
border: 1px solid rgba(153, 204, 51, 0.5);
width: 99%;
}
.condicionesAerolineaIntPlus {
color: rgba(0, 181, 173, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntPlusPlus {
border: 3px solid rgba(0, 181, 173, 0.5);
}
.condicionesAereoIntPlusPlus {
border: 1px solid rgba(0, 181, 173, 0.5);
width: 99%;
}
.condicionesAerolineaIntTop {
color: rgba(210, 55, 187, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntTopTop {
border: 3px solid rgba(210, 55, 187, 0.5);
}
.condicionesAereoIntTopTop {
border: 1px solid rgba(210, 55, 187, 0.5);
width: 99%;
}
.condicionesAerolineaIntZEROZERO{
    border: 3px solid rgba(210, 55, 187, 0.5);
}
.condicionesAerolineaIntLIGHTLIGHT{
    border: 3px solid rgba(210, 55, 187, 0.5);
}
.condicionesAerolineaIntPLUSPLUS{
    border: 3px solid rgba(210, 55, 187, 0.5);
}
.condicionesAerolineaIntFULLFULL{
    border: 3px solid rgba(210, 55, 187, 0.5);
}
.condicionesAerolineaIntTS {
color: rgba(0, 181, 173, 0.5);
font-weight: bold;
}
.condicionesAerolineaIntTSTS{
	border: 3px solid rgba(0, 181, 173, 0.5);
}

.padding-family-tabs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.bg-AV-XS {
    border-right: 4px solid rgb(238, 21, 30) !important;
    width: 4px;
}
.bg-AV-S {
    border-right: 4px solid rgba(196, 85, 0, 0.5) !important;
    width: 4px;
}
.bg-AV-M {
    border-right: 4px solid rgba(164, 30, 44, 0.5) !important;
    width: 4px;
}
.bg-AV-L {
    border-right: 4px solid rgba(58, 22, 34, 0.5) !important;
    width: 4px;
}
.bg-AV-XL {
    border-right: 4px solid rgba(134, 107, 78, 0.5) !important;
    width: 4px;
}
.bg-AV-XXL {
    border-right: 4px solid rgba(51, 51, 51, 0.5) !important;
    width: 4px;
}
.bg-AV-SMALL {
    border-right: 4px solid rgba(196, 85, 0, 0.5) !important;
    width: 4px;
}
.bg-AV-MEDIUM {
    border-right: 4px solid rgba(164, 30, 44, 0.5) !important;
    width: 4px;
}
.bg-AV-LARGE {
    border-right: 4px solid rgba(58, 22, 34, 0.5) !important;
    width: 4px;
}

.bg-LA-QP {
    border-right: 4px solid rgba(4, 160, 251, 0.5) !important;
    width: 4px;
}
.bg-LA-Light {
    border-right: 4px solid rgba(153, 204, 51, 0.5) !important;
    width: 4px;
}
.bg-LA-Plus {
    border-right: 4px solid rgba(0, 181, 173, 0.5) !important;
    width: 4px;
}
.bg-LA-Top {
    border-right: 4px solid rgba(210, 55, 187, 0.5) !important;
    width:4px;
}

/* NUEVO FAMILIAS */
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}
.overlay .closebtn {
	position: absolute;
    top: -10px;
    right: 20px;
    font-size: 60px;
    color: #000;
}
.condicionesAerolineaIntLARGE {
    color: rgba(58, 22, 34, 0.5);
    font-weight: bold;
}

.condicionesAerolineaIntLARGELARGE {
    border: 3px solid rgba(58, 22, 34, 0.5);
}

.condicionesAereoIntLARGELARGE {
    border: 1px solid rgba(58, 22, 34, 0.5);
    width: 99%;
}
.condicionesAerolineaIntMEDIUM {
    color: rgba(164, 30, 44, 0.5);
    font-weight: bold;
}

.condicionesAerolineaIntMEDIUMMEDIUM {
    border: 3px solid rgba(164, 30, 44, 0.5);
}

.condicionesAereoIntMEDIUMMEDIUM {
    border: 1px solid rgba(164, 30, 44, 0.5);
    width: 99%;
}
.condicionesAerolineaIntSMALL {
    color: rgba(196, 85, 0, 0.5);
    font-weight: bold;
}

.condicionesAerolineaIntSMALLSMALL {
    border: 3px solid rgba(196, 85, 0, 0.5);
}

.condicionesAereoIntSMALLSMALL {
    border: 1px solid rgba(196, 85, 0, 0.5);
    width: 99%;
}

/* FIN NUEVO FAMILIAS */

.resumen-resultados {
    font-size: 14px;
    background: #0045ba;
    border-radius: 5px;
    color: #fff;
    padding: 11px;
    margin-top: 15px;
    font-family: helvetica !important;
	margin-bottom: 20px;
	padding-bottom: 4px;
}
.BuscadorV2 {
    background: rgb(51, 51, 51) none repeat scroll 0% 0%;
    border-radius: 5px;
    color: #fff;
}



@media (max-width: 768px) {

  .separadormobile {
    display: block !important;
  }

.ida-regresofamilias {
    font-size: 18px;
    text-align: right;
    font-weight: 600;
    text-transform: uppercase;
}

}

.texto_derecha_desktop {
    text-align: right;
}

.label_edades-assitencia {
    background-color: #fff;
    color: #000000 !important;
    border: 2px solid #0045ba;
    padding: 0px 0 5px 16px;
    font-size: 14px;
    width: 10%;
    border-radius: 6px;
    padding: 6px 22px;
    height: 45px;
}

.label_edades-assitencia2 {
     background-color: #fff;
    color: #000000 !important;
    border: 2px solid #0045ba;
    padding: 0px 0 5px 16px;
    font-size: 14px;
    width: 10%;
    border-radius: 6px;
    padding: 6px 22px;
    height: 45px;
}

select{
	font-family: 'Poppins';
}

.margin-inferior{
	margin-bottom: 10px !important;
}
.select2-container .select2-selection--single {
	height: 33px !important;
	
}
.select2-selection__arrow {
	background-color: white !important;
}

.btnPrimary.btn-buscarseguros {
    margin-top: 0;  
    background: #0045ba !important;
    text-transform: initial;
	color:#fff;
}

.namesmall {
    font-size: 7.7px;
    color: #325293;
}

.promocional {
    font-weight: 500;
    color: #000;
}

.infoadic {
    
	text-align: justify;
}

.alert-warning2 {
    color: #fff;
    background-color: #0045ba;
    border-color: #faebcc;
	border-radius: 10px;
	width: 96.5%;
	margin-left: 1%;;
}

.stars {
    color: gold;
}

.sboxText {
   display: table-cell;
}

.sboxIcon {
    display: table-cell;
    padding: 2px;
}

/*------ Dosponibillidad vuelos --------*/
.bg-detail {
    background: #fff;
    padding: 15px 0 0;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-bottom-color: #ddd;
}
.texto20 {	
	font-size: 15px;
	line-height: 20px;
	margin-top: 15%;
}

input.hidden-password {
  -webkit-text-security: disc;
}

.vuelos-item:hover {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-primary {
    background-color: #0045ba !important;
    border-color: #0045ba !important;
}

/*  plugin de botón para whatsapp*/
.ccw_plugin .style-4.chip {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 25px;
    font-size: 13px;
    line-height: 32px;
}


.ccw_pluginn .style-5.chipp {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 25px;
    font-size: 13px;
    line-height: 32px;
}

div.ccw_plugin, .inline {
    display: inline;
}
.chatbot {
    position: fixed;
    z-index: 99999999;
}
.ccw_plugin .tada {
    animation-name: tada;
}
.ccw_plugin .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.ccw_plugin .style-4.chip img {
    float: left;
   /* margin: 0 8px 0 -12px;*/
    height: 32px;
    width: 32px;
    border-radius: 50%;
}
.DetailPricePlan {
    border: 1px solid #38aae1;
	border-radius: 15px;
	background: #38aae1;
	color: white;
	padding: 5px;
}

/* Nuevos cambios familias */
.condicionesAerolineaIntRY {
    color: rgba(239, 62, 97, 0.5);
    font-weight: bold;
}

.condicionesAerolineaIntRYRY {
    border: 3px solid rgba(239, 62, 97, 0.5);
}

.condicionesAereoIntRYRY {
    border: 1px solid rgba(239, 62, 97, 0.5);
    width: 99%;
}
.bg-LA-RY {
    border-right: 4px solid rgba(239, 62, 97, 0.5) !important;
    width: 4px;
}
.ul-family-mob {
    border-bottom: 2px solid rgba(0,0,0,.12);
    width: 100%;
}
.ul-content-family-mob {
    padding-bottom: 0px !important;
    padding-right: 5px;
    padding-left: 5px;
}

.div-content-family {
    font-size: 18px;
    width: 20%;
}
.ol-content-family-mob {
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}
.li-content-family-mob {
    width: 100%;
    display: flex!important;
    -webkit-box-align: stretch;
    align-items: stretch;
    min-height: 100px;
    padding: 8px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.div-content-family-mob {
    font-weight: bold;
    padding-right: 5px;
}
.content-duration-family {
    font-size: 16px;
    text-align: center;
}
.content-duration-family-mob {
    font-size: 12px;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 3px;
}
.more-options-family {
    font-size: 18px;
    color: #008bcc;
}
.option-selected-family {
    font-size: 16px;
    color: #008bcc;
    margin-bottom: 0px;
    margin-right: 5px;
}
.option-selected-family-mob {
    font-size: 12px;
    color: #008bcc;
    margin-bottom: 0px;
    margin-right: 5px;
}
.price-big-family {
    font-weight: bold;
    font-size: 24px;
    color: #008bcc;
}
.price-big-family-mob {
    font-weight: bold;
    font-size: 14px;
}
.price-big-content-family-mob {
    border-left: 1px solid rgba(0,0,0,.12);
    padding-left: 10px;
}
.price-table-family-mob {
    font-size: 22px;
    padding-left: 0px;
}
.input-table-family {
    border: none;
    background: none;
    margin-top: 10px !important;
}
.input-table-family-mob {
    border:none; 
    background:none;
}

.name-table-family {
    text-align: center;
    font-size: 18px;
}

.name-table-family-mob {
    font-size: 20px;
    padding: 0px !important;
    font-weight: bold;
}
.detail-family-mob {
    padding-right: 0px;
    width: 32%;
}
.detail-flight-changeAir-family {
    color: red;
    margin-left: 15px;
}
.button-buy-family {
    bottom: 320px;
    right: 315px;
}
.div-separator-detail {
    border-top: none !important;
    border-right: 1px solid #e9e6e6;
}
.span-airplane-detail {
    color: #808080;
    font-size: 11px;
}
.span-cabine-detail {
    color: #808080;
    font-size: 14px;
}
.div-airline-head {
    border-radius: 5px 5px 0 0;
    font-weight: 300;
    padding: 10px!important;
}
.icon-airline-head {
    color: #fff;
    top: 3px;
}
.padding-table-family {
    padding-right: 6px;
    padding-left: 6px;
}
.margin-bottom4 {
    margin-bottom: 4px;
}

.padding-top47 {
    padding-top: 47px !important;
}
.padding10 {
    padding:10px
}
.hiddenFamily {
    display:none;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 1.3em;
}

.date-picker-wrapper {
    z-index: 999 !important;
}


/*NUEVOS*/
.page-template-contact .contact-info .grid {
    text-align: center;
    font-size: 20px;
    line-height: 1.6em;
}
.page-template-contact .contact-info .grid .icon-holder {
    font-size: 48px;
    line-height: 1.083em;
    color: #111;
}
.page-template-contact .contact-info {
    padding: 80px 0;
}

#myNavigation ul li a {
  display: block;
  line-height: 30px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 700;
}

/*.st-bloque{
	filter: brightness(1) invert(1);
}*/

.darkbar {
	background: #273b7b !important;
}

/* nuevoestilo familia LA KD */
 
.condicionesAerolineaIntKD  {
    color: rgb(188 51 204 / 64%);
    font-weight: bold;
}
.condicionesAerolineaIntKDKD{
	border: 3px solid rgb(188 51 204 / 64%);
}
 
/* nuevoestilo familia LA KD */



/* flitros internos */

.filter-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 16px;
  border-radius: 999px;
  border: 1px solid #ccc;
  background: #fff;
  color: #555;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  font-family: inherit;
}
.filter-toggle-btn:hover {
  background: #eef7e6;
    border-color: #C4D600;
    border: 2px solid #C4D600;
}
.filter-toggle-btn.active {
  background: #eef7e6;
    border-color: #C4D600;
    border: 2px solid #C4D600;
}
.filter-toggle-btn .btn-check-icon {
  display: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #467601;
  align-items: center;
  justify-content: center;
}
.filter-toggle-btn.active .btn-check-icon {
  display: inline-flex;
}

/* CAMPOS VUELOS INTERNOS */

.journey-field-wrap {
  position: relative;
}
.journey-field-wrap .form-control {
  width: 100%;
    height: 50px;
	padding-left: 11px;
    padding-right: 32px;
    border: 2px solid #0046ba !important;
    border-radius: 6px !important;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    color: #333 !important;
    -webkit-transition: border-color 0.1s;
    transition: border-color 0.1s;
    background-color: #fff !important;
    background-size: 24px auto;
}
.journey-field-wrap .form-control:focus {
  border-color: #1a7fad;
  box-shadow: 0 0 0 3px rgba(41,171,226,0.15);
}
.journey-field-wrap .field-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #0046ba;
  font-size: 14px;
  pointer-events: none;
}
/* -------- */

.Centrado {
    margin: 0 auto;
    text-align: center;
}


/*----- ASISTENCIAS ----*/
}
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap');

/* --- Grid de tarjetas --- */
.ins-row-asistencias {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
  margin: 0 -10px !important;
  padding: 16px 0 !important;
}
/* EN NOVATERRA TOCA METERLE ESTO DE MAS POR QUE SE ESTAN ROMPIENDO CON OTRO ESTILO EXISTENTE*/
.ins-row-asistencias {
  display: flex !important;
  flex-wrap: wrap !important;
}

.ins-row-asistencias > .ins-col-asistencias {
  width: 33.3333% !important;
  box-sizing: border-box !important;
  flex: 0 0 33.3333% !important;  
  max-width: 33.3333% !important;
}
/*---------------------------------------------------------------------------------*/
.ins-col-asistencias {
  width: 33.3333%;
  padding: 0 10px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 🟡 Tablet (2 columnas) */
@media (max-width: 992px) {
  .ins-col-asistencias {
    width: 50%;
  }
}

/* 🔵 Móvil (1 columna) */
@media (max-width: 576px) {
  .ins-col-asistencias {
    width: 100%;
    padding: 0 5px;
  }
}


/* --- Tarjeta --- */
.ins-card-asistencias {
  background: #ffffff;
  border: 1px solid #e4e4e0;
  border-radius: 12px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-transition: -webkit-transform 0.2s ease, border-color 0.2s ease;
          transition: transform 0.2s ease, border-color 0.2s ease;
  font-family: 'DM Sans', Arial, sans-serif;
}

.ins-card-asistencias:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  border-color: #0046ba;
}

.ins-card-asistencias.ins-featured-asistencias {
  border: 2px solid #185FA5;
}

/* --- Badge popular --- */
.ins-badge-popular-asistencias {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #E6F1FB;
  color: #0C447C;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 6px;
  letter-spacing: 0.02em;
  font-family: 'DM Sans', Arial, sans-serif;
}

/* --- Badge descuento --- */
.ins-badge-off-asistencias {
  display: inline-block;
  background: #FAECE7;
  color: #993C1D;
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 6px;
  letter-spacing: 0.03em;
  font-family: 'DM Sans', Arial, sans-serif;
}

/* --- Zona de imagen --- */
.ins-img-wrap-asistencias {
  background:#1b42b8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 110px;
  padding: 16px;
  position: relative;
}

.ins-img-wrap-asistencias img {
  max-height: 70px;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* --- Cuerpo --- */
.ins-body-asistencias {
  padding: 16px 18px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 10px;
}

.ins-body-asistencias > * + * {
  margin-top: 10px;
}

/* --- Cabecera del plan: badge + nombre --- */
.ins-plan-header-asistencias {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

/* --- Nombre del plan --- */
.ins-plan-name-asistencias {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 18px;
  font-weight: 600;
  color: #1a1a18;
  line-height: 1.2;
  margin: 0;
}

/* --- Precio --- */
.ins-price-row-asistencias {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 5px;
}

.ins-price-row-asistencias > * + * {
  margin-left: 5px;
}

.ins-currency-asistencias {
  font-size: 13px;
  color: #888780;
  font-weight: 500;
}

.ins-amount-asistencias {
  font-size: 26px;
  font-weight: 600;
  color: #1a1a18;
  letter-spacing: -0.5px;
  line-height: 1;
 margin-left: 104px;
}
@media (max-width: 480px) {
 .ins-amount-asistencias{
margin-left: 141px;
}
.modal-content{
margin-right: 34px;
}
}
.custom-modal-body {
    display: flex;
    flex-direction: column;
    height: 80vh; /* controla altura del modal */
    padding: 0;
}
.modal-body {
padding: 0px !important;
}
/* 🔽 SOLO esta parte scrollea */
.modal-scroll-content {
    overflow-y: auto;
    padding: 5px;
    flex: 1;
}

/* 🔒 Footer fijo */
.modal-fixed-footer {
    background: #fff;
    padding: 15px 20px;
    border-top: 1px solid #eee;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.05);
}

/* --- Divider --- */
.ins-divider-asistencias {
  height: 1px;
  background: #e4e4e0;
  border: none;
  margin: 0;
}

/* --- Lista coberturas (nuevo diseño) --- */
.ins-features-asistencias {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

.ins-features-asistencias li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  padding: 7px 10px;
  background: #f5f4f0;
  border-radius: 8px;
  border-left: 3px solid #1D9E75;
}

.ins-features-asistencias li + li {
  margin-top: 0;
}

.ins-feature-name-asistencias {
  font-size: 11px;
  color: #5F5E5A;
  line-height: 1.3;
}

.ins-feature-amount-asistencias {
  font-size: 13px;
  font-weight: 600;
  color: #1a1a18;
  letter-spacing: -0.2px;
}

/* --- Botón --- */
.ins-btn-asistencias {
  display: block;
  width: 100%;
  padding: 10px 0;
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  color: #000000;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.15s, color 0.15s;
          transition: background 0.15s, color 0.15s;
  margin-top: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ins-btn-asistencias:hover {
  background: #0046ba;
  color: #ffffff;
  text-decoration: none;
}

.ins-btn-asistencias:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}

.ins-btn-asistencias.ins-btn-featured-asistencias {
  background: #185FA5;
  color: #E6F1FB;
  border-color: #185FA5;
}

.ins-btn-asistencias.ins-btn-featured-asistencias:hover {
  background: #0C447C;
  color: #E6F1FB;
}

.ins-plan-header-asistencias {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ins-badge-off-asistencias {
    background:#ff5757;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
}

.ins-plan-name-asistencias {
    font-size: 33px;
    font-weight: 600;
    margin: 0;
}

/* CONTENEDOR GENERAL */
.main-cn-asistencias.flight-page-asistencias {
    background: #f5f7fb;
    padding: 30px 15px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
}

/* CARD PRINCIPAL */
.contPasajeros-asistencias {
    background: #ffffff;
    border-radius: 16px;
    padding: 10px;
    margin-bottom: 25px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.contPasajeros-asistencias:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.12);
}

/* TITULOS */
.hotelDetail-asistencias {
    font-size: 22px;
    font-weight: 600;
    color: #1f2d3d;
    margin-bottom: 10px;
	text-align: center
}

/* PRECIO */
.priceIns-asistencias {
    font-size: 28px;
    font-weight: bold;
    color: #2ecc71;
    display: block;
    margin-top: 5px;
}
    .modal-dialog {
        width: 750px;
}

/* DESCRIPCIÓN */
.Texto_cobertura-asistencias {
    color: #6b7c93;
    font-size: 15px;
    line-height: 1.6;
}

/* BOTÓN */
.btnreserva-asistencias {
    background: linear-gradient(135deg, #007bff, #0056b3);
    color: #fff !important;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.btnreserva-asistencias:hover {
    background: linear-gradient(135deg, #0056b3, #004099);
    transform: scale(1.05);
}

/* TABLA */
.consejo_cobertura-asistencias {
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
}

.consejo_cobertura-asistencias thead {
    background: #007bff;
    color: #fff;
}

.consejo_cobertura-asistencias th {
    padding: 12px;
    font-weight: 500;
    font-size: 14px;
}

.consejo_cobertura-asistencias td {
    padding: 12px;
    font-size: 14px;
    color: #444;
}

.table-striped-asistencias > tbody > tr:nth-of-type(odd) {
    background-color: #f9fbfd;
}

/* LISTA DE DOCUMENTOS */
.consejo_cobertura-asistencias li {
    list-style: none;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    color: #555;
    line-height: 1.5;
}

.consejo_cobertura-asistencias li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #2ecc71;
    font-weight: bold;
}

/* ESPACIADOS */
.margintop10-asistencias { margin-top: 10px; }
.margintop20-asistencias { margin-top: 20px; }
.margin40-asistencias { margin-bottom: 40px; }

/* SEPARADORES */
.not-space-asistencias {
    height: 1px;
    background: #eee;
    margin: 20px 0;
}

/* LINK DESCARGA */
.verpoliticas-asistencias {
    display: inline-block;
    margin-top: 10px;
    color: #007bff;
    font-weight: 500;
    text-decoration: none;
}

.verpoliticas-asistencias:hover {
    text-decoration: underline;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .hotelDetail-asistencias {
        font-size: 18px;
		text-align: center;
    }
	.plan-price-asistencias{
	margin-left: 87px;
    }
    .priceIns-asistencias {
        font-size: 22px;
    }

    .btnreserva-asistencias {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}

/* CONTENEDOR */
.coverage-list-asistencias {
    margin-top: 15px;
}

/* CARD DE CADA ITEM */
.coverage-item-asistencias {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9fbff;
    border-radius: 12px;
    padding: 15px 18px;
    margin-bottom: 10px;
    transition: all 0.25s ease;
    border: 1px solid #eef2f7;
}

/* HOVER */
.coverage-item-asistencias:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    background: #ffffff;
}

/* TEXTO IZQUIERDA (DESCRIPCIÓN) */
.coverage-left-asistencias {
    font-size: 14px;
    color: #444;
    max-width: 70%;
}

/* VALOR DERECHA (IMPORTANTE 💰) */
.coverage-right-asistencias {
    font-size: 14px;
    font-weight: 700;
    color: #1a73e8;
    background: #eef4ff;
    padding: 6px 12px;
    border-radius: 8px;
    white-space: nowrap;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .coverage-item-asistencias {
        flex-direction: column;
        align-items: flex-start;
    }

    .coverage-right-asistencias {
        margin-top: 8px;
    }
}

.modal-content-asistencias {
    margin-top: 80px !important;
}

/* CARD GENERAL */
.card-plan-asistencias {
    background: linear-gradient(135deg, #ffffff, #f7faff);
    border-radius: 18px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    border: 1px solid #eef2f7;
    transition: all 0.3s ease;
}

/* HOVER */
.card-plan-asistencias:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}

/* LAYOUT */
.card-plan-content-asistencias {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* IZQUIERDA */
.card-plan-left-asistencias {
    max-width: 70%;
}

/* TITULO */
.plan-title-asistencias {
    font-size: 22px;
    font-weight: 600;
    color: #1f2d3d;
    margin-bottom: 8px;
}

/* PRECIO 🔥 */
.plan-price-asistencias {
    font-size: 32px;
    font-weight: 800;
    color: #0046ba;
    margin-bottom: 10px;
}

/* DESCRIPCIÓN */
.plan-description-asistencias {
    font-size: 14px;
    color: #6b7c93;
    line-height: 1.5;
}

/* BOTÓN DERECHA */
.card-plan-right-asistencias {
    display: flex;
    align-items: center;
}

/* BOTÓN PRO */
.btn-comprar-asistencias {
    background: linear-gradient(135deg, #1b42b8, #1b42b8);
    color: #fff !important;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(26,115,232,0.4);
    transition: all 0.3s ease;
    text-align: center;

}

/* HOVER BOTÓN */
.btn-comprar-asistencias:hover {
	color:#fff !important;
    transform: scale(1.08);
    box-shadow:0 10px 30px rgb(0 110 255);
	    background: linear-gradient(135deg, #ff6243, #ff6243);
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .card-plan-content-asistencias {
        flex-direction: column;
        align-items: flex-start;
    }

    .card-plan-left-asistencias {
        max-width: 100%;
    }

    .card-plan-right-asistencias {
        width: 100%;
        margin-top: 15px;
    }

    .btn-comprar-asistencias {
        width: 100%;
        text-align: center;
    }
}
.ins-link-detalle {
    display: inline-block;
    font-size: 14px;
    color: #007bff;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
text-align: center;-
}

.ins-link-detalle i {
    margin-right: 5px;
    font-size: 13px;
}

.ins-link-detalle:hover {
    color: #0056b3;
    text-decoration: none;
}
.ins-link-detalle::before {
    content: "👁️";
    margin-right: 5px;
}
.edades-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}
@media (min-width: 992px) {
    .modal-content {
    margin-top: 150px !important;
}
}


.edad-input {
    width: 60px;
    height: 38px;
    text-align: center;
    padding: 5px;
    font-size: 14px;
}

/* Opcional: estilo más moderno */
.edad-input:focus {
    border-color: #00c851;
    box-shadow: 0 0 0 2px rgba(0,200,81,0.2);
}
.edad-input {
    display: none;
    width: 60px;
    height: 38px;
    text-align: center;
}

/* solo el primero visible */
.edad-input:first-child {
    display: inline-block;
}
.barra-resumen-asistencias {
    background: linear-gradient(90deg, #2ea3f2, #1f8dd6);
    border-radius: 12px;
    padding: 15px 20px;
    color: white;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/* Todos los bloques internos */
.barra-resumen-asistencias > div {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid rgba(255,255,255,0.3);
}

/* Quitar línea al último */
.barra-resumen-asistencias > div:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}

/* Textos */
.barra-resumen-asistencias label,
.barra-resumen-asistencias span,
.barra-resumen-asistencias small {
    color: rgba(255,255,255,0.8) !important;
    font-size: 12px;
    display: block;
}

.barra-resumen-asistencias strong,
.barra-resumen-asistencias b {
    color: white;
    font-size: 14px;
}

/* Botón modificar */
.barra-resumen-asistencias button,
.barra-resumen-asistencias .btn,
.barra-resumen-asistencias a {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white !important;
    padding: 8px 15px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

.barra-resumen-asistencias button:hover,
.barra-resumen-asistencias .btn:hover,
.barra-resumen-asistencias a:hover {
    background: rgba(255,255,255,0.35);
}

/* Iconos si tienes */
.barra-resumen-asistencias i {
    font-size: 16px;
    margin-right: 5px;
}
.barra-resumen-asistencias {
    gap: 15px;
}

.barra-resumen-asistencias > * {
    white-space: nowrap;
}

/* Header contacto */
.contacto-header-new::before {
    content: "" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #0046ba !important; /* 🔵 azul */
    border-radius: 8px !important;

    /* 📧 icono email */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M2 6h20v12H2z' fill='none' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3Cpath d='M2 6l10 7 10-7' fill='none' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px !important;
}

/* Card contenedor */
.dvForm-contacto-new {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    margin-top: 20px;
}

/* Inputs spacing */
.dvForm-contacto-new .form-field {
    margin-bottom: 15px;
}

/* Labels */
.dvForm-contacto-new .dvForm-label {
    font-size: 13px;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}

/* Focus más pro */
.dvForm-contacto-new .field-input:focus {
    border-color: #0046ba !important;
    box-shadow: 0 0 0 3px rgba(27,157,238,0.15) !important;
}
/* Header facturación */
.facturacion-header-new {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* Icono facturación (documento/dinero) */
.facturacion-header-new::before {
    content: "" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: #0046ba !important; /* 🔵 azul */
    border-radius: 8px !important;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Crect x='4' y='2' width='16' height='20' rx='2' fill='none' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3Cline x1='8' y1='7' x2='16' y2='7' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3Cline x1='8' y1='11' x2='16' y2='11' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3Cline x1='8' y1='15' x2='13' y2='15' stroke='%23FFFFFF' stroke-width='1.8'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px !important;
}

/* Botón */
.new-facturacion-btn {
    border: 1px solid #0046ba;
    color: #0046ba;
    background: transparent;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 12px;
    transition: all 0.2s ease;
}

/* Hover botón */
.new-facturacion-btn:hover {
    background:#0046ba;
    color: #fff;
}

/* Opciones (si las muestras) */
.new-facturacion-options {
    margin-top: 15px;
}

.new-facturacion-option {
    font-size: 13px;
    color: #555;
}
.stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: sans-serif;
}

.step {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #aaa;
  font-size: 14px;
}

.step .circle {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #444;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* Línea entre pasos */
.line {
  flex: 1;
  height: 2px;
  background: #444;
  margin: 0 10px;
}

/* Estado completado */
.step.completed .circle {
  background:#0046ba; 
}

.step.completed span {
  color: #0046ba;
}

/* Estado activo */
.step.active .circle {
  background: #ff5757; /* amarillo */
}

.step.active span {
  color: #ff5757;
}

/* Paso pendiente */
.step span {
  white-space: nowrap;
}
/* ============================================================
   flight-resume.css
   Estilos exclusivos para el resumen de compra de vuelo.
   Sufijo __frs (flight-resume-sidebar) en todas las clases.
   No afecta ningún otro componente del sitio.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&display=swap');

/* ── Variables ── */
.sidebar-frs {
  --navy:       #151E47;
  --navy-light: #1E2D6B;
  --gold:       #C9973A;
  --gold-lt:    #E8B85A;
  --white:      #FFFFFF;
  --bg:         #F4F6FB;
  --border:     #E0E4EF;
  --muted:      #6B7280;
  --text:       #1A1A2E;
  --green:      #10B981;
  --red:        #EF4444;
  --orange:     #F59E0B;
  --shadow:     0 4px 24px rgba(21,30,71,.10);
  --shadow-sm:  0 2px 8px rgba(21,30,71,.07);
  --r:          14px;
  --r-sm:       8px;
  font-family: 'DM Sans', sans-serif;
}

.sidebar-frs *,
.sidebar-frs *::before,
.sidebar-frs *::after { box-sizing: border-box; }

/* ── Contenedor principal ── */
.sidebar-frs {
  background: var(--bg);
  border-radius: var(--r);
  overflow: hidden;
margin-top:20px;
margin-bottom: 20px;
}

/* ── Botón móvil ── */
.btn-mobile-frs {
  display: none;
  width: 100%;
  padding: 14px 20px;
  background: var(--navy);
  color: var(--white);
  border: none;
  border-radius: var(--r-sm);
  font-family: 'DM Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  letter-spacing: .02em;
}
@media (max-width: 768px) { .btn-mobile-frs { display: block; } }

/* ── Caja total ── */
.total-box-frs {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 22px 24px 18px;
  margin-bottom: 18px;
  box-shadow: var(--shadow-sm);
}
.total-box-frs__title {
  font-size: 14px;
  font-weight: 600;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 10px 0;
}
.total-box-frs__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}
.total-box-frs__label {
  font-size: 22px;
  font-weight: 700;
  color: var(--navy);
}
.total-box-frs__amount {
  font-size: 26px;
  font-weight: 700;
  color: var(--navy);
  text-align: right;
}
.total-box-frs__amount--strike {
  font-size: 18px;
  font-weight: 600;
  color: var(--muted);
  text-decoration: line-through;
  text-align: right;
}

/* Desglose por tipo de pax (oculto por defecto con .hidden) */
.pax-row-frs {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  color: var(--muted);
  padding: 3px 0;
}
.pax-row-frs span:last-child { font-weight: 600; color: var(--text); }

/* ── Segmento de vuelo ── */
.segment-wrap-frs {
  margin-bottom: 16px;
  border-radius: var(--r);
  overflow: hidden;
  background: #ffffff;
  box-shadow: var(--shadow-sm);
}

/* Cabecera del segmento */
.segment-header-frs {
  background: #0046ba;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.segment-header-frs__left {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
}
.segment-header-frs__left img {
  width: 18px;
  height: 18px;
  filter: brightness(0) invert(1);
  opacity: .9;
}
.segment-header-frs__date {
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
}

/* Cuerpo del segmento */
.segment-body-frs {
  background: var(--white);
  /*border: 1px solid var(--border);*/
  border-top: none;
  padding: 18px 16px 10px;
}

/* Fila origen → destino */
.flight-row-frs {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.flight-station-frs {
  text-align: center;
}
.flight-station-frs__code {
  font-size: 32px;
  font-weight: 700;
  color: var(--navy);
  line-height: 1;
  letter-spacing: -1px;
}
.flight-station-frs__city {
  font-size: 11px;
  color: var(--muted);
  font-weight: 500;
  margin-top: 2px;
}
.flight-station-frs__time {
  font-size: 12px;
  color: var(--muted);
  margin-top: 4px;
}
.flight-station-frs__time strong {
  color: var(--text);
  font-weight: 600;
}

/* Centro: logo + duración */
.flight-center-frs {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  position: relative;
}
.flight-center-frs::before,
.flight-center-frs::after {
  content: '';
  position: absolute;
  top: 30px;
  height: 1px;
  width: 38px;
  background: var(--border);
}
.flight-center-frs::before { right: 100%; margin-right: 4px; }
.flight-center-frs::after  { left: 100%; margin-left: 4px; }

.flight-center-frs img {
  max-width: 52px;
  max-height: 36px;
  object-fit: contain;
}
.flight-center-frs__label {
  font-size: 11px;
  color: var(--muted);
  font-weight: 500;
}
.flight-center-frs__direct {
  font-size: 11px;
  color: var(--green);
  font-weight: 600;
}
.flight-center-frs__stops {
  font-size: 11px;
  color: var(--orange);
  font-weight: 600;
}

/* ── Separador ── */
.divider-frs {
  height: 1px;
  background: var(--border);
  margin: 10px 0;
}

/* ── Equipaje ── */
.baggage-wrap-frs {
  padding: 6px 0 4px;
}

/* Las clases internas del HTML de getInfoDescriptionBag se dejan como están
   Solo le damos contexto de tipografía y color */
.baggage-wrap-frs img {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  margin-right: 6px;
}
.baggage-wrap-frs span,
.baggage-wrap-frs div {
  font-family: 'DM Sans', sans-serif;
  font-size: 12px;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* ── Ver detalle (escalas) ── */
.toggle-detail-frs {
  background: #0046ba;
  border-radius: 0 0 var(--r-sm) var(--r-sm);
  padding: 8px;
  text-align: center;
  cursor: pointer;
  clear: both;
}
.toggle-detail-frs span {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
}
.toggle-detail-frs:hover {background: #ff5757;clear: both;}

/* ── Sub-vuelo (escalas expandidas) ── */
.sub-flight-frs {
  background: #F8FAFF;
  border: 1px solid var(--border);
  border-radius: var(--r-sm);
  padding: 14px 14px 6px;
  margin-bottom: 10px;
}

/* ── Cupones ── */
.coupon-wrap-frs {
  margin-bottom: 16px;
}

/* ── Alerta términos Viva Colombia ── */
.terms-alert-frs {
  background: #FFFBEB;
  border: 1px solid #F59E0B;
  border-radius: var(--r-sm);
  padding: 12px 16px;
  font-size: 13px;
  text-align: center;
}
.terms-alert-frs a {
  color: #B45309;
  font-weight: 600;
  text-decoration: none;
}
.terms-alert-frs a:hover { text-decoration: underline; }

/* ── Botón políticas ── */
.btn-policy-frs {
  display: inline-block;
  padding: 10px 24px;
  background: var(--navy);
  color: var(--white);
  border: none;
  border-radius: var(--r-sm);
  font-family: 'DM Sans', sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s;
}
.btn-policy-frs:hover { background: var(--navy-light); color: var(--white); }

/* ── Alerta sin equipaje ── */
.alert-no-bag-frs {
  background: #FEF2F2;
  border: 1px solid #FECACA;
  border-radius: var(--r-sm);
  padding: 12px 16px;
  font-size: 13px;
  color: #B91C1C;
  margin-top: 12px;
.tc-wrapper {
  background: #f8f9fb;
  padding: 18px 20px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}

.tc-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
  cursor: pointer;
  position: relative;
}

.tc-item:last-child {
  margin-bottom: 0;
}

.tc-item input {
  display: none;
}

/* CUADRO */
.tc-check {
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 6px;
  flex-shrink: 0;
  position: relative;
  transition: all 0.2s ease;
  margin-top: 2px;
}

/* CHECK ACTIVO */
.tc-item input:checked + .tc-check {
  background: #151E47;
  border-color: #151E47;
}

/* ICONO ✔ */
.tc-check::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: 0.2s ease;
}

.tc-item input:checked + .tc-check::after {
  transform: rotate(45deg) scale(1);
}

/* TEXTO */
.tc-text {
  font-size: 14px;
  color: #374151;
  line-height: 1.5;
}

/* LINK */
.tc-text a {
  color: #2563eb;
  font-weight: 500;
  text-decoration: none;
}

.tc-text a:hover {
  text-decoration: underline;
}

/* HOVER */
.tc-item:hover .tc-check {
  border-color: #151E47;
}

/* CONTENEDOR PRINCIPAL */
.rcard-container {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    padding: 20px;
    transition: all 0.3s ease;
}
.rcard-container:hover {
    box-shadow: 0 14px 40px rgba(0,0,0,0.12);
}

/* TITULOS */
.rcard-title {
    font-size: 20px;
    font-weight: 700;
    color: #0a2a66;
    border-left: 4px solid #1e88e5;
    padding-left: 10px;
    margin-bottom: 15px;
}

.rcard-subtitle {
    margin-top: 25px;
}

/* FILAS INFO */
.rcard-info-row {
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;
}
.rcard-info-row:last-child {
    border-bottom: none;
}

/* ESTRELLAS */
.rcard-stars i {
    color: #f5a623;
    margin-right: 2px;
}

/* IMAGEN */
.rcard-image {
    border-radius: 12px;
    overflow: hidden;
    margin-top: 15px;
}
.rcard-image img {
    width: 100%;
    transition: transform 0.4s ease;
}
.rcard-image:hover img {
    transform: scale(1.05);
}

/* HABITACIONES */
.rcard-room {
    background: #f9fbff;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #eef2f7;
}

/* BOTON DETALLE */
.rcard-toggle {
    text-align: center;
    color: #1e88e5;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}
.rcard-toggle:hover {
    text-decoration: underline;
    color: #0d47a1;
}

/* PRECIOS */
.rcard-price-line {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 3px 0;
}
.rcard-price-line span:last-child {
    font-weight: 600;
}

/* TOTAL */
.rcard-total-label {
    font-size: 22px;
    font-weight: 700;
    color: #0a2a66;
}
#TotalBooking {
    font-size: 28px !important;
    color: #1e88e5 !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .rcard-container {
        padding: 15px;
    }
    .rcard-title {
        font-size: 18px;
    }
    #TotalBooking {
        font-size: 22px !important;
    }
	.payment-info {
    margin-bottom: 27px;
}
}

.extra-banner {
    margin-top: 10px;
    text-align: center;
}
