/*font-family: 'Jost', sans-serif; 400 font-family: 'Poppins', sans-serif; 300, 300, 600, 700 */ html, body{background:#073356} body{font:300 1.52em/1.57em 'Poppins',sans-serif; text-rendering: optimizeLegibility; letter-spacing:-.01em; color:#dbdbe3; background:#073356} body{overflow:visible!important} a{color:#ffffff;} a:hover{text-decoration:none; color:#ff6226; transition:all 0.15s;} a:hover b{color:#ff6226;} a:focus{outline:0px; text-decoration:none;} input:focus{outline:0px;} h1, h2, h3, h4, h5, h6{margin:auto; display:inline-block; font-family: inherit; font-size: inherit;font-weight: inherit; line-height:inherit;} b,.strong{font-weight:600 !important;} .title{font:600 1.2em/1em 'Poppins', sans-serif; letter-spacing:-0.01em; color:#fff;} .title.xs{font-size:.85em;} .title.xl{font-size:1.4em; line-height:1.2em;} .title.xxl{font-size:2.8em; font-weight:700} .title.xxxl{font-size:5em; font-weight:700} .title .alt{color:#c9cada;} .title.w-icn{position:relative; padding-left:30px; transition:all .15s;} .title.xs.w-icn{padding-left:20px;} .title.w-icn .icn{position:absolute; top:1px; left:0; font-size:1.4em; color:#c9cada; transition:.4s all;} a.title:hover, a.title:hover .icn, a.title:hover .alt{color:#ff6226 !important;} .subtitle{font:400 1.9em/1.15em 'Jost', sans-serif; color:rgba(255,255,255,.8);} .legend{opacity:.8; font-size:.7em; font-weight:600; text-transform:uppercase; letter-spacing:.1em;} .legend.xl{font-size:.9em;} .boton, .btnSearch, .registerBox a.loginLink, .loginBox .registerAction a.loginLink, tws-client-login .md-button.md-primary, tws-agency-login .md-button.md-primary, md-dialog .md-button.md-primary, profile-client-engine-page .md-primary.md-button, profile-agency-engine-page .md-primary.md-button, .loginContainer tws-client-register .md-primary.pull-right, .paymentOrder .paymentMethodContainer button.md-primary{cursor:pointer; display:inline-block; padding:12px 20px; font:700 1.15em/1.2em 'Poppins',sans-serif !important; letter-spacing:.02em; text-align:center; text-transform:none; color:#fff !important; border:0; border-radius:26px; box-shadow: 0 0 8px 0 rgba(0,0,1,.3); background:#f53d3b !important; transition:all .15s} .btn:disabled, .btn[disabled][disabled]{border:2px #ccc3c5 solid !important} .boton.xs{padding:6px 11px 9px; font-size:1em !important;} .boton.md-button{margin:0;} .boton.light{padding:9px 17px; border:3px solid #fff; background-color:transparent !important;} .boton:hover, .boton.light:hover, .btnSearch:hover, .registerBox a.loginLink:hover, .loginBox .registerAction a.loginLink:hover, .boton-doble:hover .boton, tws-client-login .md-button.md-primary:hover, tws-agency-login .md-button.md-primary:hover, md-dialog .md-button.md-primary:hover, profile-client-engine-page .md-primary.md-button:hover, profile-agency-engine-page .md-primary.md-button:hover, .loginContainer tws-client-register .md-primary.pull-right:hover, .btnLogin:hover, .paymentOrder .paymentMethodContainer button.md-primary:hover{color:#fff !important; background:#ff6226 !important} .boton.light:hover{border-color:#ff6226;} .btn-as-link {min-width: auto; min-height: inherit; margin: 0; padding: 0; line-height: inherit; font:inherit; text-transform:none; border: 0; vertical-align:inherit; background: none;} .btn-as-link:hover, .btn-as-link:hover md-icon{color:#ff6226 !important; background-color:transparent !important;} .full-width, .fw{width:100%; float:left;} .full-height, .fh{height:100%;} .full-width.container{max-width:100%;} .margin-amplio{margin-bottom:60px;} .margin-tercio{margin-bottom:45px;} .margin{margin-bottom:30px !important;} .margin-mid{margin-bottom:15px;} .margin-mini{margin-bottom:8px;} .m-amplio{margin-bottom:72px;} .m-tercio{margin-bottom:54px;} .m{margin-bottom:36px !important;} .m-mid{margin-bottom:18px;} .m-mini{margin-bottom:9px;} .no-padding-col, .no-p{padding-left:0 !important; padding-right:0 !important;} .no-p-r{padding-right:0 !important;} .no-p-l{padding-left:0 !important;} .no-margin{margin-bottom:0 !important;} .img-box{background-position:50% 50% !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; background-color:#141414;} .img-boxed{position:absolute; top:0; right:0; bottom:0; left:0; background:#020714} .img-boxed .img-cover{width:100%; height:100%; object-fit: cover;} .forma-responsive{display:block; position: relative; width: 100%; background:#23211D;} .forma-responsive.circle{overflow:hidden; border-radius:50%} .forma-responsive:before{ content: ""; display: block; padding-top:98%;} .forma-responsive.mid-tall:before{ content: ""; display: block; padding-top:112%;} .forma-responsive.circle:before{ content: ""; display: block; padding-top:100%;} .forma-responsive.panoramica:before{ content: ""; display: block; padding-top:60%;} .forma-responsive.doc:before{ padding-top:141%; box-shadow: 0 1px 2px 0px #7a7a7a; border-radius:3px;} .middle-box{width:100%; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);} .relative{position:relative;} .pointer{cursor:pointer;} .white{color:#fff !important;} .red, a.red{color:#a61f38 !important;} .brown, a.brown{color:#ab9b98;} .red-light, a.red-light{color:#bf6f7e !important;} a:hover .red, a.red:hover, a:hover .brown, a.brown:hover, a:hover .red-light, a.red-light:hover{color:#ff6226 !important;} .bg-red{background:#a61f38} .fa-star , .fa-key{font-size:1em;} .fa-star.active , .fa-key.active{color:#f7b000;} .fa-star.inactive, .fa-key.inactive{color:#fdedef;} .absolute-link{position:absolute; inset:0} ::-moz-selection { color:#fff; background:#6c1b1a; } ::selection { color:#fff; background:#6c1b1a; } @media (min-width: 1px) and (max-width: 767px){.clearfix-xs{clear:both !important;}} @media (min-width: 768px) and (max-width: 992px){.clearfix-sm{clear:both !important;}} @media (min-width: 992px) and (max-width: 1200px){.clearfix-md{clear:both !important;}} @media (min-width: 1200px){.clearfix-lg{clear:both !important;}} /**/ .nav, .pagination, .carousel, .panel-title a{cursor:default} .nav > li > a:focus, .nav > li > a:hover{background-color:inherit; outline:none;} .list-inline > li{padding-left:2px; padding-right:2px;} .boton-menu{z-index:20; width:30px; margin-left:15px; padding:2px 2px 0; border:0; background-color:transparent;} .boton-menu span{display:block; width:100%; height:3px !important; margin:0 0 4px; background:#fff; transition:all .15s} .boton-menu:hover span{background:#ff6226; } .navbar-nav > li > a{padding:15px 15px 12px; border-radius:0} .navbar-brand{height:auto;} .nav-tabs > li > a{padding:10px; font-size:0.85em; font-weight: 600; text-transform:uppercase; color: #06b4e1;} .item > .text-center{text-align:left;} .lead{font-size:1.2em; font-weight:400; letter-spacing:.03em;} .lead.small{font-size:1.1em; font-weight:400; } iframe{border:0} p{margin:0 0 10px;} hr{border-width:1px; border-color:#bfc7d6;} .text-muted{color:inherit; opacity:.6;} .small{font-size:0.85em; line-height:1.2em;} img.flag-languages{position: relative; top: 9px; width: 24px; height: 17px; border-radius: 2px; box-shadow: 1px 1px 4px 0 rgba(36,36,41,.24);} .well{box-shadow: 0 8px 17px 0 rgb(0 0 0 / 10%), 0 6px 20px 0 rgb(0 0 0 / 10%) !important;} .well table{width:100%} .nav.aside-nav{} .nav.aside-nav .title{padding-bottom:10px;} .nav.aside-nav a{padding:7px 0; color:#1e1e1e} .nav.aside-nav a:hover{color:#ff6226; background:none;} .nav.aside-nav .active a{cursor:default; color:#bf6f7e; background:none;} .modal-backdrop.in{opacity:.75} .material-icons.default, .material-icons-outlined.default{position:relative; top:2px; width:auto; min-width:auto; height:auto; min-height:auto; font-size:inherit; line-height:inherit; color:inherit; vertical-align: unset !important;} .tooltip-default, .tooltip-tour{height:auto; padding:6px 14px 6px; font:600 14px 'Poppins', sans-serif; color:#fff; border-radius:15px; background-color:#f53d3b !important;} #loader-container {background:#073356 url('/cdn/images/loader-neg.gif') no-repeat center center; background-size:200px 200px; position: fixed; overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;} .bookingPage .loadingBooking, .availEngines .loadingResults, .loadingCreateBooking, .loadingCreateBooking, .receiptPage .loadingBooking, .budgetPage .loadingBooking, .clientBooking .loadingBooking, .agencyBooking .loadingBooking, .productHotel .optionsContainer .loadingResults, .productActivity .modalitiesContainer .loadingResults{min-width:200px !important; padding-top:200px !important; background:url('/cdn/images/loader-neg.gif') no-repeat top center; background-size:200px 200px; } .bookingPage .loadingBooking md-progress-circular, .availEngines .loadingResults md-progress-circular, .loadingCreateBooking md-progress-circular, .receiptPage .loadingBooking md-progress-circular path, .budgetPage .loadingBooking md-progress-circular path, .clientBooking .loadingBooking md-progress-circular path, .agencyBooking .loadingBooking md-progress-circular path, .productHotel .optionsContainer .loadingResults md-progress-circular path, .productActivity .modalitiesContainer .loadingResults md-progress-circular path{display:none !important} .bookingPage .loadingBooking span, .availEngines .loadingResults span, .receiptPage .loadingBooking span, .budgetPage .loadingBooking span, .clientBooking .loadingBooking span, .agencyBooking .loadingBooking span, .productHotel .optionsContainer .loadingResults span, .productActivity .modalitiesContainer .loadingResults span, .md-dialog .md-dialog-content.loadingValuation span, .md-dialog .md-dialog-content.loadingCreateBooking span, .md-dialog .md-dialog-content.loadingPreconfirmBooking span, .md-dialog .md-dialog-content.loadingBudget span, .md-dialog .md-dialog-content.loadingPaymentBooking span{color:#fff !important} /*Sin contenedor*/ .md-dialog .md-dialog-content.loadingValuation md-progress-circular path, .md-dialog .md-dialog-content.loadingCreateBooking md-progress-circular path, .md-dialog .md-dialog-content.loadingPreconfirmBooking md-progress-circular path, .md-dialog .md-dialog-content.loadingBudget md-progress-circular path, .md-dialog .md-dialog-content.loadingPaymentBooking md-progress-circular path{stroke: #073356;} .md-dialog .md-dialog-content.loadingValuation span, .md-dialog .md-dialog-content.loadingCreateBooking span, .md-dialog .md-dialog-content.loadingPreconfirmBooking span, .md-dialog .md-dialog-content.loadingBudget span, .md-dialog .md-dialog-content.loadingPaymentBooking span{color:#073356;font-weight:bold;} /**/ #header-web{z-index:9; position:fixed; top:0; width:100%; float:left; padding:20px 10px 10px;} #header-web .area-r{float:right} #header-web .area-l{float:left} #header-web .item-box{margin:0 3px; float:left;} #header-web .item-box.lang > button{margin-right:1.5em; display:flex} #header-web .item-box .material-icons{font-size:2em !important;} #header-web .label-legend{position: absolute; top: 45px; left: 160px; padding: 7px 8px 10px 15px; border-radius: 4px 4px 4px 90%; background-color: #f44336;} #header-web a.label-legend:hover{background-color:#ff6226} .false-bg-header{z-index:1; position:fixed; top:0; left:0; right:0; box-shadow: 0 0 21px 3px rgb(0 0 0 / 10%); background-color: rgba(7,51,86,.75); transition:all .15s} .false-bg-header:hover{background-color: rgba(7,51,86,.95);} #footer-web{z-index:9; position:fixed; left:auto; right:0; bottom:0;} #footer-web{background:none; transition:all .2s} #footer-web:hover{background:#041a2b;} #footer-web .inner{width:100%; padding:12px 12px 14px 5px; float:left; } #footer-web .inner a{margin-left:15px; opacity:.75; transition:all .15s} #footer-web .inner a .icn{top:3px} #footer-web .inner a:hover{opacity:1;} .logo-brand{position:absolute; display:block; top:10px; left:85px; width:142px; height:auto; padding:0;} .logo-brand.b2b{width:80px} .logo-brand img{width:100%;} /**/ .as-link{position:relative;} .as-link .hover-link{z-index:20; position:absolute; top:0; right:0; bottom:0; left:0;} .scrollable::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .7); } .scrollable::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, .2); } .scrollable::-webkit-scrollbar-corner { background-color: rgba(255, 255, 255, .2); } .scrollable::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; } .scrollable{ -ms-overflow-style: auto; scrollbar-color: rgba(255, 255, 255, .7); rgba(255, 255, 255, .2); scrollbar-width: thin; } .tag{display:inline-block; margin:0 1px 5px 0; padding:10px 20px; border-radius:24px; background:rgba(77,92,107,.9);} .tag.rounded{display:inline-block; width:54px; height:54px; padding:8px; font-size:2em; border-radius:50%;} .tag.rounded.package{padding-top:10px; padding-left:10px;} .tag.rounded.package sup{position:relative; top:-24px; left:-28px; font-size:.5em} .tag.rounded.package sup span{ transform: rotate(90deg)} a.tag:hover, button.tag:hover{color:#fff !important; background:#ff6226 !important;} .tag.active{background:#f53d3b;} #sect-full{z-index:2; position:relative;} #sect-full > aside, #sect-full > div{z-index:2;} #sect-full > div.bgs{z-index:1; position:absolute; bottom:0; left:0; right:0; top:0; overflow:hidden;} #sect-full .bgs .marco{z-index:5; position:absolute; bottom:0; left:0; right:0; top:0; -webkit-box-shadow:inset 0 0 80px 10px rgba(17,25,35,1); box-shadow:inset 0 0 80px 10px rgba(17,25,35,1);} #sect-full .bgs .full-opacity{z-index:2; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(20,30,41,0.55);} #sect-full .bgs .left{z-index:2; position:absolute; bottom:0; left:0; top:0; width:40%; opacity:.78; background: -webkit-linear-gradient(left, rgba(20,30,41,0.94) 0%,rgba(20,30,41,0.8) 38%,rgba(20,30,41,0) 100%); background: linear-gradient(to right, rgba(20,30,41,0.94) 0%,rgba(20,30,41,0.8) 38%,rgba(20,30,41,0) 100%);} #sect-full .bgs .bottom{position:absolute; bottom:0; left:0; right:0;} #sect-full .bgs .bottom.main{z-index:3; opacity:.58; height:50%; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(14,21,28,0.8) 63%,rgba(23,33,45,0.91) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(14,21,28,0.8) 63%,rgba(23,33,45,0.91) 100%);} #sect-full .bgs .bottom.aux{z-index:4; opacity:.69; height:120px; background: -webkit-linear-gradient(top, rgba(31,45,62,0) 0%,rgba(31,45,62,0.8) 63%,rgba(31,45,62,0.91) 100%); background: linear-gradient(to bottom, rgba(31,45,62,0) 0%,rgba(31,45,62,0.8) 63%,rgba(31,45,62,0.91) 100%);} #sect-full .bgs #carruselbg{z-index:1; position:absolute; bottom:0; left:0; right:0; top:0;} #sect-full .bgs #carruselbg .carousel-control, #sect-full .bgs #carruselbg .carousel-indicators{display:none;} #sect-full .bgs #carruselbg .carousel-inner, #sect-full .bgs #carruselbg .carousel-inner *{width:100%; height:100%;} #sect-full .bgs #carruselbg .active.item .img-box{} #sect-full .bgs #carruselbg .ng-animate{ animation: t_fade_in 1s ease !important; animation-iteration-count: 1; animation-fill-mode: forwards; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important; transition:none !important;} #sect-full .bgs #carruselbg .active.item .img-box{animation: t_scale_back 12s linear !important;} .box{overflow:hidden; width:100%; max-height:320px; min-height:260px; float:left; border-radius:12px; box-shadow: 0 0 21px 3px rgb(0 0 0 / 20%);} .box.as-link{cursor:pointer} #panelmain .box{min-height:auto;} .box .info{z-index:3; position:absolute; bottom:0; left:0; right:0; padding:1.5em .5em; text-align:center;} .box .info.left{max-width:90%; padding-left:1.6em; text-align:left;} .box .deg{z-index:2; position:absolute; bottom:0; left:0; right:0; height:50%; min-height:140px; background: -webkit-linear-gradient(top, rgba(31,45,62,0) 0%,rgba(23,36,51,0.8) 62%,rgba(18,30,44,0.91) 100%); background: linear-gradient(to bottom, rgba(31,45,62,0) 0%,rgba(23,36,51,0.8) 62%,rgba(18,30,44,0.91) 100%); } .box .deg-hover{z-index:1; position:absolute; bottom:0; left:0; right:0; top:0; background-color:transparent; transition:all .15s;} .box .tagged{z-index: 20; position: absolute; top: 10px; right: 10px; width: 44px; height: 44px; font-size: 26px; line-height: 1.5em; text-align: center; border-radius: 6px; box-shadow:0 0 4px 0 rgba(0,0,0,.3); background: rgba(4,26,43,.7); transition:all .15s} .box.as-link:hover .tagged{color:#ff6226; background:#fff;} .box.as-link .img-boxed{transform: scale(1); transition:all .1s;} .box.as-link:hover .img-boxed{-webkit-transform: scale(1.08); transform: scale(1.08);} .item .text-center .col-xs-6 .box{animation-name:t_zomm_bounce; animation-duration:600ms; animation-timing-function:ease-out;} .item .text-center .col-xs-6:nth-child(1) .box{animation-delay: 150ms !important;} .item .text-center .col-xs-6:nth-child(2) .box{animation-delay: 450ms !important;} .item .text-center .col-xs-6:nth-child(3) .box{animation-delay: 650ms !important;} .item .text-center .col-xs-6:nth-child(4) .box{animation-delay: 850ms !important;} .box.mini{background:#041a2b} .box.as-link:hover{} .box.as-link:hover .deg-hover{background-color:rgba(255,98,38,.8)} .d-flex{display: flex; align-items: center;} .col-main-full{display: flex; flex-direction: column; justify-content: flex-end;} .b2b .col-main-full{justify-content: center; background:#041a2b;} .col-main-full.as-grid{justify-content: flex-start;} .col-main-full.as-grid-main{display:block;} .col-main-full.as-grid-main > div{clear:both; width:100%; max-width:600px; margin-right:30px; padding:0 16px 0 16px; float:right; } .col-main-full.as-grid-main .head{height:100px;} .col-main-full.as-grid-main .body{overflow:hidden; overflow-y:auto; width:100%; height:calc(100% - 100px);} .col-main-full.as-grid-main .head.xs{height:50px;} .col-main-full.as-grid-main .body.xl{overflow:hidden; overflow-y:auto; width:100%; height:calc(100% - 50px);} .col-main-full.as-grid-main .body .list-box{height:100%;} .list-box .box{height:40%; margin-bottom:16px;} .botonera{} .botonera > div{float:left} .botonera > div .leg{position:relative; top:-5px; font-size:10px; text-align:center; text-shadow: 0 0 5px #000000;} .botonera div button{animation-name:t_zomm_btn; animation-duration:600ms; animation-timing-function:ease-out;} .botonera div:nth-child(1) button{animation-delay: 150ms !important;} .botonera div:nth-child(2) button{animation-delay: 450ms !important;} .botonera div:nth-child(3) button{animation-delay: 650ms !important;} .botonera div:nth-child(4) button{animation-delay: 850ms !important;} .botonera div:nth-child(5) button{animation-delay: 1050ms !important;} .botonera div:nth-child(6) button{animation-delay: 1250ms !important;} .aside-main-full{} .aside-main-full .content{padding:4em 4em 4em 9em;} .aside-main-full.xs .content{padding-left:4em;} .aside-pagelist, .aside-arrowspagelist{position: absolute; top: 20vh; height: 60vh;} .aside-main-full .arrows-pagelist{z-index:3; position:absolute; top: 50%; left:0; margin-top:-44px;} .aside-main-full .arrows-pagelist a{display:block; float:left; clear:both; margin:8px 0; padding:0; font-size:1.5em; color:rgba(219,219,227,.7)} .aside-main-full .arrows-pagelist a.alone{margin-top:26px;} .aside-main-full .arrows-pagelist a span{-webkit-transform: scale(1); transform: scale(1); transition:all .2s} .aside-main-full .arrows-pagelist a:hover{color:#ff6226;} .aside-main-full .arrows-pagelist a:hover span{-webkit-transform: scale(1.35); transform: scale(1.35);} .aside-pagelist .circle-pagelist, .aside-pagelist .ul-pagelist{position: absolute; top: 0; bottom:0; } .aside-main-full .circle-pagelist{z-index:1; width: 236px; border-radius: 50%; margin-left: -164px; border:rgb(255 255 255 / 12%) 2px dotted;} .aside-main-full .ul-pagelist{z-index:2; width:72px; margin:0;} .aside-main-full .ul-pagelist .inner{position:relative; width:100%; height:100%;} .aside-main-full .ul-pagelist .opt{width:1px; height:1px; position:absolute; opacity:.6; font-size:.8em; border:transparent 3px solid; transition:all .15s} .aside-main-full .ul-pagelist .opt a{display: flex; position:absolute; top:-15px; left:-15px; justify-content: center; align-items: center; width:30px; height:30px; text-align:center; border-radius:50%; transition:all .15s; background:rgba(77,92,107,.9);} .aside-main-full .ul-pagelist .opt a span{display:block; width:180%; height:180%; position:absolute; top:-40%; left:-40%; border-radius:50%; border:1px rgba(255,255,255,.2) solid; transition:all .15s;} .aside-main-full .ul-pagelist .opt a i.default{font-size: 22px; top: 4px;} .aside-main-full .ul-pagelist .opt:nth-child(1){top:4%} .aside-main-full .ul-pagelist .opt:nth-child(2){top:17.15%; left:53.7%;} .aside-main-full .ul-pagelist .opt:nth-child(3){top:32.33%; left:85%;} .aside-main-full .ul-pagelist .opt:nth-child(4){top:50%; left:96%;} .aside-main-full .ul-pagelist .opt:nth-child(5){top:66.67%; left:85%;} .aside-main-full .ul-pagelist .opt:nth-child(6){top:81.5%; left:53.7%;} .aside-main-full .ul-pagelist .opt:nth-child(7){top:95%} .aside-main-full .ul-pagelist .opt.active{opacity:1} .aside-main-full .ul-pagelist .opt.active a{color:#fff; background:#f53d3b;} .aside-main-full .ul-pagelist .opt.active a span{border-color:rgba(255,255,255,.5)} .aside-main-full .ul-pagelist .opt a{-webkit-transform: scale(1); transform: scale(1);} .aside-main-full .ul-pagelist .opt:hover{opacity:1;} .aside-main-full .ul-pagelist .opt a:hover{ -webkit-transform: scale(1.25); transform: scale(1.25); color:#fff; background:#073356;} .aside-main-full .ul-pagelist .opt a:hover span{border-color:#f53d3b; border-width:2px; } .aside-main-full .corner-pagelist{position:absolute; bottom:1em; left:15px; display: flex; align-items: center; height:30px; } .aside-main-full .corner-pagelist span{display:block;} .aside-main-full .corner-pagelist .sep{width:0; height:100%; margin:.5em; border-right: 2px rgba(255,255,255,.5) dotted;} .aside-main-full .corner-pagelist .text-muted{position:relative; font-size:.8em;} .b2b .aside-main-full{} .b2b .aside-main-full > .middle-box.md-up{z-index:3;} .b2b .aside-main-full > .middle-box.md-up .content{padding:4em;} .b2b .aside-main-full > .bgs{z-index:1; position:absolute; bottom:0; left:0; right:0; top:0; overflow:hidden;} .b2b .col-main-top{padding-top:100px; background-color:#041a2b} .section-bg-dark{background:#041a2b} .header-templ{display: flex; justify-content: center; align-items: flex-end; position:relative; width:100%; height:58vh; float:left; } .header-templ > .fw{z-index:2;} .header-templ > .fw .title.xxl{text-shadow: 0 0 10px #46354A;} .header-templ .deg{z-index:1; position:absolute; bottom:0; left:0; right:0; top:50%; background: -webkit-linear-gradient(top, rgba(7,51,86,0) 0%,rgba(7,51,86,1) 100%); background: linear-gradient(to bottom, rgba(7,51,86,0) 0%,rgba(7,51,86,1) 100%);} .alert.alert-info{padding: 10px; font-size: 13px; line-height: 1.6em; border-radius: 4px; color: #3872a0; background: #cde8f5;} .alert.alert-info .tag{padding:5px 12px; font-size:14px;} /**/ .sidenav-panel{position:fixed; top:0; bottom:0} .sidenav-panel{width:100%; max-width:90%; background: rgb(7,51,86); background: -webkit-linear-gradient(45deg, rgba(7,51,86,1) 0%,rgba(0,100,170,1) 100%) !important; background: linear-gradient(45deg, rgba(7,51,86,1) 0%,rgba(0,100,170,1) 100%) !important;} .sidenav-panel .panel-bg{z-index:1; position:absolute; top:0; right:0; bottom:0; left:0; background-position:50% 50% !important; background-size:cover;} .sidenav-panel .panel-bg.flight{background-image:url(/cdn/images/bg-panel-flight.jpg)} .sidenav-panel .panel-bg.footer{top:auto; bottom:80px;} .sidenav-panel .panel-bg.footer img{margin:0 4em;} .sidenav-panel md-content{z-index:2; position:relative; width: 100%; height: 100vh; padding:0; float: left; overflow: auto; color:#dbdbe3; background:none;} .sidenav-panel .btn-cerrar{margin-top:10px; margin-left:17px; font-size:2em; color:#fff;} .sidenav-panel .btn-cerrar:hover{color:#ff6226} .sidenav-panel md-content > footer{position:absolute; bottom:0; left:0; right:0; height:80px; padding:0;} .sidenav-panel md-content > footer .inner{height:100%; padding-top:26px; border-top:2px rgba(255,255,255,.1) solid; } .sidenav-panel#panelfooter md-content > footer .inner{border-top:0;} .sidenav-panel.simple-links{} .sidenav-panel.simple-links md-content .content{ overflow:hidden; overflow-y:auto; width:100%; height:calc(100vh - 150px); float:left; display: flex; align-items: center; } .sidenav-panel.simple-links md-content .content ul.navbar-nav{width:100%;} .sidenav-panel.simple-links md-content .content ul.navbar-nav{display:flex; flex-flow: column;} .sidenav-panel.simple-links md-content .content ul.navbar-nav > li{display:block; font: 600 1.6em/1em 'Poppins', sans-serif; text-align:center; letter-spacing: -0.01em; color: #fff;} .sidenav-panel.simple-links md-content .content ul.navbar-nav > li > a{display:inline-block; font-weight:700} .sidenav-panel.simple-links md-content .content ul.navbar-nav > li > a .ico{top:12px;} .box-u-aside-panel{overflow:hidden; width:100%; min-height:350px; padding:35px 25px; float:left; border-radius:12px; background:rgba(7,51,86,.45)} .box-u-aside-panel .tag{padding-top:14px; text-align:center; background:#072a44} .box-u-aside-panel .tag.package{padding-top:16px;} .box-u-aside-panel .tag.package sup span{position: absolute; top: 12px; left: 5px;} .header.w-img{position:relative; z-index:10; padding-top:12px; padding-left:100px;} .header.w-img .img-boxed{overflow:hidden; position:absolute; top:0; left:0; width:85px; height:85px; border-radius:12px; box-shadow: 0 0 21px 3px rgb(0 0 0 / 20%);} .promo-panel{width:100%; max-width:100%; background: rgba(7,51,86,.7);} .promo-panel md-content{z-index:2; position:relative; width: 100%; height: 100vh; padding:0; float: left; overflow: auto; color:#dbdbe3; background:none;} .promo-panel .btn-cerrar{z-index:2; position:absolute; top:-40px; right:0px; font-size:2em;} .promo-panel md-content .inner{position:relative; width: 100%; max-width:1000px; margin: 0 auto; border-radius:12px; background: rgba(7,51,86,0.1); box-shadow: 0 0 21px 3px rgb(0 0 0 / 20%);} .promo-panel md-content .inner .content-up{position:relative; z-index:2;} .promo-panel .content{padding:2.5em 2em;} .promo-panel .body{position:relative;} .promo-panel .body .area-text{padding:2em; border-radius:12px; box-shadow: 0 0 10px 3px rgb(0 0 0 / 10%); background:rgba(22,44,64,.6);} .promo-panel .footer{position:absolute; right:0; top:0; left:0; text-align:right;} .promo-panel .footer .tag.rounded{margin-bottom:15px; box-shadow: 0 0 21px 3px rgb(0 0 0 / 25%); background:#ee3c3a;} .promo-panel .footer .boton{position:relative; top:-7px;padding-top:15px; padding-bottom:15px;} .promo-panel .footer .title{padding:12px 0 0; float:left;} .promo-panel .footer .indicador{margin-top:15px; opacity:.8; font-size:2.3em; color:#c9cada;} .promo-panel .footer.botonera button{margin-left:4px;} .promo-panel .col-media{padding-top:2em; padding-bottom:2em; padding-right:2em !important;} .promo-panel .col-media > div{overflow:hidden; border-radius:12px; box-shadow: 0 0 21px 3px rgb(0 0 0 / 40%);} .promo-panel .col-media > div .img-boxed{overflow:hidden; top:2em; bottom:2em; right:2em; border-radius:12px;} .promo-panel .col-media > div .carrusel, .promo-panel .col-media > div .carrusel .carousel-inner, .promo-panel .col-media > div .carrusel .carousel-inner .item{width:100%; height:100%;} .promo-panel .col-media > div .carrusel .carousel-inner .item .img-boxed{top:0; bottom:0; right:0;} .promo-panel .col-media > div .carrusel .carousel-indicators{display:none;} .promo-panel .col-media > div .carrusel{position:absolute; top:0; right:0; bottom:0; left:0;} .promo-panel .col-media > div{position:relative; height:auto; max-height:100%;} .promo-panel .col-media > div:before{ content: ""; display: block; padding-top:178%;} .promo-panel .col-media > div iframe, .promo-panel .col-media > div .img-boxed{position:absolute; top:0; left:0; right:0; bottom:0;} .promo-panel .col-media iframe{height:100%; width:100%;} .promo-panel .bg-back{overflow:hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius:12px; } .promo-panel .bg-back > div{height:10000px;} .promo-panel .bg-back > div.main{background: rgba(255,255,255,0.15); backdrop-filter: blur(5px);} .promo-panel .bg-back > div.main .deg{opacity:.6; position:absolute; top:0; right:0; bottom:0; left:0; background: -webkit-linear-gradient(left, rgba(7,51,86,1) 0%,rgba(7,51,86,0) 100%); background: linear-gradient(to right, rgba(7,51,86,1) 0%,rgba(7,51,86,0) 100%);} .promo-panel .bg-back > div.aux{ background:#ee3c3a;} .promo-panel md-content .inner{height:80vh; margin-top:10vh} .promo-panel md-content .inner .content{height:80vh;} .promo-panel md-content .inner .content .header{height:7em} .promo-panel md-content .inner .content .body{width:100%; height:calc(100% - 8.5em); padding-top:6em; padding-right:0;} .promo-panel md-content .inner .content .body .area-text{overflow:hidden; overflow-y:auto; height:100%;} .promo-panel.xl md-content .inner .content .header{height:14em;} .promo-panel.xl md-content .inner .content .header .title.xxl{font-size:2.2em;} .promo-panel.xl md-content .inner .content .body{ height:calc(100% - 20em); padding-left:100px; padding-right:0; padding-top:0;} .promo-panel.xl md-content .inner .content .body .aux{position:absolute; top:0; left:0; width:85px;} .promo-panel.xl md-content .inner .content .last{width:100%; height:6em; float:left;} .promo-panel.xl md-content .inner .content .body, .promo-panel.xl md-content .inner .content .last{padding-left:100px;} #panelinfopage{} #panelinfopage .col-media{height:98%;} #panelinfopage .col-media > div{overflow:hidden; border-radius:12px; box-shadow: 0 0 21px 3px rgb(0 0 0 / 40%); position:relative; height:auto; max-height:100%;} #panelinfopage .col-media > div:before{ content: ""; display: block; padding-top:178%;} #panelinfopage .col-media > div iframe, #panelinfopage .col-media > div .img-boxed{position:absolute; top:0; left:0; right:0; bottom:0;} #panelinfopage .col-media iframe{height:100%; width:100%;} #panelinfopage .content{ overflow:hidden; overflow-y:auto; width:100%; height:calc(100vh - 160px); float:left; } #panelinfopage .content .area-header{height:140px; padding:0 12px;} #panelinfopage .content .area-info{height:calc(100% - 140px);} #panelinfopage .content .area-info .col-longtext{overflow:hidden; overflow-y:auto; height:100%;} .embed-responsive-vertical{padding-bottom:150%;} .seo-area{z-index:10; position:absolute; bottom:10px; left:100px; width:calc(100% - 750px); font-size:11px; line-height:12px; } .seo-area.begin{left:10px} /**/ .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ font-family: 'Material Icons Outlined'; font-weight: normal; font-style: normal; font-size: 32px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .glyphicons-chevron-left:before { content: "\f1e6"; } .glyphicons-chevron-right:before { content: "\f1df"; } md-tabs-wrapper md-icon{color: rgba(255,255,255,0.54);} .tabs-theme{} .tabs-theme md-tab-item{opacity:.7; text-transform:none; transition:all .1s;} .tabs-theme md-tab-item:hover{opacity:9;} .tabs-theme md-tab-item.md-active{opacity:1;} .tabs-theme md-tab-item:hover .title, .tabs-theme md-tab-item:hover .title .icn{color:#ff6226;} .tabs-theme md-ink-bar{display:none;} .tabs-theme.vertical{} .tabs-theme.minimal{} .tabs-theme.minimal md-tabs-canvas , .tabs-theme.minimal md-pagination-wrapper{height:54px;} .tabs-theme.minimal md-tab-item{padding:0; font-size:1.1em; line-height:1; color:#fff; transition:all .1s;} .tabs-theme.minimal md-tab-item .tag{margin-right:5px;} .tabs-theme.minimal md-tab-item:hover .tag{background:#ff6226;} .tabs-theme.minimal md-tab-item.md-active .tag{background:#f53d3b;} .tabs-theme.default{} .tabs-theme.default{} .tabs-theme.default md-tab-item, client-engine-page md-tab-item, agency-engine-page md-tab-item{margin-right:5px; padding: 10px 20px 8px; letter-spacing:0.05em; border-radius: 24px; color:#fff; background: rgba(77,92,107,.9); } .sidenav-panel .tabs-theme.default md-tab-item{opacity:.9; background: rgba(4,26,43,.9); box-shadow: 0 0 8px 0 rgba(0,0,1,.3);} client-engine-page md-tab-item, agency-engine-page md-tab-item{opacity:.7; text-transform:none !important; color:#fff !important;} client-engine-page md-tab-item md-icon, agency-engine-page md-tab-item md-icon{font-size:20px !important; color:rgba(255,255,255,.5) !important;} client-engine-page md-ink-bar, agency-engine-page md-ink-bar{display:none} .tabs-theme.default md-tab-item:hover, client-engine-page md-tab-item:hover, agency-engine-page md-tab-item:hover{opacity:1; background:#ff6226;} .tabs-theme.default md-tab-item.md-active, client-engine-page md-tab-item.md-active, agency-engine-page md-tab-item.md-active{opacity:1; background:#f53d3b} .carrusel-box{padding-bottom:60px;} .carrusel-box .carousel-control{position:absolute; top:auto; bottom:0; width:30px;} .carrusel-box .carousel-control.left{left:14px; right:auto;} .carrusel-box .carousel-control.right{left:164px; right:auto;} .carrusel-box .carousel-control span{color:rgba(219,219,227,.7); width: 30px; height: 30px; border-radius: 50%; background:rgba(77,92,107,.9);} .carrusel-box .glyphicons-chevron-right:before {position:relative; right: 5px;} .carrusel-box .glyphicons-chevron-left:before {position:relative; left: 5px;} .carrusel-box .carousel-control:hover span{color:#fff; background:#ff6226;} .carrusel-box .carousel-indicators{display:flex; flex-basis: fit-content; width: 100px; bottom: -8px; left:55px; margin: 0; } .carrusel-box .carousel-indicators li{width:50%; height:2px; border-radius:2px; border:0; background: rgba(255,255,255,.4); transition:all .15s;} .carrusel-box .carousel-indicators li:hover{background:#ff6226;} .carrusel-box .carousel-indicators li.active{height:4px; background: rgba(255,255,255,1);} .fab.fa-whatsapp{margin:2px; font-size:21px;} md-backdrop.md-sidenav-backdrop{z-index:19 !important;} .sidenav-panel{z-index:20 !important} .promo-panel{z-index:21 !important} .sidenav-panel#paneltour, .sidenav-panel#panelflight, .sidenav-panel#panelhotel, .sidenav-panel#panelpackage, .sidenav-panel#panelactivity, .sidenav-panel#panelinsurance{z-index:22 !important} #ui-datepicker-div.ui-datepicker, .md-standard-list-container.md-autocomplete-suggestions-container, .md-virtual-repeat-container.md-autocomplete-suggestions-container{z-index:120 !important} .notFoundContent h1{font:600 5em/1em 'Poppins', sans-serif; letter-spacing:-0.01em; color:#c9cada;} .notFoundContent span{font:600 1.2em/1em 'Poppins', sans-serif; letter-spacing:-0.01em; color:#fff;} /* Dark theme */ md-menu-item{min-height:38px} md-dialog, md-menu-content{background:#041a2b !important} md-sidenav md-content{background:#041a2b} md-dialog, md-menu-content md-menu-item, md-sidenav md-content, md-menu-content md-menu-item md-icon, table.md-table th.md-column, .md-table-pagination, client-engine-page .md-button.md-icon-button md-icon, client-engine-page button.md-button.md-fab md-icon, agency-engine-page .md-button.md-icon-button md-icon, agency-engine-page button.md-button.md-fab md-icon{color:#dbdbe3 !important} md-toolbar{border-bottom:#073356 1px solid; background: -webkit-linear-gradient(45deg, rgba(7,51,86,1) 0%,rgba(0,100,170,1) 100%) !important; background: linear-gradient(45deg, rgba(7,51,86,1) 0%,rgba(0,100,170,1) 100%) !important;} .section-header, .md-toolbar-tools{font:600 1.15em/1em 'Poppins', sans-serif; letter-spacing:-0.01em; color:#dbdbe3;} .md-toolbar-tools{font-size:.9em;} md-dialog .loginBox{} md-dialog .loginBox .registerBox{display:none;} md-dialog .loginBox .btnContainer.col-xs-12.col-md-6{width:100%; margin-bottom:1.5em;} md-dialog .loginBox .section-header{margin:20px;} client-engine-page, agency-engine-page{} client-engine-page .panel, agency-engine-page .panel, booking-engine-page .panel{background:none; border:0;} client-engine-page .section-header, agency-engine-page .section-header{margin:0 15px 25px;} .clientMenu, .agencyMenu{padding:0 18px; font:600 1.4em/1.2em 'Poppins', sans-serif !important; letter-spacing:-0.01em; color:#fff;} .clientMenu .navTitle, .agencyMenu .navTitle, .clientMenu md-icon, .agencyMenu md-icon{color:#c9cada !important} booking-engine-page .panel > .panel-heading{background:none;} client-engine-page .md-toolbar-tools, agency-engine-page .md-toolbar-tools{padding:.8em .8em .45em!important; height:auto !important; max-height:unset !important;} client-engine-page .loginBox, agency-engine-page .loginBox{margin-bottom:30px; } client-engine-page .loginBox .btnLogin, agency-engine-page .loginBox .btnLogin{cursor:pointer; display:inline-block; padding:12px 20px; font:700 1.15em/1.2em 'Poppins',sans-serif !important; letter-spacing:.02em; text-align:center; text-transform:none; color:#fff !important; border:0; border-radius:26px; box-shadow: 0 0 8px 0 rgba(0,0,1,.3); background:#f53d3b !important; transition:all .15s} .btnLogin.btnTwitter, .btnLogin.btnLinkedin, .btnLogin.btnPayPal{display:none !important;} profile-client-engine-page .btn-success.md-button, profile-agency-engine-page .btn-success.md-button{font-size:1.08em; text-transform:none; background:none !important;} profile-agency-engine-page button.file-upload md-icon{position:relative; top:-5px; left:-11px;} profile-client-engine-page .btn-success.md-button:hover, profile-agency-engine-page .btn-success.md-button:hover{color:#ff6226;} client-engine-page table.md-table td.md-cell, agency-engine-page table.md-table td.md-cell, client-engine-page table.md-table td.md-cell .material-icons, agency-engine-page table.md-table td.md-cell .material-icons, md-dialog-content table.md-table td.md-cell, md-dialog-content table.md-table td.md-cell .material-icons{color:#fff;} table.md-table th.md-column.md-active md-icon{color:#c9cada !important;} table.md-table th.md-column.md-active md-icon:hover{color:#ff6226 !important;} .table-striped>tbody>tr{transition:all 0.1s;} .table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.1);} .table-striped>tbody>tr:hover{background-color:rgba(0,0,0,.3);} account-client-engine-page table{} account-client-engine-page table.md-table td.md-cell{color:#fff;} md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value{color:rgba(255,255,255,.5) !important;} md-input-container label, md-select .md-select-value.md-select-placeholder, md-input-container>md-icon{color:rgba(255,255,255,.7) !important;} md-input-container label.md-required:after, md-select.ng-required.ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after, md-select[required].ng-empty.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after{color:#f53d3b !important} md-input-container .md-input, md-input-container .md-select-value, md-radio-button .md-label{color:#fff; border-color:rgba(255, 255, 255, 0.4);} md-radio-button .md-off{border-color: rgba(255,255,255,0.54);} md-radio-button .md-on{background:rgba(255,255,255,.7);} md-checkbox .md-icon{border-color:rgba(255, 255, 255, 0.8) !important;} md-select .md-select-icon{color:rgba(255, 255, 255, 0.55);} .btnSearch{float:right;} tws-searcher-packages .btnSearch{min-width:180px;} .ui-slider .ui-slider-range, .ui-slider .ui-slider-handle, .availFlights .filtersContainer .panel-body .btnScale{background:#f53d3b;} .ui-datepicker{border-radius:10px; overflow:hidden; border:0; -webkit-box-shadow: 0 5px 20px 10px rgba(33, 30, 55, 0.3); box-shadow: 0 5px 20px 10px rgba(33, 30, 55, 0.3); color:#dbdbe3; background:#041a2b;} .ui-datepicker.travel-datepicker .infoPrice{font-size:.85em; font-weight:400; color:rgba(255, 255, 255, 0.8);} .ui-datepicker td{text-align:center;} .ui-datepicker td a{color:#fff !important;} .ui-datepicker td a.ui-state-hover{color:#fff; background:#ff6226;} .ui-datepicker.travel-datepicker td a{border:0; border-radius:4px; background-color:#f53d3b !important} .ui-datepicker.travel-datepicker td a[data-custom-price]::after{color:#fff !important} .ui-datepicker.travel-datepicker td a:hover{border:0; color:#fff !important; background:#ff6226 !important} .ui-datepicker .ui-datepicker-header{padding:.5em 0; text-shadow:none; background:#f53d3b;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:6px} .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default{color:rgba(255, 255, 255, 0.4);} .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default{text-align:center; color:rgba(255, 255, 255, 0.5) !important; border:0 !important; background-color:rgba(4,26,43,.4) !important; } .ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-active.ui-state-hover{color:#073356; background:#fff} .ui-datepicker th{color:#fff;} .infoGDPR{padding:10px 15px 10px !important; line-height:1.5em; border:0; border-radius:3px; color:#dbdbe3; background:#0a293b;} .md-dialog .md-dialog-content.loadingCreateBooking span{color:#c9cada !important} #fc_frame.fc-widget-small, #fc_frame.fc-launcher-text, #fc_frame.fc-widget-normal.fc-launcher-text{bottom:60px !important} /* Show voucher*/ .receiptPage .titlePage, .budgetPage .titlePage, .clientBooking .titlePage {color: #fff; } .receiptPage .receiptHeader, .budgetPage .receiptHeader, .clientBooking .receiptHeader {color: #fff;} .receiptPage .boxHeader, .budgetPage .boxHeader, .clientBooking .boxHeader {margin-bottom:.8em; background-color:transparent;} .receiptPage .boxHeader md-icon, .budgetPage .boxHeader md-icon, .clientBooking .boxHeader md-icon {font-size:20px !important} .receiptPage .boxContainer, .budgetPage .boxContainer, .clientBooking .boxContainer {border:0; color:#dbdbe3; border-radius:8px; background-color:rgba(0,0,0,.1);} .receiptPage .boxContainer .description .title, .budgetPage .boxContainer .description .title, .clientBooking .boxContainer .description .title{font-size:13px; font-weight:400; color:rgba(255, 255, 255, 0.6);} .receiptPage .boxContainer .description .data, .budgetPage .boxContainer .description .data, .clientBooking .boxContainer .description .data, .receiptPage .boxContainer p, .budgetPage .boxContainer p, .clientBooking .boxContainer p, .receiptPage .boxContainer ul li, .budgetPage .boxContainer ul li, .clientBooking .boxContainer ul li, .receiptPage .boxContainer table tbody, .budgetPage .boxContainer table tbody, .clientBooking .boxContainer table tbody, .receiptPage .boxFlight md-icon, .budgetPage .boxFlight md-icon, .clientBooking .boxFlight md-icon{color:#dbdbe3;} .receiptPage .boxContainer table thead, .budgetPage .boxContainer table thead, .clientBooking .boxContainer table thead, .receiptPage .boxContainer table tfoot tr td, .budgetPage .boxContainer table tfoot tr td, .clientBooking .boxContainer table tfoot tr td, .receiptPage .boxContainer .serviceContainer .serviceData .serviceTitle, .receiptPage .boxContainer .paxContainer .roomHeader .title, .receiptPage .boxContainer .paxContainer .paxHeader .title, .budgetPage .boxContainer .serviceContainer .serviceData .serviceTitle, .budgetPage .boxContainer .paxContainer .roomHeader .title, .budgetPage .boxContainer .paxContainer .paxHeader .title, .clientBooking .boxContainer .serviceContainer .serviceData .serviceTitle, .budgetPage .boxContainer .serviceContainer .serviceData .serviceTitle{color:#fff !important} .receiptPage .boxContainer .serviceContainer .dateHeader, .budgetPage .boxContainer .serviceContainer .dateHeader, .clientBooking .boxContainer .serviceContainer .dateHeader, .receiptPage .boxContainer .serviceContainer .serviceData.journey .time, .budgetPage .boxContainer .serviceContainer .serviceData.journey .time, .clientBooking .boxContainer .serviceContainer .serviceData.journey .time{color:#dbdbe3; background-color:rgba(0,0,0,.1);} .receiptPage .boxContainer .paxContainer .roomHeader, .budgetPage .boxContainer .paxContainer .roomHeader, .receiptPage .boxContainer .paxContainer .paxHeader, .budgetPage .boxContainer .paxContainer .paxHeader, .receiptPage .boxContainer table thead tr td, .budgetPage .boxContainer table thead tr td, .clientBooking .boxContainer table thead tr td{border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom:10px; margin-bottom: 10px; } .paymentOrder{} .paymentOrder .panel{border:0; background:none;} .paymentOrder .panel .panel-heading{color:#dbdbe3; background-color:rgba(0,0,0,.25);} .paymentOrder .panel .panel-heading md-radio-button{margin:0.5em 0;} .paymentOrder .paymentMethodContainer button.md-primary.md-raised[disabled]{opacity:.3} /**/ /*Flights*/ .availEngines.availFlights .resumeContainer{min-width:400px; margin-bottom:25px; } .availEngines.availFlights .resumeContainer .calendarResumeRow {font:600 13px/1.4em 'Poppins', sans-serif !important} .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow.header{color:#c9cada} .availEngines .flightContainer .journeysContainer .journeyContainer .journeyInfo .infoExtend md-icon{color:#FFF} .availEngines .flightContainer .boxPrice .moreTariff{border-color:#f53d3b; color:#f53d3b } .flightFareFamilies .card{background:transparent; color:#FFF} .flightFareFamilies .md-dialog-content .md-foot .md-cell > div >.price, .flightFareFamilies .card .card-title a{color:#FFF} .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow.header{border-top:2px transparent solid; border-bottom:2px transparent solid;} .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow{height: auto; margin:4px; padding: 7px;} .availEngines.availFlights .resumeContainer .calendarResumeColum.legend .calendarResumeRow{margin:0 2%} .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow.price.selected{border-color: #ffffff; background-color: #ffffff50; color:#ffffff !important} .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow.price.first{border-color: #088A29; background-color: #088A2980; } .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow.price.second{border-color: #ff9400; background-color: #ff940065; } .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow.price.third{border-color: #d1435b; background-color: #d1435b80; } .availEngines .flightContainer .journeysContainer .journeyContainer .journeyInfo .infoExtend .line:nth-child(1){line-height:1.5em} .availEngines .flightContainer .journeysContainer .journeyContainer .detailsContiner .boxSegment .detailsFlight .extend{width:100%;} @media (max-width: 1200px) { .availEngines .flightContainer .journeysContainer .journeyContainer .journeyInfo{position:relative; padding-bottom:50px; flex-basis: 100%;} .availEngines .flightContainer .journeysContainer .journeyContainer .journeyInfo .infoExtend{position:absolute; bottom:0; right:0} } @media (max-width: 992px) { .availEngines .flightContainer .journeysContainer .journeyContainer .journeyInfo{ flex-basis: 80%;} } @media (max-width: 1800px) { #footer-web{background:rgba(4, 26, 43, 0.4);} } @media (min-width: 1500px) { #header-web, .false-bg-header{height:100px !important;} body > .container{padding-top:100px !important} #sect-full{margin-top:-100px !important} .aside-main-full, .col-main-full{padding-top:100px !important; padding-bottom:100px !important;} .tabs-theme.vertical > md-tabs-wrapper{left:2.8em !important} .tabs-theme.vertical > md-tabs-content-wrapper{margin-top:60px;} .aside-pagelist{left:2.7em;} .aside-arrowspagelist{left:2em;} .sidenav-panel md-content .grid{height:calc(100vh - 220px) !important;} .sidenav-panel md-content .content, .sidenav-panel md-content > footer{padding-left:3em !important;} /*header*/ .logo-brand{top:30px; left:94px;} .boton-menu{margin-top:24px; margin-left:24px; } .sidenav-panel .btn-cerrar{position:absolute; top:27px; left:12px; z-index:10 } #header-web .area-r{margin-top:20px; margin-right:26px; } /*footer*/ .sidenav-panel md-content > footer{height:100px !important;} .sidenav-panel md-content > footer .inner{padding-top:36px;} .aside-main-full .corner-pagelist{bottom:50px; left:36px;} #footer-web .inner{margin-top:0; padding-right:20px;} aside.aside-main-full{} #sect-full.img-box .aside-main-full .content{padding-left:12.5em;} #sect-full.img-box .aside-main-full .content .title.xxl{font-size:4.4em;} #sect-full.templ-dest .col-main-full{padding-right:4.3em;} } @media (max-width: 1500px) { #header-web .label-legend{top:15px} } @media (min-width: 1200px) { .col-lg-20 { width: 20%; float: left;} .container {width:100%; max-width:1340px; clear:both;} } @media (min-width: 992px) { body, html{min-height:560px;} #header-web, .false-bg-header{height:70px;} #sect-full{margin-top:-70px;} body > .container{padding-top:70px; } .aside-main-full, .col-main-full{padding-top:70px; padding-bottom:70px;} .sidenav-panel.simple-links md-content .content ul.navbar-nav > li{padding:.25em 0; font-size:2.2em } .sidenav-panel.simple-links md-content .content ul.navbar-nav.nav-small > li{padding:.15em 0; font-size:1.4em } .sidenav-panel.simple-links md-content .content ul.navbar-nav > li > a{line-height:.7em;} .sidenav-panel.simple-links md-content .content ul.navbar-nav.nav-small > li > a{line-height:.5em;} .tabs-theme.vertical{} .tabs-theme.vertical > md-tabs-wrapper{position:fixed; width: 20%; height: 365px; float: left; top: 50%; left:27px; margin-top: -220px;} .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas{height:100%; margin:0 !important;} .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper{transform:none !important; position:relative; display:block; height:auto; flex-direction: column;} .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item{width:100%; padding:1em 0; text-align:left;} .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:hover .icn, .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item:focus .icn{transform: scale(1.3);} .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-active{} .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-active .title{padding-left:40px; font-size:1.6em !important} .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-active:hover .icn, .tabs-theme.vertical > md-tabs-wrapper md-tabs-canvas md-pagination-wrapper md-tab-item.md-active:focus .icn{transform: none;} .tabs-theme.vertical > md-tabs-content-wrapper{width:80%; margin-left:20%; float:left; overflow:hidden;} .tabs-theme.vertical md-tabs.default md-tabs-canvas{margin:0 18px;} .tabs-theme.vertical md-prev-button, .tabs-theme.vertical md-next-button{display:none;} .sidenav-panel md-content{overflow:hidden;} .sidenav-panel md-content .grid{ overflow:hidden; overflow-y:auto; width:100%; height:calc(100vh - 200px); float:left; } .sidenav-panel md-content .content, .sidenav-panel md-content > footer{padding-left:4em; padding-right:4em;} .col-md-20 {width:20%;float: left;} } @media (max-width: 992px) { #header-web{height:50px;} .false-bg-header{height:70px;} body > .container{padding-top:70px; } #sect-full{margin-top:-70px;} .tag.rounded{width:48px; height:48px; font-size:1.75em;} .promo-panel md-content .inner{background:#073356;} .sidenav-panel md-content .content, .sidenav-panel md-content > footer{padding-left:2em; padding-right:2em;} .sidenav-panel#panelfooter .middle-box.md-up{width:100%; position:relative; top:auto; left:auto; transform:none;} .sidenav-panel md-content{overflow:hidden;} .sidenav-panel md-content .grid{ overflow:hidden; overflow-y:auto; width:100%; height:calc(100vh - 244px); float:left; } .sidenav-panel .area-searcher{ overflow:hidden; overflow-y:auto; width:100%; height:calc(100vh - 250px); float:left; } .sidenav-panel md-content > footer{height:60px;} .sidenav-panel md-content > footer .inner{padding-top:18px; font-size:.8em;} .sidenav-panel md-content > footer .inner .title{padding-left:24px;} .sidenav-panel md-content > footer .inner .title .alt{display:none} #panelfooter.sidenav-panel md-content > footer{height:auto; text-align:center;} #panelfooter.sidenav-panel md-content > footer .text-right{text-align:center !important;} #panelfooter.sidenav-panel footer .small{font-size:1em;} #panelfooter.sidenav-panel .panel-bg.footer{bottom:5px; left:0; right:0;} .tabs-theme.vertical{} .tabs-theme.vertical .grid{} .tabs-theme.vertical .grid .box{margin-bottom:12px !important;} .tabs-theme.vertical .fw.title.w-icn{min-height:50px; margin-top:10px; margin-bottom:12px !important} .tabs-theme.vertical md-tab-item{padding-left:12px; padding-right:12px;} .sidenav-panel md-content .content, .sidenav-panel md-content > footer{padding-left:12px; padding-right:12px;} } @media (min-width: 762px) and (max-width: 992px){ .col-main-full{padding-top:70px; padding-bottom:70px;} .col-main-full.as-grid-main .head{height:100px;} .col-main-full.as-grid-main .head .title{display:none;} .col-main-full.as-grid-main .body{ height:calc(100% - 100px);} .promo-panel .footer .title .alt{display:none;} } @media (min-width: 762px) { #sect-full{width:100%; height:100vh; min-height: 580px;} .col-main-full.as-grid{} .col-main-full.as-grid .grid{overflow: hidden; overflow-y: auto; width: 100%; height: calc(100vh - 200px); float: left;} .col-main-full.as-grid-main > div.body.w-tab{overflow:hidden; height: calc(100% - 50px);} .col-main-full.as-grid-main > div.body.w-tab .list-box{overflow: hidden; overflow-y: auto; width: 100%; height: calc(100vh - 286px); padding:0 16px;} template63a5a2bca959853e275435fd .box.mini {z-index: auto;} .panel-fixed-bottom{z-index: 1000; position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; height: auto; transition:all .15s; } .panel-fixed-bottom .panel-body{z-index: 30; position: relative; box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.3); background:#041a2b;} .panel-fixed-bottom .panel-body .inner{width:100%; max-width:900px; margin:0 auto; padding-bottom:20px;} .col-sm-20 {width:20%;float: left;} .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 {position: relative; min-height: 1px; padding-right: 18px; padding-left: 18px;} .col-xs-20 {width: 20%;float: left;} /*Reajustamos col*/ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:18px; padding-right:18px;} .row{margin-left: -18px; margin-right: -18px;} .container, .container-fluid{padding-left: 18px; padding-right: 18px;} } @media (max-width: 762px) { .boton-menu{margin-left:7px;} #header-web .area-r{margin-right:2px;} .sidenav-panel .btn-cerrar{margin-left:10px;} #header-web .item-box.lang > button{margin-top:0.05em; margin-right:0.2em;} #header-web .item-box.lang > button > span.material-icons{font-size:1.4em !important} #footer-web{position:relative;} #sect-full{width:100%; height:100vh; min-height: 580px; padding:12px 12px 6px; display: flex; justify-content: end; align-items: flex-end; position:relative; width:100%; flex-direction:column; } #sect-full > .fh{height:auto;} #sect-full .aside-main-full{height:250px; padding-top:70px; } #sect-full .aside-main-full .middle-box{position: relative; top: auto; left: auto; transform: none; padding-top:50px; text-align:center; } .aside-main-full .content{padding:0;} .aside-main-full .content .title.xxl{position:relative;} .aside-main-full .content .title.xxl .aux-select{position:absolute; top:8px; left:0; right:0; height:32px; display: flex !important; justify-content:space-between; align-items: center;} .aside-main-full .content .title.xxl .aux-select > div{max-width:50px; font-size:12px; opacity:.5; line-height:1em;} .aside-main-full .content .title.xxl .aux-select > div.l{left:0;} .aside-main-full .content .title.xxl .aux-select > div.r{right:0;} .aside-main-full .content .boton{padding-right:10px; padding-left:10px; font-size:1em !important} .aside-main-full.xs .content{padding-left:12px;} .aside-main-full .corner-pagelist{display:none;} .aside-main-full .circle-pagelist{top:-2px; left:0; right: 0; width: auto; height:1px; margin: 0; border:0; border-top:rgb(255 255 255 / 12%) 2px dotted; border-radius:0;} .aside-main-full .aside-pagelist{top:80px; left:40px; width:calc(100% - 70px); height:50px;} .aside-main-full.aside-main-full .ul-pagelist{width:100%; display:flex} .aside-main-full .ul-pagelist .inner{display: flex;flex-direction: row; justify-content: space-around;} .aside-main-full .ul-pagelist .inner .opt{position:relative; top:auto !important; left:auto !important;} .aside-main-full .ul-pagelist .opt a{width:20px; height:20px;} .aside-arrowspagelist{position:absolute; top:60px; left:6px; right:6px; height: 40px;} .aside-arrowspagelist > div{position: relative !important; top: auto !important; bottom: auto; right: 0; left:0; margin: 0 !important; width:auto; transform:none;} .aside-main-full .arrows-pagelist a{width:40px; height:40px; margin:0 !important; padding-top:4px; clear:none;} .aside-main-full .arrows-pagelist a.top{text-align:left;} .aside-main-full .arrows-pagelist a.bottom{position:relative; right:-4px; float:right; text-align:right;} .aside-main-full .arrows-pagelist a.top span{transform: rotate(270deg);} .aside-main-full .arrows-pagelist a.bottom span{transform: rotate(270deg);} #sect-full .col-main-full{height:calc(100% - 250px); } #sect-full .col-main-full .d-flex{flex-direction:column; align-items:baseline;} #sect-full .col-main-full .d-flex > .title{display:none;} .col-main-full.as-grid-main > div{margin-right:0; padding-right:0; padding-left:0} .col-main-full.as-grid-main > div.head{height:80px;} .col-main-full.as-grid-main > div.body{height: calc(100% - 80px);} .col-main-full.as-grid-main > div .list-box{padding-right:16px;} .col-main-full.as-grid-main > div .list-box .box{height:75%} .col-main-full.as-grid-main > div.body.w-tab{overflow:hidden; height: 100%;} .col-main-full.as-grid-main > div.body.w-tab .list-box{ overflow: hidden; overflow-y: auto; width: 100%; height: calc(100vh - 336px);} #sect-full .bgs .left{width:100%;} #sect-full.templ-dest{} #sect-full.templ-dest .box .title{font-size:1.15em;} #sect-full.templ-dest .aside-main-full{height:200px; padding-top:50px;} #sect-full.templ-dest .aside-main-full .middle-box{padding-top:20px;} #sect-full.templ-dest .aside-main-full .middle-box{text-align:left} #sect-full.templ-dest .aside-main-full .text-short{display:none;} #sect-full.templ-dest .col-main-full{ overflow:hidden; overflow-y:auto; width:100%; height:calc(100vh - 0px); float:left; } #sect-full.templ-dest .col-main-full .grid{ overflow:hidden; overflow-y:auto; width:100%; height:100%; padding-right:12px; float:left; } #sect-full.templ-dest .btn-info-xs{position:absolute; top:16px; left:10px;} #sect-full.b2b{display:inline-block; height:auto; min-height:100vh; padding:0;} #sect-full.b2b .aside-main-full, #sect-full.b2b .col-main-full{min-height:50vh} #sect-full.b2b .aside-main-full{min-height:350px; padding:2em 0;} #sect-full.b2b .aside-main-full > .middle-box.md-up{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #sect-full.b2b .aside-main-full > .middle-box.md-up .content{padding:0 18px;} #sect-full.b2b .col-main-full{padding:18px; justify-content: start;} /* .promo-panel.xl .col-media{display:none;}*/ .promo-panel.xl .title.xxl{font-size:1.35em !important; line-height:1.1em !important;} .promo-panel.xl .content .body, .promo-panel.xl .content .last{padding-left:0 !important;} .promo-panel.xl md-content .inner .content .body .aux{top: -85px; z-index: 90; width: 100%; display: flex; justify-content: center; border-radius:0 0 10px 10px; background: -webkit-linear-gradient(top, rgba(24,65,97,0) 0%,rgba(24,65,97,0.8) 100%); background: linear-gradient(to bottom, rgba(24,65,97,0) 0%,rgba(24,65,97,0.8) 100%); } /* .promo-panel.xl .content .body{height:calc(100% - 16em) !important; padding-top:70px !important} .promo-panel.xl md-content .inner .content .header .boton{padding:10px 15px;} .promo-panel.xl .content .body .area-text{} .promo-panel.xl md-content .inner .content .body .aux{width:auto; right:0;} .promo-panel.xl md-content .inner .content .body .aux > .fw{width:auto; margin-right:15px;} .promo-panel.xl md-content .inner .content .body .area-text{margin-top:0;} .promo-panel.xl md-content .inner .content .last{display:none;} .promo-panel.xl md-content .inner .content .last > .m-tercio{margin-bottom:22px !important;} */ .box{margin-bottom:9px !important;} .box .info{padding-bottom:.8em; padding-left:.8em !important;} .carrusel-box{} .carrusel-box .carousel-inner{padding-bottom:16px;} .carrusel-box .carousel-control.left{left:0;} .carrusel-box .carousel-control.right{left:150px;} .carrusel-box .carousel-indicators{left:41px} .botonera{display: flex; flex-direction: row; justify-content: space-around; width: 100%; text-align:center;} .title{font-size:1.1em; line-height:1.3em;} .title.xl{} .title.xxl{font-size:2.1em;} .title.xxxl{font-size:3em;} .subtitle{font-size:1.4em;} .logo-brand{width:110px; top:15px; left:60px;} #header-web .label-legend{left:110px;} .promo-panel{} .promo-panel md-content{padding:12px;} .promo-panel md-content .inner{height:95vh; margin-top:1vh} .promo-panel md-content .col-info{height:100%;} .promo-panel md-content .middle-box.md-up{transform:none; height:100%; position:relative; top:auto; left:auto; padding-top:16px;} .promo-panel md-content .inner .content{height:100%;} .promo-panel .content{padding:0 12px;} .promo-panel md-content .inner .content .body{padding-top:5em} .promo-panel md-content .inner .content .body .area-text{max-height:40vh; margin-bottom:2vh; margin-top:calc(178% + 2em); background:rgba(22,44,64,.9)} .promo-panel .footer .title{display:none;} .promo-panel .footer.botonera button{top:0; max-height:47px; padding-top:10px;} .promo-panel .col-media{height:auto; position:absolute; top:14em; padding:1em !important; border-radius:6px 6px 6px 6px; background:#ee3c3a;} #panelinfopage{} #panelinfopage .content .area-header{height:80px; margin-bottom:15px;} #panelinfopage .content .title.xxxl{margin:0 !important; font-size:2em;} #panelinfopage .col-media{height:auto; position:absolute; top:6.5em; padding:1em !important; border-radius:6px 6px 6px 6px; background:#ee3c3a;} #panelinfopage .col-longtext{margin-top:calc(178% + .5em); padding:1.5em; background:rgba(22,44,64,.2)} .promo-panel .btn-cerrar{z-index:20; top:10px; right:10px;} .receiptPage .boxContainer, .budgetPage .boxContainer, .clientBooking .boxContainer{} .receiptPage .boxContainer > div, .budgetPage .boxContainer > div, .clientBooking .boxContainer > div, .receiptPage .boxContainer > div.paxContainer > div, .budgetPage .boxContainer > div.paxContainer > div, .clientBooking .boxContainer > div.paxContainer > div{width:100% !important;} .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 {position: relative; min-height: 1px; padding-right: 6px; padding-left: 6px;} .col-xs-20 {width: 20%;float: left;} /*Reajustamos col*/ .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:6px; padding-right:6px;} .row{margin-left: -6px; margin-right: -6px;} .container, .container-fluid{padding-left:6px; padding-right:6px;} } /* Engines */ flights-engine-page, packages-engine-page, hotels-engine-page, booking-engine-page{width:100%; float:left; padding-bottom:70px;} .productHotel, .productActivity, .productTour{padding-top:25px;} /*titles*/ .availTours .tourName, .availTours .tourPriceDetails .price, .availEngines .activityName, .productTour .tourName, .productActivity .activityName, .productTour .priceInformation .price, .productTour .durationInformation .duration, .productTour .searcherBox > .title, .productActivity .priceInformation .price, .availTour .configService .title, .availTour .headerBox .priceInfo .amount, .availTour .resumeConfiguration > .priceInfo .amount, .bookingPage .titlePage, .bookingPage .contactUs .phone, .availEngines .hotelName, .availPackages .priceInfo .amount, .productHotel .hotelName, .availEngines .insuranceDetails .insuranceName, .availEngines .price{margin-bottom: 0.5em; font:600 22px/1.4em 'Poppins', sans-serif !important; letter-spacing:-0.01em; text-transform:none; transition:all .15s; color:#fff !important} .productTour .searcherBox > .title, .availTour .headerBox .title, .availTour .configurationTour > .resumeConfiguration > .title{font-weight:400; color:#fff !important;} .productTour .tourName, .productActivity .activityName, .availTour .configService .title, .availTour .headerBox .priceInfo .amount, .availTour .resumeConfiguration > .priceInfo .amount{margin-bottom:0;} .availTours .tourName:hover, .availEngines .activityName:hover{color:#ff6226 !important;} /*title mini */ .productTour .shortDescription, .productTour .itineraryDescription .title, .productTour .additionalDescription .title, .productTour .includesDescription .title, .productActivity .modalitiesContainer .title, .availTour .configurationTour > .boxService > .title, .bookingPage .headerSummary, .bookingPage .titleSection, .availEngines .resultsContainer span.titleOrder, .bookingPage .securePayment .title, .availPackages .configurationPackage .title, .availEngines .hotelContainer .price, .productHotel .optionPrice .price, .productHotel .hotelDescription .title, .productHotel .hotelGeneralData .priceInformation .price, .productHotel .hotelGeneralData .shareHotel .title, .productActivity .activityGeneralData .shareActivity .title, .bookingPage .boxSummary .serviceTitle, .bookingPage .roomHeader .title, .productActivity .detailsTitle, .productActivity .totalPrice .price, .productActivity .paxQuantity .price, .availEngines .insuranceContainer .insurancePriceDetails > span.price, .availCombinedSales .insurancePriceDetails .price, .cardHotel md-card md-card-title .md-headline, .productTour .modalityDescription > .title{font:600 18px/1.15em 'Poppins', sans-serif !important; letter-spacing:-.01em; text-transform:none !important; color:#fff !important; border-color:#eee !important; } /*leyenda*/ .filtersContainer .panel .panel-heading, md-dialog .panel .panel-heading, .availEngines .resultsContainer .title, .availEngines .filtersContainer .title, .productTour .modalityDescription .subtitle{padding:0 12px 10px !important; font:600 13px 'Poppins', sans-serif !important; letter-spacing:.09em; text-align:left; text-transform:uppercase; color:#fff !important; background:none !important;} /* icns */ .searchResume .searchParameters md-icon, .panel-heading md-icon, .headerSummary md-icon, .optionalTitle md-icon, .availPackages md-icon, .boardName md-icon, .productHotel .hotelAddress md-icon, .productHotel .shareHotel .title md-icon, .bookingPage .sectionSubservice md-icon, .activityLocDetails md-icon, .productActivity .detailsTitle md-icon, .productActivity .line > md-icon, .productActivity .shareActivity md-icon, .productActivity .activityDestination md-icon, .availTours .tourDetails md-icon, .availTours .tourIncludesDetails md-icon, .productTour .includesDescription .boxInclude > md-icon, .productTour .title md-icon, .productTour .searcherBox .includesBox .listBox .line md-icon, .productTour .tourDestinations md-icon, .bookingPage .boxSummary .serviceData.extra .col-xs-2 > md-icon, .availTours .tourContainer .tourPriceDetails .duration > md-icon, .availTour .configurationTour .title md-icon, .availTour .configurationTour .destinations md-icon, .availTour .includesTour .includes .line md-icon, .availEngines .searchResume .newSearch md-icon, .tourHotelInfo .contact .line md-icon, .availTour .resultsContainer .destinations md-icon, .productTour .modalityDescription .subtitle md-icon{color:rgba(201,202,218,.5) !important;} .headerSummary md-icon{display:none;} /*text-base*/ .availTours .tourDescription, .availTours .tourLocDetails, .availTours .tourDeparture, .availTours .tourPriceDetails .info, .availTours .tourPriceDetails .duration, .availTours .tourIncludesDetails .includesList b, .availEngines .activityDescription, .availEngines .activityDuration, .availEngines .activityLocDetails, .productActivity .activityGeneralData .dateResume, .productActivity .activityDestination, .productTour .dayInformation .description, .productTour .boxDescription .text, .productTour .boxInclude > span b, .productTour .boxInclude > span span, .productTour .searcherBox > .infoSubTitle, .productTour .tourDestinations, .availTour .serviceInformation .description, .bookingPage .infoSection, .bookingPage .formContainerBox.cancelPoliciesContainer .containerBox, .tourHotelInfo .description, .tourHotelInfo .contact .line, .availEngines .flightContainer .infoOrigin span, .availEngines .flightContainer .infoDestination span, .flightBreakdown .breakdown, .bookingPage .formContainerBox .optionalTitle + md-checkbox .md-label, .availEngines .hotelLocDetails, .availEngines .hotelPriceDetails .info, .productHotel .hotelAddress, .productHotel .hotelDescription .text, .productHotel .informationContainer *, .productHotel .hotelGeneralData .priceInformation .info, .availPackages .hotelContainer .roomName, .availPackages .hotelContainer .boardName, .productActivity .modalityContainer .modalityName, .productActivity .paxType, .productActivity .activityGeneralData .info, .productActivity .activityGeneralData .dateResume span, .bookingPage .formContainerBox.remarksContainer *, .availEngines .insuranceDescription, .availEngines .insuranceContainer .insurancePriceDetails > span, .productTour .infoTour .info, .productTour .dayNumber, .availCombinedSales .insuranceDescription, .availCombinedSales .insurancePriceDetails, .flightContainer .journeyContainer .infoItinerary .scaleAirports, .availTour .includesTour, .cardHotel md-card md-card-title .md-subhead{font-size:15px !important; line-height:22px !important; color:#c9cada !important} .productTour .searcherBox > .infoSubTitle{color:#fff !important;} .availTours .tourDescription{margin-bottom:20px;} .availEngines .activityDescription{margin-top:20px;} /*btn*/ .productActivity .btnBooking , .productHotel .btnBooking, .availEngines .activityContainer .activityPriceDetails .md-button.price, .availTours .resultsContainer .tourContainer .tourIncludesDetails .md-button.viewTour, .productActivity .totalPrice .md-button, .bookingPage .btnContinue, .flightContainer .boxPrice .optionPrice .md-button, .availPackages button.tourBook, .availPackages button.modifiyService, .availEngines .hotelContainer .optionPrice .md-button, .availEngines .resultsContainer .mapContainer .md-button.price, .boardContainer .md-button, .availEngines .insuranceContainer .insurancePriceDetails .md-button, .availEngines .insuranceContainer .insuranceDetails .md-button.moreInfo, .availTour .priceInfo button.tourBook, .availTour .configurationTour > .boxService button.modifiyService, .availTour button.chooseService, .filterMobile button.md-button, .productHotel .optionsContainer .askOptions .md-button, .md-dialog-md .changePaymentBooking .btnContinue{cursor:pointer; display:inline-block; padding:12px 15px; float:right; font:700 1.15em/1.2em 'Poppins',sans-serif !important; letter-spacing:.02em; text-align:center; text-transform:none !important; color:#fff; border-radius:26px; border:0 !important; background:#f53d3b !important; transition:all .15s} .productActivity .btnBooking:hover, .productHotel .btnBooking:hover, .availEngines .activityContainer .md-button.price:hover, .availTours .resultsContainer .tourContainer .tourIncludesDetails .md-button.viewTour:hover, .availTours .md-button.viewTour:hover, .productTour .filesTour .md-button:hover, .shareTour .md-button.icon:hover, .shareActivity .md-button.icon:hover, .productActivity .totalPrice .md-button:hover, .availTour .priceInfo button.tourBook:hover, .bookingPage .btnContinue:hover, .availEngines .orderTools .md-button:hover, .productTour .btnSearch:hover, .flightContainer .boxPrice .optionPrice .md-button:hover, .availPackages button.tourBook:hover, .availEngines .hotelContainer .optionPrice .md-button:hover, .availEngines .resultsContainer .mapContainer .md-button.price:hover, .boardContainer .md-button:hover, .availEngines .insuranceContainer .insurancePriceDetails .md-button:hover, .availTour .priceInfo button.tourBook:hover, .availTour button.chooseService:hover, .filterMobile button.md-button:hover, .productHotel .optionsContainer .askOptions .md-button:hover, .md-dialog-md .changePaymentBooking .btnContinue:hover{color:#fff !important; background:#ff6226 !important} .availEngines .activityContainer .md-button.price{margin-top:20px; float:right;} .availEngines .activityContainer .md-button.price md-icon{display:none;} .availEngines .activityContainer .md-button.price b {font-weight:400 !important;} /* btn aux */ .configurationPackage .flightContainer .boxPrice .optionPrice .md-button, .availPackages button.modifiyService, .availEngines .insuranceContainer .insuranceDetails .md-button.moreInfo, .availTour .configurationTour > .boxService button.modifiyService, .filterMobile button.md-button{padding:9px 17px !important; border:3px solid #fff !important; background-color:transparent !important;} .configurationPackage .flightContainer .boxPrice .optionPrice .md-button:hover, .availPackages button.modifiyService:hover, .availEngines .insuranceContainer .insuranceDetails .md-button.moreInfo:hover, .availTour .configurationTour > .boxService button.modifiyService:hover, .filterMobile button.md-button:hover{border-color:#ff6226 !important;} /*btn as link */ .availEngines .hotelContainer .hotelDetails .md-button.moreInfo, .availEngines .hotelContainer .hotelPriceDetails .md-button.moreInfo, .availEngines .hotelContainer .moreOptions, .availEngines .hotelContainer .moreOptions md-icon, .availEngines .insuranceContainer .insuranceDetails .fileLink, .availCombinedSales .insuranceContainer .insuranceDetails .fileLink, .availTour .serviceInformation .btnShowHotels, .availTour .serviceInformation .btnShowHotels md-icon, .availTours .md-button.viewMap, .journeyContainer .btnShowDetails md-icon{padding:0 !important; color:#f53d3b !important; box-shadow:none !important; background:none !important} .availEngines .hotelContainer .hotelDetails .md-button.moreInfo:hover, .availEngines .hotelContainer .hotelPriceDetails .md-button.moreInfo:hover, .availEngines .hotelContainer .moreOptions:hover, .availEngines .hotelContainer .moreOptions:hover md-icon, .availEngines .insuranceContainer .insuranceDetails .fileLink:hover, .availCombinedSales .insuranceContainer .insuranceDetails .fileLink:hover, .availTour .serviceInformation .btnShowHotels:hover, .availTour .serviceInformation .btnShowHotels:hover md-icon, .productTour .itineraryDescription .viewMap:hover, .availTours .md-button.viewMap:hover, .journeyContainer .btnShowDetails:hover md-icon{color:#ff6226 !important;} /*btn mini*/ .availTour .priceInfo button.tourBook, .productTour .itineraryDescription .dayItinerary .dayInformation .btnService, .availEngines .hotelContainer .optionPrice .md-button, .availEngines .resultsContainer .mapContainer .md-button.price, .boardContainer .md-button, .availEngines .insuranceContainer .insuranceDetails .md-button.moreInfo{padding:6px 11px 9px !important; font-size:1em !important;} .productTour .itineraryDescription .dayItinerary .dayInformation .btnService:hover{background:#ff6226 !important} /* box */ .availEngines .flightContainer, .bookingPage .formContainerBox, .availEngines .hotelContainer, .optionsContainer .roomsContainer, .availEngines .activityContainer, .productActivity .modalitiesContainer .modalityContainer, .availEngines .insuranceContainer, .availTours .resultsContainer .tourContainer, .availEngines .journeysContainer .detailsContiner, .bookingPage .boxSummary .serviceData.extra, .availEngines .modalityContainer, .cardHotel md-card {padding:1.4em !important; border:0; border-radius:7px; background-color:rgba(4,26,43,.4) !important;} .availEngines .flightContainer{padding:15px 10px; box-shadow: 0 0 8px 0 rgb(0 0 1 / 10%)} /*subox*/ .availEngines .hotelContainer .roomName, .productHotel .roomsContainer .roomName, .productActivity .modalityContainer .modalityName{margin-bottom: 10px; border-radius: 5px; background-color: rgba(201,202,218,.1) !important;} /*Especifico*/ /*Entorno*/ .filtersContainer{} .filtersContainer .panel, md-dialog .panel{border:0; background:none;} .filtersContainer .panel .panel-heading i, md-dialog .panel .panel-heading i{display:none;} .filtersContainer .filterName, md-dialog .filterName{position:relative;} .filtersContainer .filterName input, md-dialog .filterName input{padding-right:50px; border-bottom-color:#ccc;} .filtersContainer .filterName md-icon, md-dialog .filterName md-icon{position:absolute !important; top:0; right:0; color:#f53d3b !important; background:none !important;} .filtersContainer .filterName md-icon:hover, md-dialog .filterName md-icon:hover{color:#ff6226 !important;} .filtersContainer .subTitle{margin-bottom: 10px; border-radius: 5px; background-color:rgba(201,202,218,.1) !important;} .filtersContainer .subTitle, .filtersContainer .subTitle md-icon{color:rgba(255,255,255,.6) !important;} .searchResume{margin-bottom:30px; padding-left:12px !important; padding-right:12px !important; font:400 14px/1.4em 'Poppins', sans-serif !important; border-bottom:rgba(4,26,43,.75) 1px solid !important; color:#c9cada !important; box-shadow:none !important; background:none !important;} .searchResume b, .searchResume .searchParameters{font-weight:400 !important; color:#c9cada !important;} .searchResume .newSearch{font-weight:600 !important; color:#fff !important} .searchResume .newSearch:hover{color:#ff6226 !important} .availEngines .resultsContainer .orderTools{border:0;} .availEngines .resultsContainer .orderTools span.titleOrder{width:auto; padding:12px 15px 0 0; font:400 1em/1em 'Poppins', sans-serif !important; letter-spacing: -0.01em; color:#c9cada !important; background:none;} .availEngines .resultsContainer .orderTools .md-button{width:auto; margin-right:5px; padding:5px 20px; text-transform:none; border:0; color:#fff; box-shadow:0 0 8px 0 rgb(0 0 1 / 30%); border-radius:24px; background-color:rgba(77,92,107,.9); } .availEngines .resultsContainer .orderTools .md-button.orderActive{background-color:#f53d3b;} .availEngines .filtersContainer .group-filter-category{border:1px dotted rgba(201,202,218,.25) !important} .availEngines .filtersContainer .group-filter-category > .btn-filter-category + .btn-filter-category{border-left:1px dotted rgba(201,202,218,.25) !important} .pagination>li>a, .pagination>li>span{margin-right:3px; color: #fff; box-shadow: 0 0 8px 0 rgb(0 0 1 / 30%); border:0; border-radius: 24px; background-color: rgba(77,92,107,.9);} .pagination>li>span{box-shadow:none; background-color:transparent;} .pagination>.active>a{background-color:#f53d3b;} .pagination>li>a:hover, .pagination>.active>a:hover{color:#fff; background-color:#ff6226;} .pagination>.disabled>a{box-shadow:none; background-color:transparent;} /*Galerías*/ .productTour .galleryTour{overflow:hidden; display:block; position: relative; width: 100%; margin:0 auto 25px; border-radius:3px; box-shadow: 0px 0px 5px rgba(0,0,1,.32);} .productTour .galleryTour:before{ content: ""; display: block; padding-top:56%;} .productTour .galleryTour .sliderImages{position:absolute; top:0; right:0; bottom:0; left:0; margin:0 !important; background:#141414;} .productTour .galleryTour img{ display: block; width: 100%; height: 100%; object-fit: cover; } .productTour .galleryTour .arrow{font-size:30px !important; color:#fff !important;} .productTour .thumbImages li.active{border-color:#ff6226 !important} .productActivity .galleryActivity {overflow:hidden; display:block; position: relative; margin:0 auto 25px; border-radius:3px; box-shadow: 0px 0px 5px rgba(0,0,1,.32);} .productActivity .galleryActivity :before{ content: ""; display: block; padding-top:56%;} .productActivity .galleryActivity .sliderImages{position:absolute; top:0; right:0; bottom:0; left:0; margin:0 !important;} .productActivity .galleryActivity img{position: absolute; top:0; max-width: none !important; max-height: none !important; display: block; width: 100%; height: 100%; object-fit: cover; } .productActivity .galleryActivity .sliderImages .arrow{display:block; position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; padding:10px; font-size:30px; color:#fff;} .productActivity .galleryActivity .sliderImages .arrow.prev{left:20px;} .productActivity .galleryActivity .glyphicons-chevron-left::before {content: "\E225" !important; margin-top:-30px; font-size:26px;} .productActivity .galleryActivity .sliderImages .arrow.next{right:20px;} .productActivity .galleryActivity .glyphicons-chevron-right::before{content: "\E224" !important; margin-top:-30px; font-size:26px;} /*Boxs*/ .availTours .resultsContainer .tourContainer, .availEngines .activityContainer{overflow:hidden; position:relative; border:0;} .productTour .searcherBox{background:rgba(4,26,43,.4) !important; position:relative; border:0;} .productTour .searcherBox .includesBox{border:0} /*Flights*/ .flightContainer .infoOrigin span, .flightContainer .infoDestination span{text-align:center;} .flightContainer .boxPrice{padding-right:10px !important; padding-left:10px !important;} .flightContainer .boxPrice .optionPrice > div{line-height:auto !important;} .flightContainer .boxPrice .optionPrice .md-button{margin-top:.5em !important; } .availEngines .optionPrice > div > span{color:#c9cada !important;} .flightContainer .boxPrice .price{font-size:14px !important; font-weight:400 !important; color:#c9cada !important;} .flightContainer .boxPrice .price.total{font-size:18px !important; font-weight:600 !important; color:#fff !important;} .flightContainer .journeysContainer .journeyContainer .infoItinerary{font-size:13px;} .flightContainer .journeysContainer .journeyContainer + .journeyContainer {border-top: 1px dotted rgba(201,202,218,.25) !important; } .flightContainer ul.itinerary-line{background-color:rgba(201,202,218,.5) !important;} .flightContainer ul.itinerary-line .itinerary-stop{width:12px !important; border-radius:50%; background-color:rgba(201,202,218,1) !important;} .flightContainer .btnShowDetails a{color:#f53d3b !important} .flightContainer .btnShowDetails a:hover{color:#ff6226 !important} .flightContainer .boxPrice .btnBreakdown{color:#fff !important;} .flightContainer .boxPrice .btnBreakdown:hover{color:#ff6226 !important; background-color:transparent !important;} .flightBreakdown .info{margin-bottom:15px; padding:10px 15px 10px !important; line-height:1.5em; border:0; border-radius:3px; color:#dbdbe3; background:#0a293b;} .flightBreakdown .info .title{color:#fff;} .flightBreakdown .info .description{color:#c9cada;} .flightBreakdown .line.total .price{color:#fff !important;} .flightFareFamilies pre{color:#F2F2F2} /*Hotels*/ .availEngines .hotelContainer{color:#c9cada !important} .availEngines .hotelContainer .boardContainer{padding:5px; border-bottom:1px dotted rgba(201,202,218,.25) !important} .availEngines .hotelContainer .boardOption:hover, .productHotel .roomsContainer .boardOption:hover{background:none !important;} .availEngines .hotelContainer .moreOptions{margin-top:8px;} .boardContainer .optionPrice span{display:inline-block; padding-top:5px !important; } .boardContainer .boardOption .md-button{margin-left:8px !important;} .productHotel .roomContainer{border:0 !important} .productHotel .boardContainer + .boardContainer{border-top:1px dotted rgba(201,202,218,.25) !important} md-sidenav .productHotel .galleryHotel{max-width:700px;} .productHotel .galleryHotel{overflow:hidden; display:block; position: relative; border-radius:8px; box-shadow: 0px 0px 5px rgba(0,0,1,.32);} .productHotel .galleryHotel:before{ content: ""; display: block; padding-top:56%;} .productHotel .galleryHotel .sliderImages{position:absolute; top:0; right:0; bottom:0; left:0; margin:0 !important;} .productHotel .galleryHotel img{ display: block; width: 100%; height: 100%; object-fit: cover; } .productHotel .galleryHotel .arrow{color:#fff !important;} .productHotel .galleryHotel .thumbImages{position:relative; z-index:10; margin-bottom:4px;} .productHotel .galleryHotel .thumbImages li{border-radius:4px; } .productHotel .galleryHotel .thumbImages li:hover{border-color:#f18f00 !important} .productHotel .thumbImages li.active{border-color:#2f3c49 !important} .productHotel .galleryHotel .thumbImages li .btnMoreImage{line-height:1.3em; background:#2f3c49;} .productHotel .hotelAddress md-icon{font-size:20px;} .productHotel .optionsContainer .askOptions{color:#fff;} .productHotel .hotelGeneralData .messageInfo{color:#fff;} .productHotel .hotelGeneralData .iconInfo{display:none} .productHotel .panel, .productHotel .informationContainer, .productHotel .hotelGeneralData{border:0; background:none;} .productHotel .informationContainer .title{display:none;} .productHotel .panel > .panel-heading{display:none !important;} .productHotel .viewOnMap{margin-top:2em; } .productHotel .viewOnMap .md-button{color:#f53d3b !important; border-color:#f53d3b !important;} .productHotel .viewOnMap md-icon{color:#f53d3b !important;} .productHotel .shareHotel .md-button.icon:hover{background:#ff6226;} .bookingPage .boxSummary .serviceInfo{padding:3px 1px; color:#c9cada !important; border-top:1px dotted rgba(201,202,218,.25) !important} /*Packages*/ .availPackages .configService, .availTour .configService, .availTour .boxModality{padding:15px 0 !important; background:none !important; } .availPackages .serviceOrder, .availTour .serviceOrder{border-color: #073356 !important; background: #073356 !important;} .availPackages .iconResume{border-color:transparent !important} .availPackages .configurationPackage > .title, .availTour .configurationTour > .title{font-size: .8em !important; background:none;} .availPackages .hotelPriceDetails, .availTour .configurationTour > .boxService{border-left: 1px dotted rgba(201,202,218,.25) !important;} .availPackages .resumeConfiguration, .availPackages .headerBox, .availTour .headerBox, .availTour .resumeConfiguration{background-color:#041a2b !important} .availPackages .resumeConfiguration, .availPackages .boxService, .availTour .resumeConfiguration{ border-color:#f53d3b !important} .availPackages .resumeConfiguration, .availTour .resumeConfiguration{border-radius:34px;} .availEngines .journeyContainer .detailsContiner .boxSegment{padding:1em 5px !important; color: #c9cada !important; background-color:transparent !important} .availEngines .journeyContainer .detailsContiner .boxSegment .airport{color:#c9cada !important} .availEngines .journeyContainer .detailsContiner .boxSegment .time span{font-size:13px; color: #fff !important; background-color: #062945;} .availEngines .journeyContainer .detailsContiner .boxSegment .detailsFlight .airport .date b, .availEngines .journeyContainer .detailsContiner .boxSegment .detailsFlight .extend .line b{color:#c9cada !important} .availEngines .journeyContainer .detailsContiner .boxSegment .detailsFlight .extend{color:rgba(255,255,255,.45) !important;} .availPackages .priceInfo .amount, .availTour .headerBox .priceInfo .amount, .availTour .configurationTour > .resumeConfiguration > .priceInfo .amount{margin-top:6px !important} .availPackages .resumePriceHeader, .availTour .resumePriceHeader{border:0 !important; color:#c9cada !important; } .availPackages .breakdown .label, .resumePriceHeader .breakdown .label{color:#c9cada !important;} .availEngines .md-button.selectedService{background:#fff !important} .availEngines .flightContainer .boxPrice .optionPrice .md-button.selectedService{cursor:default !important; color:#fff !important; border-radius:5px !important; background-color:rgba(201,202,218,.1) !important;} .availEngines .flightContainer .boxPrice .optionPrice .md-button.selectedService md-icon{color:#4caf50 !important} .availPackages .configurationPackage > .boxService > .configService .serviceChange button.modifiyService, .availTour .configurationTour > .boxService > .configService .serviceChange button.modifiyService{ width: 100%;} /*Tours*/ .availTours .resultsContainer .tourContainer .tourIncludesDetails{border:0;} .availTours .resultsContainer .tourContainer .tourIncludesDetails > div{padding-left:0; padding-right:0;} .tourCategories{margin-top:20px;} .tourCategories span{padding: 3px 8px 5px; border:0; border-radius:3px; color:#124666; border:0 !important; background:#fff} .productTour{padding-bottom:60px; } .productTour .shortDescription{padding-bottom:13px;} .productTour .infoTour{background:none;} .productTour .tourDestinations b{color:inherit;} .productTour .itineraryDescription .dayItinerary{} .productTour .itineraryDescription .dayItinerary.contrast{border-color:transparent; background:none;} .productTour .itineraryDescription .dayItinerary .dayInformation > .col-lg-8{padding:0 30px;} .productTour .itineraryDescription .dayItinerary .dayInformation .dayImage{margin-bottom:20px; padding:0; border-radius:8px; /*box-shadow:0px 5px 5px rgba(0,0,1,.2);*/ } .productTour .itineraryDescription .dayItinerary .dayInformation .dayImage img{margin:0 auto;} .productTour .itineraryDescription .dayItinerary .dayInformation .itinerary-day{background-color:#c9cada; border-color:#c9cada} .productTour .includesDescription .boxInclude{height:auto; min-height:80px; margin-bottom:30px;} .productTour .includesDescription .boxInclude > md-icon{font-size:20px !important;} .productTour .modalityDescription > md-tabs .md-tab{color:#7b272a; background:#fff} .productTour .modalityDescription > md-tabs .md-tab:hover{color:#fff; background:#ff6226 !important} .tourHotelInfo .contact{padding:6px; background:none !important;} .productTour .searcherBox .includesBox .listBox{color:#fff; background:rgba(4,26,43,.4) !important} .productTour .searcherBox .includesBox .listBox .line + .line{border-color:rgba(4,26,43,.4) !important;} .shareTour .md-button.icon{border-radius:4px;} .productTour .cardHotel md-card{margin-bottom:30px; border-radius:3px; background:#fff; transition:.15s all} .productTour .cardHotel md-card md-card-title{padding:15px 15px 20px;} .productTour .cardHotel md-card:hover{color:#fff; background:#ff6226 !important} .productTour .cardHotel md-card:hover .md-headline, .productTour .cardHotel md-card:hover .md-subhead{color:#fff !important} .productTour .tourDestinations md-icon{margin-right:5px; font-size:20px !important} .productTour .boxServices .cardHotel{padding-left:1px !important; padding-right:1px !important} .productTour .cardHotel md-card{margin-left:3px; margin-right:3px;} .productTour .cardHotel md-card img{object-fit: cover;} .availTour button.chooseService{width:100%;} .availTour .resultsContainer .title md-icon{display:none;} .availTours .md-button.viewMap{margin:5px 10px !important;} .availTours .md-button.viewMap md-icon{color:#f53d3b !important;} /*Seleccion modalidad*/ .availTour .includesTour{background:none;} .availTour .includesTour .includes .line{width:auto !important; margin:0 4px 4px 0 !important; } .availTour .includesTour .line md-icon{font-size:18px; line-height:inherit;} /*Fixed header*/ .productTour .headerFixed{height:0; padding:0; font:400 12px 'Poppins', sans-serif !important; box-shadow:0px 5px 5px rgba(0,0,1,.2); background-color:#f53d3b } .productTour .headerFixed b{font-weight:400;} .productTour .headerFixed > .container{max-width:100%; width:100%; padding:0;} .productTour .headerFixed .md-button.btnMenu{font-size:0.95em; letter-spacing: -0.02em;} .productTour .headerFixed .md-button.btnSearch{position:relative; top:0; min-width: 1px; height: auto !important; min-height: 1px !important; margin:0 0 0 5px; padding: 3px 5px !important; font:600 1em 'Poppins' !important; text-shadow: none; color: #f53d3b !important; border: 0 !important; background:#fff !important; } .productTour .headerFixed .md-button.btnMenu:hover, .productTour .headerFixed .md-button.btnSearch:hover{color:#ff6226 !important;} @media (min-width:1200px){ .productTour .headerFixed .name{width:28%;} .productTour .headerFixed .menu{width:38%; text-align:center;} .productTour .headerFixed .info{padding-top:6px;} .productTour .modalityDescription .boxServices .cardHotel:nth-child(3n+1) {clear:both !important;} } @media (max-width:1200px){ .productTour .headerFixed .container > div{padding:0;} .productTour .headerFixed .container > div.info{padding:10px 0;} .productTour .modalityDescription .boxServices .cardHotel:nth-child(odd) {clear:both !important;} } @media (min-width:992px) and (max-width:1200px){ .productTour .headerFixed .menu{width:65%} .productTour .headerFixed .name{display:none;} } @media (min-width:767px) and (max-width:992px){ .productTour .headerFixed .name{display:none;} .productTour .headerFixed .menu{width:60%; float:left; padding:0;} .productTour .headerFixed .info{width:40%; float:right;} } @media (max-width:767px){ .productTour .headerFixed{padding:12px 0;} .productTour .headerFixed .name, .productTour .headerFixed .menu{display:none;} } /*Fix calendar*/ @media (min-width:762px){ .ui-datepicker.travel-datepicker{transform: scale(1.3);} .ui-datepicker.travel-datepicker{width:100%; min-width:21em; max-width:40em;} .ui-datepicker.travel-datepicker td span, .ui-datepicker.travel-datepicker td a{width:100%;} .ui-datepicker.travel-datepicker .ui-datepicker-calendar td a[data-custom-price]::after{font-size:11px} } /*Activit*/ .activityPriceDetails{width:100%; padding:0 20px !important;} .productActivity .activityGeneralData .iconInfo{display:none;} .productActivity .activityGeneralData .line b{display:inline-block; padding-bottom:5px;} .productActivity .totalPrice > div{padding:10px 4px;} .productActivity .activityGeneralData .dateResume .line{position:relative; margin-bottom:10px; padding-left:50px; color: #2f3c49;} .productActivity .activityGeneralData .dateResume .line > md-icon{position:absolute; top:0; left:0; font-size:25px;} .availEngines .activityContainer{position:relative; min-height:180px; } .availEngines .activityContainer .activityImg{z-index:2; position: absolute; top:25px; left:25px; width:130px; height:130px; border-radius: 8px; -webkit-box-shadow: 0 4px 4px 0px rgba(33, 30, 55, 0.15); box-shadow: 0 4px 4px 0px rgba(33, 30, 55, 0.15);} .availEngines .activityContainer .activityImg img{position: absolute; left: 0; width: auto; height: 100%;} .productActivity .activityDestination md-icon{font-size:20px;} .availEngines .md-button.price b{font-size:inherit !important;} .productActivity .informationContainer, .productActivity .modalitiesContainer, .productActivity .modalitiesContainer .searchCalendar, .productActivity .activityGeneralData{border:0; background:none;} /*Insurances*/ .availEngines .insuranceContainer .insuranceDetails{text-align:left;} .availEngines .insuranceContainer .insuranceDetails .md-button.moreInfo{width:auto; margin:1.2em 0 .8em; float:left;} .availEngines .insuranceContainer .insurancePriceDetails .md-button{margin-top:1.5em; width:100%} /*Booking*/ .bookingPage .tabsOperation{border-bottom:3px #e5ebf3 solid;} .bookingPage .tabsOperation .btnPageOperation{padding:10px 20px 8px; font:600 1em/0.9em 'Poppins', sans-serif; letter-spacing: -0.02em; text-transform: none; color: #c9cada; transition: all 0.15s; border-radius:5px 5px 0 0; background: transparent;} .bookingPage .tabsOperation .btnPageOperation md-icon{color: #c9cada !important;} .bookingPage .tabsOperation .btnPageOperation:hover{color:#fff; background-color:#ff6226;} .bookingPage .tabsOperation .btnPageOperation:hover md-icon{color:#fff !important;} .bookingPage .tabsOperation .btnPageOperation.active{color:#1b4264; background:#e5ebf3;} .bookingPage .tabsOperation .btnPageOperation.active md-icon{color:#1b4264 !important;} .bookingPage .boxSummary{border:0 !important; background:none;} .bookingPage .row.boxSummary, .bookingPage .row.contactUs, .bookingPage .row.securePayment{margin:0; } .bookingPage .row.contactUs{margin-top:2em; margin-bottom:2em;} .bookingPage .boxSummary .serviceContainer, .bookingPage .boxSummary .priceContainer, .bookingPage .contactUs{color:#c9cada; background:none;} .bookingPage .boxSummary .serviceContainer{border-left-color:transparent;} .bookingPage .boxSummary .serviceContainer .dateHeader, .bookingPage .boxSummary .serviceContainer .sectionSubservice{margin-bottom: 10px; border-radius: 5px; background-color: rgba(201,202,218,.1) !important;} .bookingPage .boxSummary .priceContainer .priceLine .priceAmount{color:#c9cada} .bookingPage .boxSummary .priceContainer .totalPrice{color:#fff;} .bookingPage .boxSummary .serviceContainer .serviceData.journey .serviceTitle{font-size:12px; color:#fff;} .bookingPage .boxSummary .serviceContainer .serviceData.journey .time{color:#fff; background-color:#062945;} .bookingPage .boxSummary .serviceContainer .serviceData.flight .serviceInfo{color:#c9cada; border:0; background:rgba(4,26,43,.4)} .bookingPage .contactUs .text span .phone{display:block;} .bookingPage .boxSummary .serviceData.extra{margin-top:5px; border-top:0 !important} .bookingPage .progressBarContainer{display:none;} .bookingPage .loginBox{margin-bottom:2em; border-radius:7px; background:#fff;} .bookingPage .formContainerBox{} .bookingPage .formContainerBox .optionalTitle{width:100%; padding-bottom:7px; color:#fff !important} .bookingPage .infoSection.formImportantMsg, .availEngines .journeyContainer .detailsContiner .boxSegment .detailsScale{margin:8px 0; padding:15px 20px !important; border-radius:4px; border:0; color:#4d839e !important;} .availCombinedSales .insuranceContainer{background-color:transparent;} .availCombinedSales .insuranceContainer .insuranceDetails .insuranceName{margin-bottom:10px;} .availCombinedSales .insuranceContainer .insuranceDetails .insuranceName md-checkbox{ color:#fff !important} .availCombinedSales .insuranceContainer .insuranceDetails .insuranceDescription{margin-bottom:10px !important;} .bookingPage .formContainerBox .secondBox{background:#073356} .bookingPage .formContainerBox .paxContainer .paxHeader .title{color:inherit} .md-dialog-md .md-dialog-content.changePaymentBooking .panel-heading md-radio-button .price{color: rgba(255,255,255,.7) !important; font-weight:600 !important} /**/ @media (min-width: 1200px) { .availEngines .activityContainer .activityDetails{width:100%; padding:0 250px 0 170px !important;} } @media (max-width: 1200px) { .availEngines .activityContainer .activityImg{width:90px; height:90px;} .availEngines .activityContainer .activityDetails{width:100%; padding:20px 20px 20px 120px !important;} .seo-area{display:none;} #paneluselect{} #paneluselect.sidenav-panel md-content{overflow:visible} #paneluselect.sidenav-panel md-content .middle-box{position: relative; top: auto; left: auto; transform: none;} #paneluselect.sidenav-panel md-content .box-u-aside-panel{overflow:visible; padding:15px;} #paneluselect.sidenav-panel md-content .botonera{display:inline} #paneluselect.sidenav-panel md-content .botonera .tag{padding-top:9px;} } @media (min-width: 992px) { .bookingPage form > div > .col-md-4{max-width:400px; float:left !important; } .bookingPage form > div > .col-md-8{float:right !important; } .flightContainer .journeysContainer{ border-right: 1px dotted rgba(201,202,218,.25) !important} .productTour .includesDescription .boxInclude:nth-child(3n){clear:both;} .productTour .headerFixed.fix-to-top{top:auto; bottom:0} .productTour .columRightDesktop{padding-top:50px;} .productTour .columRightDesktop .shareTour{position:absolute; top:-10px; padding:0} .productTour .columRightDesktop .shareTour .md-button.icon{margin:0 0 3px 3px;} } @media (max-width: 992px) { .productTour .includesDescription .boxInclude:nth-child(2n+1){clear:both;} .availPackages .configurationPackage {padding: 30px 0;} } @media (min-width: 762px) { /*Listado*/ .availTours .tourContainer, .availEngines .activityContainer{display:block} .availTours .tourContainer .tourImg, .availEngines .activityContainer .activityImg{position: absolute; top:1.5em; bottom: 1.5em; padding: 0 !important; max-height: none !important; border-radius:7px; } .availTours .tourContainer .tourImg img, .availEngines .activityContainer .activityImg img{width: auto; max-width: none; height: 100%;} .availTours .tourContainer .tourDetailsBox{padding:0 15px 0 40px !important; float:right;} } @media (max-width: 762px) { .availEngines .searchResume{padding:10px; } .availEngines .resultsContainer .orderParameter.md-button{width:50%;} .availEngines .resultsContainer .orderTools span.titleOrder{display:none;} /**/ .availEngines .resultsContainer{padding-right:6px;} .searchParameters{ width: 100%; margin: 15px 0; float: left; line-height: 1.2em; padding: 15px; font-size: 0.95em !important; font-weight: 400 !important; color: #5d5d6e !important; background:rgba(4,26,43,.4) !important; } /*Listado*/ .availTours .tourContainer, .availEngines .activityContainer{padding-top:0 !important; } .availTours .tourContainer .tourImg{width:100%; max-height:200px; margin-bottom:10px !important; padding:0 !important;} .availEngines .activityContainer .activityImg{width:90px; max-height:200px; margin-bottom:10px !important; padding:0 !important;} .availTours .tourContainer .tourDetailsBox{width:100% !important;} .availTours .resultsContainer .tourDetails{padding:10px 20px 20px !important;} .availTours .tourContainer .md-button.viewTour, .availEngines .activityContainer .md-button.price{width:100% !important; margin-top:15px !important;} /*Hotel*/ .availEngines .hotelContainer{position:relative;} .availEngines .hotelContainer .hotelImg{z-index:2; position: absolute; top:25px; left:25px; width: 90px; height: 90px; border-radius:4px; -webkit-box-shadow: 0 4px 4px 0px rgba(33, 30, 55, 0.15); box-shadow: 0 4px 4px 0px rgba(33, 30, 55, 0.15);} .availEngines .hotelContainer .hotelImg img{position: absolute; left: 0; width: auto; height: 100%; object-fit: cover;} .availEngines .hotelContainer .hotelPriceDetails {z-index:2; position:absolute; top: 15px; right: 15px;} .availEngines .flightContainer .boxPrice .optionPrice > div > .price{float:none;} .availEngines .hotelContainer .hotelPriceDetails .md-button.moreInfo{display:none;} .availEngines .hotelContainer .hotelDetails {z-index:1; position:relative; width:100%; min-height:75px; padding:0 0 0 120px;} .availEngines .hotelContainer .hotelPriceDetails{display:none;} .availEngines .hotelContainer .roomName > i{display:block; float:left !important; font-style:normal; font-size:.9em;} /*Package*/ .availPackages > .headerBox{} .availPackages > .headerBox .info, .availTour .headerBox .info{display:none;} .availPackages > .headerBox .tourName, .availTour .headerBox .tourName{margin-bottom:15px;} .availPackages > .headerBox .breakdown{} .availPackages > .headerBox .breakdown .line, .availPackages > .headerBox .resumePrice > .breakdown .lineTotal, .availTour .headerBox .breakdown .line, .availTour .headerBox .resumePrice > .breakdown .lineTotal{width:100% !important;} .availPackages .configurationPackage > .title{display:none;} .availPackages .configurationPackage > .boxService, .availTour .configurationTour > .boxService{margin-left:0; padding:15px; border:0;} .availPackages .configurationPackage > .boxService > .serviceOrder{display:none;} .availPackages .configurationPackage > .resumeConfiguration, .availPackages .changeService > .resumeConfiguration{margin:0 15px;} .availPackages .configurationPackage > .resumeConfiguration > .iconResume, .availPackages .changeService > .resumeConfiguration > .iconResume{display:none;} .availPackages .configurationPackage > .boxService > .configService > .hotelContainer .serviceChange{margin-top:20px;} .availPackages .hotelContainer .hotelPriceDetails{position:relative !important; top:auto; left:auto; right:auto; display:inline-block; width:100%;} .availPackages > .headerBox .priceInfo, .availTour .headerBox .priceInfo{width:100%;} .availPackages md-sidenav .resultsContainer .resumePriceHeader{width:100% !important; margin-bottom:20px; } .availPackages .headerBox .resumePrice > .breakdown .price, .availPackages md-sidenav .resultsContainer .resumePriceHeader > .breakdown .price{font-size:11px !important;} .availPackages .configurationPackage > .resumeConfiguration .priceInfo , .availPackages .changeService > .resumeConfiguration .priceInfo {width:100%;} .priceInfo .availPackages .configurationPackage > .resumeConfiguration > .priceInfo button.tourBook, .availTour .configurationTour > .resumeConfiguration > .priceInfo button.tourBook{width:100%; margin-top:15px; padding-top:10px; padding-bottom:10px;} .availPackages .headerBox .resumePrice, .availPackages .hotelPriceDetails, .availTour .configurationTour > .boxService{border:0 !important;} /*Tour*/ .productTour .headerFixed.fix-to-top{top:auto; bottom:0} .productTour .shortDescription{margin:25px 0; text-align:left;} /*Fix Modalidades*/ .availTours .resultsContainer .tourContainer .tourDetailsBox{padding:124px 10px 10px;} .availTours .resultsContainer .tourContainer .tourPriceDetails{z-index:10; position:absolute; top:0; right:0;} .availTours .resultsContainer .tourContainer .tourPriceDetails .duration{margin-top:8px;} .availTours .resultsContainer .tourContainer .tourIncludesDetails > .col-md-6.pull-right{width:100%; padding:0;} .availTours .resultsContainer .tourContainer .tourIncludesDetails .md-button.viewTour{width:100%;} .availTour .configurationTour{margin-left:0; padding:15px;} .availTour .configurationTour > .title, .availTour .configurationTour > .boxService > .serviceOrder, .availTour .configurationTour > .resumeConfiguration > .iconResume{display:none;} .availTour .configurationTour > .resumeConfiguration > .priceInfo .amount, .availTour .availableModality .resultsContainer > .resumeConfiguration > .priceInfo .amount, .availTour .headerBox .priceInfo .amount, .availPackages .configurationPackage > .resumeConfiguration > .priceInfo .amount, .availPackages .changeService > .resumeConfiguration > .priceInfo .amount, .availPackages > .headerBox .priceInfo .amount{margin-left:12px;} .availTour .configurationTour > .boxService{margin-left:0; padding: 0; border: 0;} } /**/ @keyframes t_fade_in { 0% { opacity: .3; } 100% { opacity: 1; } } @keyframes t_scale_back { 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @keyframes t_zomm_bounce { 0% { transform: scale(1); opacity:.9; } 30% { transform: scale(1.02); } 60% { transform: scale(.97); opacity:1; } 100% { transform: scale(1); } } @keyframes t_zomm_btn { 0% { transform: scale(1); opacity:.9; } 30% { transform: scale(1.12); } 60% { transform: scale(.9); opacity:1; } 100% { transform: scale(1); } } /**/ a.tag.rounded{display:inline-flex; justify-content:center; align-items:center; color:#dbdbe3}