/* font-family: 'Raleway', sans-serif; 400, 400i, 600, 700*/ html, body{background:#fff;} body{font:400 1.65em/1.6em 'Raleway',sans-serif; letter-spacing:-0.01em; text-rendering: optimizeLegibility; color:#202723;} a{color:#202723;} a:hover{text-decoration:none; color:#ffb207; transition:all 0.15s;} a:hover b{color:#ffb207;} 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/1.25em 'Raleway', sans-serif; letter-spacing:-0.03em; color:#06193d;} .title.b, .title b{color:#408ac8} .title.xl{font:600 2.2em/1.1em 'Raleway',sans-serif;} .legend{font:600 .9em/1.2em 'Raleway',sans-serif; text-transform:none; color:#433f56} .boton, .btnSearch, .registerBox a.loginLink, .loginBox .registerAction a.loginLink, tws-agency-login .md-button.md-primary, md-dialog-actions .md-primary, .loginBox button.md-primary{cursor:pointer; display:inline-block; padding:15px 20px; font:600 1.02em/1.15em 'Raleway', sans-serif !important; letter-spacing:0; text-align:center; text-transform:none !important; color:#fff !important; border:0; border-radius:30px; box-shadow: 0 0 8px 0 rgba(0,0,1,.50); background:#408ac8 !important;} .boton.xl{padding:17px 26px; font-size:1.24em !important; box-shadow: 0 0 30px 5px rgba(15,64,157,.44); background:#06193d !important;} .boton.md-button{margin:0;} .boton:hover, .btnSearch:hover, .registerBox a.loginLink:hover, .loginBox .registerAction a.loginLink:hover, tws-agency-login .md-button.md-primary:hover, md-dialog-actions .md-primary:hover, .loginBox button.md-primary:hover{color:#fff !important; background:#ffb207 !important} .boton:hover .orange{color:#fff !important;} .boton-aux{padding:15px 15px; font:600 1.4em/1.15em 'Raleway', sans-serif; letter-spacing:-0.01em; border-radius:6px; color:#fff; -webkit-box-shadow: 0 0 5px 0 #383838; box-shadow: 0 0 5px 0 #383838; background:#1c3d8c} .boton-aux:hover{color:#fff !important; background:#ffb207 !important} .boton-aux:hover .orange{color:#fff !important;} .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:#ffb207 !important; background-color:transparent !important;} .full-width, .fw{width:100%; float:left;} .full-height, .fh{height:100%;} .full-width.container{max-width:100%;} .m-amplio{margin-bottom:60px;} .m-tercio{margin-bottom:45px;} .m{margin-bottom:30px !important;} .m-mid{margin-bottom:15px;} .m-mini{margin-bottom:8px;} .no-padding-col{padding-left:0 !important; padding-right:0 !important;} .pl-0{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:#06193d;} .img-boxed{position:absolute; top:0; right:0; bottom:0; left:0;} .img-boxed .img-cover{width:100%; height:100%; object-fit: cover;} .forma-responsive{display:block; position: relative; width: 100%; background:#23211D;} .forma-responsive:before{ content: ""; display: block; padding-top:53%;} .forma-responsive.squared:before{ content: ""; display: block; padding-top:128%;} .forma-responsive.tall:before{ content: ""; display: block; padding-top:128%;} .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;} .orange, a.orange{color:#eb7203 !important;} .blue, a.blue{color:#06193d !important;} .blue-mid, a.blue-mid{color:#408ac8 !important;} a:hover .white, a.white:hover , a:hover .orange, a.orange:hover {color:#ffb207 !important;} .fa-star , .fa-key{font-size:1em;} .fa-star.active , .fa-key.active{color:#f7b000;} .fa-star.inactive, .fa-key.inactive{color:#fdedef;} .bg-dark{background:#06193d;} .bg-blue{color:#fff; background:#1c3d8c;} ::-moz-selection { color:#fff; background:#000; } ::selection { color:#fff; background:#000; } .alert.alert-danger{background-color:#FE6020 !important} @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;} .navbar-toggle{z-index:20; margin:10px 0 14px 3px; padding:8px; border:0; border-radius:4px; background-color:transparent;} .navbar-toggle span{background:#408ac8;} .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: 700; text-transform:uppercase; color: #06b4e1;} .item > .text-center{text-align:left;} .lead{font-size:1.2em; font-weight:400; color:#97999f;} .lead.small{font-size:1.1em; font-weight:400; } iframe{border:0} p{margin:0 0 10px;} hr{border-width:2px} .text-muted{color:inherit; opacity:.6;} .small{font-size:0.85em; line-height:1.2em;} .nav.aside-nav{} .nav.aside-nav .title{padding-bottom:10px;} .nav.aside-nav a{padding:7px 0; color:#1c3d8c} .nav.aside-nav a:hover{color:#ffb207; background:none;} .nav.aside-nav .active a{opacity:.5; cursor:default; color:#408ac8; 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 8px 6px; font:600 13px 'Raleway', sans-serif; color:#fff; background-color:#181410 !important;} md-menu-item .fab{margin-left:2px; font-size:22px;} md-menu-item .icono {position:relative; top:5px;} #loader-container {background:#1c3d8c url('/cdn/images/oval.svg') no-repeat center center; background-size:40px 40px; position: fixed; overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;z-index: 99999;} /**/ #header-web{position:relative; z-index:99; width:100%; float:left; color:#1d1d1b; -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.12); box-shadow: 0 2px 12px 0 rgba(0,0,0,.12); } #header-web .logo-brand{position:absolute; top:5px; left:16px;} #header-web .btn-as-link{height:40px; margin:6px 0 0 7px} #header-web .btn-as-link .material-icons{position:relative; top:4px; width:auto; height:auto; font-size:1.6em;} #header-web .btn-as-link .material-icons.user{font-size:1.8em;} #header-web .aux-block{margin-top:8px;} #header-web .aux-block > md-menu{float:left;} #header-web .aux-block .txt{display:block; text-align:right; line-height:1.15em; } #header-web .aux-block small{font-size:.65em; font-weight:600; letter-spacing:.05em; text-transform:uppercase; } #header-web .btn-as-link.contact{padding-right:70px; } #header-web .btn-as-link.contact .icns{position:absolute; right:0; top:0} #header-web .main-menu{margin-top:16px; float:left;} /*#header-web nav{margin-top:16px; float:left;} #header-web nav .navbar-nav > li{display:inline-block; float:none;} #header-web nav .navbar-nav > li a, #header-web nav .navbar-nav > li .btn-as-link, md-menu-content .btn-as-link{padding-left:15px; padding-right:15px; font-family:'Raleway', sans-serif; font-size:15px; font-weight:600; line-height:1em; text-transform:none; color:#1d1d1b;} md-menu-content md-menu-item > .md-button{font-family:'Raleway', sans-serif; font-size:15px; font-weight:600; line-height:1em; width: 100%; margin: auto 0; padding-left: 31px; padding-right: 16px; padding-top: 12px;} #header-web nav .navbar-nav > li .btn-as-link md-icon{position:relative; top:-1px; width:12px; min-width:12px; height:auto; min-height:1px; margin-left:2px; font-size:16px; color:inherit;} #header-web nav .navbar-nav > li a:hover, #header-web nav .navbar-nav > li .btn-as-link:hover{color:#ffb207;}*/ ul.submenu-special{} ul.submenu-special{width:100%; margin:0 0 0 -5px; padding:0; list-style:none;} ul.submenu-special li{width:100%; margin-bottom:6px; border-bottom:#ddd solid 1px;} ul.submenu-special a{display:inline-block; width:100%; padding:4px 0 6px;} ul.submenu-special li:last-child{margin:0; border-bottom:0;} ul.submenu-special li:last-child a{padding-bottom:0} .md-open-menu-container md-menu-item{min-height:28px; height:30px;} .panel-faq{width:100%; float:left; background-color:transparent;} .panel-faq .panel{border:0; background-color:transparent;} .panel-faq .panel-heading{position:relative; padding:0; background-color:transparent;} .panel-faq .panel-heading a{display:inline-block; width:100%; padding:15px 45px 15px 15px; font:700 1em/0.9em 'Raleway', sans-serif; text-transform:none; border-radius:3px; color:#fff !important; background:#141320;} .panel-faq .panel-heading a .icon{position:absolute; right:15px; top:14px; color:#fff ;} .panel-faq .panel-heading.active .plus{display:none;} .panel-faq .panel-heading a:hover, .panel-faq .panel-heading a:hover .icon{color:#fff; background:#14131f;} .panel-faq .panel-body{background:#06193d} #footer-web{position:relative;color:#e0f4fc; background:#fff url(https://www.som2travel.es/cdn/images/bg-footer.jpg) no-repeat 50% 50%; background-size:cover;} #footer-web a, #footer-web .btn-as-link{color:#fff} #footer-web a:hover{color:#ffb207;} #footer-web .legend{color:#489be1} #footer-web ul.list-unstyled li{padding-bottom:6px; font-size:14px} #footer-web .as-btn{padding:8px; margin-bottom:3px; border-radius:3px; background:#1c3d8c;} #footer-web .as-btn.aux{background:#4697e3;} #footer-web .as-btn:hover{color:#fff; background:#ffb207; } #footer-web .logotypes{display:flex; justify-content:space-between; align-items:center} #footer-web .logotypes .europe{display: flex; align-items: center; gap:5px} #footer-web .logotypes .description{font-size:1.4rem; line-height:1.3em} #footer-web .logotypes .description b{font-weight:700; color:#00309e} #footer-web .plan{float:right} #footer-web .col-contact{font:600 1.1em/1.2em 'Raleway',sans-serif; letter-spacing:-.02em; color:#433f56;} #footer-web .col-contact small{font-size:0.7em; font-weight:400; letter-spacing:0.01em; color:#a8c2e3;} #footer-web .last-line{color:#433f56; background: linear-gradient(to bottom, rgba(241,242,245,1) 0%,rgba(245,245,248,0) 26%,rgba(255,255,255,0) 100%);} #footer-web .bg-theme{position:absolute; top:0px; bottom:0px; right:0px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:25px; padding:25px; background-color:rgb(72 155 225 / .45)} #footer-web .bg-theme .social-networks{display:flex; gap:10px; margin-bottom:20px; } #footer-web .bg-theme .social-networks a{display:flex; align-items:center; justify-content:center;width:40px; height:40px; aspect-ratio:1; border:2px solid #FFF; border-radius:50%} #footer-web .bg-theme .social-networks a:hover{border-color:#ffb207} #footer-web .bg-theme .social-networks span{font-size:2.1rem} /**/ .as-link{position:relative;} .as-link .hover-link{z-index:20; position:absolute; top:0; right:0; bottom:0; left:0;} .tarjeta{display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%; min-height:275px; padding:30px 30px; float:left; text-align:left; border-radius:12px; box-shadow:0 0 25px 3px rgba(0,0,0,.15); color:#fff; background:#06193d; transition:all .15s;} .tarjeta .title{color:#fff;} .tarjeta .icn{margin:30px 0; font-size:4.5em; line-height:1em; color:#408ac8;} .tarjeta.alt{background:#408ac8;} .tarjeta.alt .icn{color:#06193d;} .section-w-bg{width:100%; padding:4em 4em 1.5em; float:left; border-radius:16px; background-color:#06193d} .slide-ct{overflow:hidden; position:relative; max-height:600px; min-height:530px; height:60vh; background:#06193d;} .slide-ct.mid{height:250px; min-height:auto;} .slide-ct.mid{height:40vh} .slide-ct > .carousel, .slide-ct .carousel-inner, .slide-ct .carousel-inner .carousel , .slide-ct .carousel-inner .item , .slide-ct .carousel-inner .item > div, .slide-ct .carousel-inner .item > div .img-box{height:100%;} .slide-ct .carousel-indicators{display:none;} .slide-ct .carousel-control{z-index:4; display:block; width:50px; background:none;} .slide-ct .carousel-control:hover span{color:#ffb207;} .slide-ct .img-box > .container{position:relative; z-index:2;} .slide-ct .pill-info{margin:1.5em; padding:.9em 1em .9em; float:right; font:600 1.05em/1.25em 'Raleway', sans-serif; letter-spacing:-0.03em; color:#fff; border-radius:12px; background:#06193d;} .slide-ct .pill-info .aux{color:#58afff} .slide-ct .pill-info.as-link:hover{color:#fff; background:#ffb207;} .slide-ct .pill-info.as-link:hover .aux{color:#fff;} #searcher-area .searcher-box{padding:10px 12px 20px; border-radius:20px; box-shadow: 0 0 30px 5px rgba(15,64,157,.44); background:#fff;} #searcher-area .searcher-box .md-tab{font-size: 1.4em;color: #a5afc7;} #searcher-area .searcher-box .md-tab.md-active{color:#408ac8;} #searcher-area md-radio-button .md-label{margin-left:10px} #searcher-area .col-searcher{} .col-searcher .col-aside{color:#fff;} .col-searcher .col-aside a{position:relative; display:inline-block; width:100%; padding:12px 8px 12px 44px; line-height:1.5em; color:#fff; border-radius:24px 0 0 24px; background:#183377;} .col-searcher .col-aside a .icn-area{position:absolute; top:8px; bottom:8px; left:4px; width:30px; padding-right:5px; border-right:1px rgba(255,255,255,.25) dotted;} .col-searcher .col-aside a .icn-area > *{position:absolute; top:50%; margin-top:-12px; color:#4faaff;} .col-searcher .col-aside a small{display:block; color:#89d4ff;} .col-searcher .col-aside a:hover{background:#ffb207;} .col-searcher .col-aside a:hover small, .col-searcher .col-aside a:hover .icn-area > *{color:#fff;} .box{overflow:hidden; position:relative; width:100%; float:left; border-radius:12px; -webkit-box-shadow:0 3px 38px 0 rgba(3,0,38,.2); box-shadow:0 3px 38px rgba(3,0,38,.2); background:#fff;} .box .img-boxed{overflow:hidden; height:300px; border-radius:12px;} .box .img-boxed .deg{z-index:1; position:absolute; top:100%; right:0; bottom:0; left:0; border-radius:12px; background:none; background: -webkit-linear-gradient(bottom, rgba(255,178,7,0.5) 0%,rgba(255,178,7,0.15) 100%); background: linear-gradient(to top, rgba(255,178,7,0.5) 0%, rgba(255,178,7,0.15) 100%); transition:all .15s;} .box .content{width:100%; float:left; padding:18px;} .box .content .text{line-height:1.5em;} .box .content .icns{width:100%; float:left; border-bottom:#e5ebf8 1px solid;} .box .content .icns > *{display:inline-block; padding:.4em; float:left; font-size:1.4em; color:#408ac8; border:0; border-bottom:3px #fff solid; background:none;} .box .content .icns > *:hover{color:#ffb207; border-bottom-color:#ffb207;} .box .content .icns .default{} .box .price{float:right; font:400 .9em/1.6em 'Raleway', sans-serif; letter-spacing:-0.02em; text-align:right; color:#408ac8;} .box .price.alt{color:#a5afc7;} .box .price b{font-size:1.32em; font-weight:700;} .box .include{width:100%; padding-top:10px;} .box .tour-include-icon{cursor:help; margin:0 5px 2px 0; float:left; font-size:22px; color:#b4bdce; transition:all .15s;} .box .tour-include-icon:hover{color:#c8d0e0;} .box .false-link:hover{color:#ffb207 !important;} .box .img-boxed.as-link:hover{} .box .img-boxed.as-link:hover .deg{top:0%; } .box a.price:hover{color:#ffb207;} .loginBox .registerBox{width:100%; margin-top:2em; text-align:center;} .fixed-aside-btns{position:fixed; bottom:8px; left:8px; z-index:24;} .fixed-aside-btns button{ display: flex; justify-content: center; align-items: center; width:50px; min-width:0; height:50px; font-size:34px; border-radius:50%; border:0; color:#fff; box-shadow: 0 2px 6px 1px rgba(72, 25, 65, 0.22); background:#ff5e48 ;} .fixed-aside-btns button:hover{background:#ffb207 !important;} /**/ .section-tabs{position:relative; min-height:300px;} .section-tabs > md-tabs{z-index:2} .section-tabs > .bg-s{position:absolute; z-index:1; left:20%; right:20%; height:240px; bottom:0; border-radius:16px; background:#06193d} md-tabs.default{} md-tabs.default .md-tab{padding-top:10px; padding-left:10px; padding-right:10px; font:600 .9em/1.15em 'Raleway', sans-serif; text-transform:none; letter-spacing:0; border:2px #d2e6f2 solid; border-radius:14px; color:#06193d;} md-tabs.default .md-tab .default{position:relative; top:4px; font-size:1.2em; color:#9cc1d7;} md-tabs.default .md-tab.md-active{border-color:#408ac8;} md-tabs.default .md-tab.md-active .default{color:#408ac8;} md-tabs.default .md-tab:hover{border-color:#ffb207;} md-tabs.default .md-tab:hover .default{color:#ffb207;} md-tabs.default md-ink-bar{display:none;} .sidenav-panel.mod{position:fixed; width:100%; max-width:100%; background:none !important;} .sidenav-panel.mod md-content{position:relative; width: 100%; height: 100vh; float: left; overflow: auto; background:none !important;} .sidenav-panel.mod .false-modal{width:100%; max-width:350px; margin:0 auto;} .sidenav-panel.mod .false-modal .item-box{clear:both; border-radius:4px; overflow:hidden;} .sidenav-panel.mod .false-modal .btn-cerrar{margin-bottom:10px; float:right; color:#fff;} .sidenav-menu-mvl{padding-top:60px} .sidenav-menu-mvl, .sidenav-menu-mvl md-content{background:#06193d} .sidenav-menu-mvl .link-brand{width:100%; margin:10px 0 15px; float:left; text-align:center} .sidenav-menu-mvl .link-brand img{max-width:180px; margin:0 auto;} .sidenav-menu-mvl ul{width:100%; margin:0;} .sidenav-menu-mvl ul .md-button{text-transform:inherit; text-align:left; margin:0px 0px 2px 0px;} .sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li{width:100%; float:left;} .sidenav-menu-mvl ul .dropdown label, .sidenav-menu-mvl ul .md-button, .sidenav-menu-mvl ul li a, .sidenav-menu-mvl ul li .btn-as-link{display:block; width:100%; margin-bottom:2px; font-size:14px; font-weight:600; text-align:left; color:#f2f2f2; border-radius:2px; background:rgba(0, 0, 0, 0.2)} .sidenav-menu-mvl ul .md-button:hover, .sidenav-menu-mvl ul li a:hover{ color:#FFF; background:transparent;} .sidenav-menu-mvl .logo-link{width: 100%; padding: 0.8em; float: left; text-align: center; border-radius:3px; background: #fff;} .sidenav-menu-mvl .logo-link img{margin: 0 auto !important;} .sidenav-menu-mvl .navbar-nav .dropdown-content{position:static; width:100%; background-color:#0A1E46} .sidenav-menu-mvl .navbar-nav .dropdown-content li a, .sidenav-menu-mvl .navbar-nav .dropdown-content li a:focus, .sidenav-menu-mvl .navbar-nav .dropdown-content li a:active, .sidenav-menu-mvl .navbar-nav .dropdown-content li label{border:0px; color:#F4F4F4; background-color:rgba(0, 0, 0, 0.2)} .sidenav-menu-mvl .navbar-nav .submenu-list > input[type="checkbox"] ~ label{ background-color:rgba(0, 0, 0, 0.2); color:#F4F4F4} .sidenav-menu-mvl .navbar-nav .submenu-list > input[type="checkbox"]:checked ~ label{ background-color:#04112A; color:#ffb207} .sidenav-menu-mvl .navbar-nav .dropdown-content li a:hover, .sidenav-menu-mvl .navbar-nav .dropdown-content li label:hover{background-color:rgba(0, 0, 0, 0.2);} .sidenav-menu-mvl{position:fixed; top:0; bottom:0;} md-backdrop.md-opaque{position:fixed;} .cookiesMessage{padding-right:80px} .cookiesMessage .title{color:#fff;} .cookiesMessage a{color:#fff;} .infoGDPR{margin-top:40px; padding:10px 15px 10px !important; color:#717382; line-height:1.5em; border:0; border-radius:3px; background:#e7ebf0;} .section-seo{position:relative; min-height:96px; padding-left:120px; } .section-seo .icn-bg{position:absolute; left:0; top:40px; font-size:6em; line-height:inherit; color:#06193d;} login-client-engine-page .btnLogin.btnTwitter, login-client-engine-page .btnLogin.btnLinkedin, login-client-engine-page .btnLogin.btnPayPal {display:none;} /*** Motores **/ /*General*/ md-progress-circular{margin:0 auto;} .ui-slider .ui-slider-range, .ui-slider .ui-slider-handle, .availFlights .filtersContainer .panel-body .btnScale, md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar){background:#408ac8;} .ui-datepicker{z-index:100 !important; 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);} .ui-datepicker td span{color:#fff} .ui-datepicker td a.ui-state-hover{color:#fff; background:#ffb207;} .ui-datepicker .ui-datepicker-header{padding:.5em 0; text-shadow:none; background:#1e1e1e;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top:6px} .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled .ui-state-default{color:#dadfe6} .ui-datepicker.travel-datepicker .ui-datepicker-calendar td a[data-custom-price]::after{color:#fff} .ui-datepicker td a.ui-state-active, .ui-datepicker td a.ui-state-active.ui-state-hover{background:#1e0631} .ui-datepicker th{color:#1e0631;} .ui-datepicker.travel-datepicker td > span, .ui-datepicker.travel-datepicker td > a{color:#fff; background:#213c90} .ui-datepicker.travel-datepicker td > span:hover, .ui-datepicker.travel-datepicker td > a:hover{background:#ffb207} md-dialog{border-radius:8px;} md-dialog .md-toolbar-tools{padding-left:24px; font:400 0.85em/0.9em 'Raleway', sans-serif} .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{border-color:#1e1e1e; background:#1e1e1e} .pagination > li > a, .pagination > li > span{color:#1e1e1e;} md-checkbox:hover{color:#ffb207 !important} md-checkbox:hover .md-icon{border-color:#ffb207 !important} .section-header{font:400 24px/1.15em 'Raleway', sans-serif !important; color:#261612 !important} md-dialog .loginBox [ng-show="dialogAction=='login'"]{display:flex; flex-direction:column; justify-content:center; align-items:center} md-dialog .loginBox .registerBox{width:100%; margin-top:10px; text-align:center;} md-dialog .loginBox .registerBox .loginLink {margin-top:10px;} /* .availEngines .loadingResults {margin-bottom:40px; margin-top:40px; background:none !important;} .availEngines .loadingResults span{color:#261612 !important} .availEngines .loadingResults md-progress-circular{margin:0 auto;} .availEngines .loadingResults md-progress-circular path{stroke:#261612} */ tours-engine-page md-icon, activities-engine-page md-icon, hotels-engine-page md-icon, transfers-engine-page md-icon, .tourHotelInfo .contact .line md-icon{position:relative !important; top:2px !important; width:auto !important; min-width:auto !important; height:auto !important; min-height:auto !important; font-size:inherit !important; line-height:inherit !important; color:inherit !important; vertical-align: unset !important;} .receiptPage .boxHeader { background-color: #1e1e1e !important;} .panel-user-agency{border:0;} md-menu-content.md-default-theme, md-menu-content{background:#f3f3f3} .loadingResults{ background-color: #fff; text-align: center; margin-top: 10px; display: flex; justify-content: center; padding: 15px; position:fixed; z-index:999; top:0px; bottom:0px; right:0px; left:0px; flex-direction:column; align-items:center; background-color:#fff} .loadingResults md-progress-circular{background:url(https://www.som2travel.es/cdn/images/icon-flight.png) no-repeat center center; background-size:cover} .loadingResults span { color: #0a293b; font-weight: bold; } .loadingResults md-progress-circular path{stroke:#0a293b} /*General*/ /*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, .bookingPage .securePayment .title{margin-bottom: 0.5em; font:400 24px/1.15em 'Raleway', sans-serif !important; letter-spacing:-0.01em; text-transform:none; transition:all .15s; color:#261612 !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;} .productTour .tourName, .productActivity .activityName, .productActivity .priceInformation .price{margin-top:10px; font-size:30px !important;} .availTours .tourName:hover, .availEngines .activityName:hover{color:#ffb207 !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{font:400 18px/1.15em 'Raleway', sans-serif !important; letter-spacing:-.01em; text-transform:none !important; color:#261612 !important; border-color:#eee !important; } .productTour .shortDescription{font-size:15px !important} /*leyenda*/ .filtersContainer .panel .panel-heading, .availEngines .resultsContainer .title, .availEngines .filtersContainer .title, .productTour .modalityDescription > md-tabs md-tab-content .subtitle, .productTour .modalityDescription > md-tabs md-tab-content .subtitle a{padding:0 12px 10px; font:500 13px 'Raleway', sans-serif; letter-spacing:.09em; text-align:left; text-transform:uppercase; color:#000; background: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{font-size:15px !important; line-height:22px !important; color:#545454 !important} .productTour .searcherBox > .infoSubTitle{color:#fff !important;} .availTours .tourDescription{margin-bottom:20px; text-align:justify} .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, .availTour .serviceChange button.modifiyService, .availTour button.chooseService{cursor:pointer; display:inline-block; padding:14px 22px; float:right; font:700 1.2em/1.2em 'Raleway',sans-serif !important; text-align:center; text-transform:none !important; color:#fff; border-radius:26px; border:0; box-shadow: 0 0 8px 0 rgba(0,0,1,.3); background:#408ac8 !important; transition:all .15s} .productTour .btnSearch{ color:#261612 !important; background:#fff !important; } .availTour button.chooseService{margin:0 auto; float:none;} .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, .availTour .serviceChange button.modifiyService:hover, .availTour button.chooseService:hover, .availEngines .flightContainer .boxPrice .optionPrice .md-button:hover{color:#fff !important; background:#ffb207 !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 mini*/ .availTour .priceInfo button.tourBook, .productTour .itineraryDescription .dayItinerary .dayInformation .btnService, .availEngines .hotelContainer .boardContainer .boardOptionsContainer .boardOption .optionPrice .md-button, .availEngines .resultsContainer .mapContainer .md-button.price, .availEngines .hotelContainer .boardOption .optionPrice .md-button.price, .availEngines .flightContainer .boxPrice .optionPrice .md-button, .productHotel .boardOption .optionPrice .md-button, .availPackages .configurationPackage > .resumeConfiguration > .priceInfo button.tourBook, .availPackages .changeService > .resumeConfiguration > .priceInfo button.tourBook, .availPackages .headerBox .priceInfo button.tourBook, .availPackages .configurationPackage > .boxService > .configService .serviceChange button.modifiyService{height:auto; min-height:1px; margin:15px 0; padding:6px 10px; font-weight:700; text-transform:none; line-height:inherit; border-radius:25px; box-shadow:rgba(0, 0, 1, 0.3) 0px 0px 8px 0px; background:#408ac8 !important;} .availTour .priceInfo button.tourBook, .availEngines .hotelContainer .boardOption .optionPrice .md-button.price{background:#408ac8 !important;} .productTour .itineraryDescription .dayItinerary .dayInformation .btnService:hover, .availEngines .hotelContainer .boardContainer .boardOptionsContainer .boardOption .optionPrice .md-button:hover, .availEngines .flightContainer .boxPrice .optionPrice .md-button:hover, .productHotel .boardOption .optionPrice .md-button:hover, .availPackages .configurationPackage > .resumeConfiguration > .priceInfo button.tourBook:hover, .availPackages .changeService > .resumeConfiguration > .priceInfo button.tourBook:hover, .availPackages .headerBox .priceInfo button.tourBook:hover{background:#ffb207 !important} /* btn especial*/ .availPackages .configurationPackage > .boxService > .configService .serviceChange button.modifiyService{padding:10px 15px !important; color:#fff; background:#06193d !important} .availPackages .configurationPackage > .boxService > .configService .serviceChange button.modifiyService:hover{background:#ffb207 !important} /* aux as link*/ .availEngines .btnShowDetails a, .availEngines .md-button.moreInfo{color:#202723 !important; background:none !important} .availEngines .btnShowDetails a:hover, .availEngines .md-button.moreInfo:hover{color:#ffb207 !important} /*main color*/ .availEngines .flightContainer .boxPrice .optionPrice > div > .price, .availEngines .hotelContainer .hotelPriceDetails .price, .productHotel .hotelGeneralData .priceInformation .price{color:#408ac8} /*Especifico*/ /*Entorno*/ .productHotel{padding-top:40px; padding-bottom:40px;} .availEngines .searchResume .searchParameters md-icon{color:#06193d} .filtersContainer{} .filtersContainer .panel{border:0; background:none;} .filtersContainer .panel .panel-heading i{display:none;} .filtersContainer .filterName{position:relative;} .filtersContainer .filterName input{padding-right:50px; border-bottom-color:#ccc;} .filtersContainer .filterName md-icon{position:absolute !important; top:0; right:0; color:#261612 !important; background:none !important;} .filtersContainer .filterName md-icon:hover{color:#ffb207 !important;} .searchResume{margin-bottom:30px; padding-left:12px !important; padding-right:12px !important; font:400 14px/1.4em 'Raleway', sans-serif !important; border-bottom:#bfc7d6 1px solid; color:#666 !important; background:none !important;} .searchResume b, .searchResume .searchParameters{font-weight:400 !important; color:#000 !important;} .searchResume .newSearch{font-weight:400 !important; color:#213c90 !important} .searchResume .newSearch:hover{color:#ffb207 !important} .availEngines .resultsContainer .orderTools{border:0;} .availEngines .resultsContainer .orderTools .md-button{font-size:.8em; border-left-color:#06193d; background-color:#06193d; color:#fff;} .availEngines .resultsContainer .orderTools .md-button.orderActive{color:#0a293b; border-color:#e3f3fd; background-color:#e3f3fd;} .availEngines .resultsContainer .orderTools span.titleOrder{padding-top:5px; font-style:normal !important; color:#000 !important; background:none;} /*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:#ffb207 !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;} .productHotel .galleryHotel{overflow:hidden; display:block; position: relative; margin:0 auto 25px; border-radius:3px; 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; background:#141414;} .productHotel .galleryHotel img{ display: block; width: 100%; height: 100%; object-fit: cover; } .productHotel .galleryHotel .arrow{font-size:30px !important; color:#fff !important;} .productHotel .galleryHotel .thumbImages{position:relative; z-index:10;} .productHotel .thumbImages li.active{border-color:#ffb207 !important} .productHotel .galleryHotel .thumbImages li .btnMoreImage{padding-top:5px;} .availEngines .flightContainer .boxPrice .optionPrice .md-button.selectedService{color:#3c763d !important; box-shadow:none !important; background:none !important;} /*Boxs*/ .availTours .resultsContainer .tourContainer, .availEngines .activityContainer, .productTour .searcherBox{overflow:hidden; position:relative; border:0; border-radius:2px;} .productTour .searcherBox{background:#213c90;} .productTour .searcherBox .includesBox{border:0} /*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{margin-top:40px; background:none;} .productTour .tourDestinations b{color:inherit;} .productTour .itineraryDescription .dayItinerary{} .productTour .itineraryDescription .dayItinerary.contrast{border-color:rgba(255,255,255,.06); background:#f4f4f4;} .productTour .itineraryDescription .dayItinerary .dayInformation > .col-lg-8{padding:0 30px;} .productTour .itineraryDescription .dayItinerary .dayInformation .title{padding-bottom:15px; font:600 normal 13px 'Raleway', sans-serif !important; letter-spacing:.02em; text-transform:uppercase !important;} .productTour .itineraryDescription .dayItinerary .dayInformation .dayImage{margin-bottom:20px; padding:0; border-radius:8px; box-shadow:0px 5px 5px rgba(0,0,1,.2); background:#fff;} .productTour .itineraryDescription .dayItinerary .dayInformation .dayImage img{margin:0 auto;} .productTour .itineraryDescription .dayItinerary .dayInformation .itinerary-day{background-color:#182b68;} .productTour .itineraryDescription .dayItinerary .dayNumber{color:#666;} .productTour .includesDescription .boxInclude{height:auto; min-height:80px; margin-bottom:30px;} .productTour .includesDescription .boxInclude > md-icon{font-size:20px !important; color:#213c90 !important} .productTour .modalityDescription > md-tabs .md-tab{color:#7b272a; background:#fff} .productTour .modalityDescription > md-tabs .md-tab:hover{color:#fff; background:#ffb207 !important} .tourHotelInfo .contact{padding:6px; background:#f4f4f4 !important;} .productTour .searcherBox .includesBox .listBox{color:#fff; background:#182b68} .productTour .searcherBox .includesBox .listBox .line + .line{border-color:#213c90;} .shareTour .md-button.icon{border-radius:4px; background-color:#736866 !important;} .productTour .viewMap{background-color:#736866 !important;} .productTour .viewMap:hover{background:#ffb207 !important} .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 .md-headline{color:#7b272a !important} .productTour .cardHotel md-card:hover{color:#fff; background:#ffb207 !important} .productTour .cardHotel md-card:hover .md-headline, .productTour .cardHotel md-card:hover .md-subhead{color:#fff !important} .productTour .dayInformation .description{text-align:justify} .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;} .productTour .filesTour{padding-right:0 !important; padding-left:0 !important; } .productTour .filesTour button{cursor: pointer; display: inline-block; padding:12px 8px 15px;font: 400 1.15em/1.2em 'Raleway',sans-serif !important; letter-spacing: .02em; text-align: center; text-transform: none; color: #fff; border: 0; border-radius: 2px; box-shadow: 0 0 8px 0 rgb(0 0 1 / 30%); border-radius: 4px; background-color: #ffb207 !important; transition: all .15s;} .productTour .filesTour button:hover{background:#00f6ff !important} /*Seleccion modalidad*/ .availTour .headerBox, .availTour .configurationTour > .resumeConfiguration{border:0; background:#213c90;} .availTour .includesTour{padding-top:13px; color: #5d5d6e; background:none;} .availTour .includesTour .includes .line{width:auto; float:left; color:#333;} .availTour .includesTour .title{width:18%; padding-top:8px; font-weight:400;} .availTour .includesTour .includes{width:82%;} .availTour .headerBox .priceInfo .amount, .availTour .resumeConfiguration > .priceInfo .amount{margin-top:4px; color:#fff !important;} .availTour .configurationTour > .title{font:400 1em/1.57em 'Raleway',sans-serif; background:#213c90;} .availTour .configurationTour > .boxService{border-color:#e6e6e6} .availTour .configurationTour > .boxService > .configService{background:none} .availTour .configurationTour > .boxService > .serviceOrder{border-color:#e6e6e6; background:#182b68} .availEngines .modalityContainer{border:0; background:#f4f4f4} .availTour .serviceInformation .hotels .btnShowHotels{display:inline-block; margin:10px 0; padding:7px; background:#fff;} .availTour .serviceInformation .hotels .btnShowHotels:hover{color:#fff; background:#ffb207 !important} .availTour .headerBox .title{font:400 1em/1.57em 'Raleway',sans-serif;} .availTour .headerBox .resumePrice > .breakdown .price{color:#fff;} /*V+H*/ .availPackages .configurationPackage > .resumeConfiguration > .title, .availPackages .changeService > .resumeConfiguration > .title,.availPackages .headerBox .title{color:#dfdfdf} .availPackages .configurationPackage > .boxService > .configService > .flightContainer .serviceChange{text-align:right; padding-right:30px} /*Flights*/ .availEngines.availFlights .resumeContainer{min-width:400px; margin-bottom:25px; } .availEngines.availFlights .resumeContainer .calendarResumeRow {font:600 13px/1.4em 'Raleway', sans-serif !important} .availEngines.availFlights .resumeContainer .calendarResumeColum .calendarResumeRow.header{color:#000} .availEngines .flightContainer .journeysContainer .journeyContainer .journeyInfo .infoExtend md-icon{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: #408ac8; background-color: #408ac850; color:#408ac8 !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%;} /*Fixed header*/ .productTour .headerFixed{height:0; padding:0; font:400 12px 'Raleway', sans-serif !important; box-shadow:0px 5px 5px rgba(0,0,1,.2); background-color:#213c90} .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 'Raleway' !important; text-shadow: none; color: #213c90 !important; border: 0 !important; background:#fff !important; } .productTour .headerFixed .md-button.btnMenu:hover, .productTour .headerFixed .md-button.btnSearch:hover{color:#ffb207 !important;} .availPackages md-sidenav .resultsContainer .resumePriceHeader{background-color:#0a293b; color:#FFF; margin-bottom:15px; padding:15px; border:0px} .availPackages md-sidenav .resultsContainer .resumePriceHeader > .breakdown .label, .availPackages md-sidenav .resultsContainer .resumePriceHeader .title{color:#FFF} .availPackages md-sidenav .resultsContainer .resumePriceHeader > .breakdown .line{margin-top:5px} .availPackages md-sidenav .resultsContainer .resumePriceHeader > .breakdown .lineTotal{border-color:#FFF} md-sidenav .availEngines .resultsContainer{width:100%} .availPackages .headerBox .priceInfo {display:flex; align-items:center; gap:5px} /* Main menu V2*/ .navbar-nav { --dropdown-width: 250px; --dropdown-border-color: #408ac8; --hover-bg-color: #f4f8fc; --border-color: #ddd; } .navbar-nav > li a, .navbar-nav li label { padding: 15px; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 600; line-height: 1em; text-transform: none; color: #1d1d1b; margin: 0; } #header-web .navbar-nav > li a:hover, .navbar-nav li label:hover {background:transparent; color:#ffb207} .navbar-nav .dropdown { position: relative; cursor:pointer; } .navbar-nav .dropdown-content { display: none; position: absolute; z-index: 99; background-color: #FFF; margin-top: -1px; overflow: hidden; border-radius: 0 0 6px 6px; box-shadow: 0 8px 12px rgba(0, 0, 0, .175); border-top: 2px solid var(--dropdown-border-color); width: var(--dropdown-width); } .navbar-nav .dropdown-content > div { display: flex; flex-direction: column; } .navbar-nav .dropdown-content li a, .navbar-nav .dropdown-content li label { display: inline-block; border-top: 1px solid var(--border-color); color: #333; padding: 15px 10px; width: 100%; cursor: pointer; } .navbar-nav .dropdown-content li a:hover, .navbar-nav .dropdown-content li label:hover { background-color: var(--hover-bg-color); } .navbar-nav .dropdown-content div > li:first-child label, .navbar-nav .dropdown-content div > li:first-child a { border: 0; } .navbar-nav .dropdown-content-submenu { display: none; background-color: #f3f3f3; } .navbar-nav .dropdown-content-submenu li:first-child a { border-top: 1px solid var(--border-color); } .navbar-nav .dropdown input[type="checkbox"]:checked ~ .dropdown-content-submenu { display: block; } .navbar-nav .menu-hover > input[type="checkbox"] ~ label::after, .navbar-nav .menu-hover > input[type="checkbox"]:hover ~ label::after { font-family: 'Material Icons'; -webkit-font-feature-settings: 'liga'; float: right; } .navbar-nav .menu-hover > input[type="checkbox"] ~ label::after { content: "expand_more"; } .navbar-nav .menu-hover > input[type="checkbox"]:hover ~ label::after { content: "expand_less"; } .navbar-nav .submenu-list > input[type="checkbox"] ~ label::after, .navbar-nav .submenu-list > input[type="checkbox"]:checked ~ label::after { font-size: 25px; float: right; font-weight:400; } .navbar-nav .submenu-list > input[type="checkbox"] ~ label::after { content: "+"; } .navbar-nav .submenu-list > input[type="checkbox"]:checked ~ label::after { content: "-"; } @media (width > 768px) { .navbar-nav .dropdown input[type="checkbox"]:hover ~ .dropdown-content, .navbar-nav .dropdown:hover .dropdown-content { display: block; } } @media (width < 767px) { .navbar-nav .dropdown input[type="checkbox"]:checked ~ .dropdown-content { display: block; } } /*loginbox*/ .loginContainer .md-primary.md-button, .loginBox .md-primary.pull-left{ box-shadow: inherit; background: transparent !important; color: #408ac8 !important; border: 2px solid; padding: 10px 15px;} @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;} .ui-datepicker{transform:scale(.9)} } @media (max-width:767px){ .productTour .headerFixed{padding:12px 0;} .productTour .headerFixed .name, .productTour .headerFixed .menu{display:none;} .availPackages .headerBox{text-align:center} .availPackages .headerBox .priceInfo{width:100%; justify-content:center} .availPackages .headerBox .title{margin-top:25px} .availPackages .headerBox .resumePrice{border:0px} .availPackages .headerBox .resumePrice > .breakdown .line, .availPackages .headerBox .resumePrice > .breakdown .lineTotal{width:100%} .availPackages .configurationPackage > .resumeConfiguration > .priceInfo .amount, .availPackages .changeService > .resumeConfiguration > .priceInfo .amount, .availPackages .headerBox .priceInfo .amount{font-size:22px} } /*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 md-divider{margin:15px 0;} .productActivity .activityGeneralData .line{margin:10px 0;} .productActivity .activityGeneralData .line b{display:inline-block; padding-bottom:5px;} .productActivity .totalPrice > div{padding:10px 4px;} .productActivity .paxQuantity .price, .productActivity .totalPrice > div > .price{color:#081f2d !important;} .productActivity .paxQuantity .price{font-weight:400 !important;} /*Booking*/ .bookingPage .tabsOperation{border-bottom:3px #e5ebf3 solid;} .bookingPage .tabsOperation .btnPageOperation{padding:10px 20px 8px; font:600 1em/0.9em 'Raleway', sans-serif; letter-spacing: -0.02em; text-transform: none; color: #1b4264; transition: all 0.15s; border-radius:5px 5px 0 0; background: transparent;} .bookingPage .tabsOperation .btnPageOperation md-icon{color: #1b4264 !important;} .bookingPage .tabsOperation .btnPageOperation:hover{color:#fff; background-color:#ffb207;} .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{background:#fff;} .bookingPage .contactUs{padding:12px; border-radius:6px; background:#06193d} .bookingPage .contactUs .image{display:none} .bookingPage .contactUs .text{padding:0; color:#e0f4fc} .bookingPage .contactUs strong{display:inline-block; font-size:14px; font-weight:400; line-height:1.5em;} .bookingPage .contactUs .text span{display:none} .bookingPage .progressBarContainer{display:none;} .budgetPage .boxContainer .description .title{font-size:17px !important;} .bookingPage .formImportantMsg{margin:20px 0 10px;} .bookingPage .formImportantMsg{padding:12px !important; border-radius:6px; border:0 !important;} .bookingPage [ng-model="bookingData.holder.subscribeNewsletter"]{display:none} /**/ @media (min-width: 992px) { .productTour .includesDescription .boxInclude:nth-child(3n){clear:both;} .productTour .headerFixed.fix-to-top{top: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;} .bookingPage .col-xs-12.col-md-4.pull-right{position:sticky; top:5px} } @media (max-width: 992px) { .productTour .includesDescription .boxInclude:nth-child(2n+1){clear:both;} } @media (min-width: 762px) { /*Listado*/ .availTours .tourContainer, .availEngines .activityContainer{display:block} .availTours .tourContainer .tourImg, .availEngines .activityContainer .activityImg{position: absolute; top: 0; bottom: 0; padding: 0 !important; max-height: none !important;} .availTours .tourContainer .tourImg:before, .availEngines .activityContainer .activityImg:before{content: ""; position:absolute; top:0; bottom:0; right:0; z-index:2; display:block; width:25%; } .availTours .tourContainer .tourImg img, .availEngines .activityContainer .activityImg img{width: auto; max-width: none; height: 100%;} .availTours .tourContainer .tourDetailsBox, .availEngines .activityContainer .activityDetails{padding:0 15px 0 20px !important; float:right;} } @media (max-width: 762px) { #header-web { position: sticky; top: 0;background-color:#fff;} #searcher-area .searcher-box .md-tab{padding:12px} #footer-web .logotypes{flex-direction:column} .availEngines .searchResume{padding:10px; } .availEngines .resultsContainer .orderParameter.md-button{width:50%;} .availEngines .resultsContainer .orderTools span.titleOrder{display:none;} /*Listado*/ .availTours .tourContainer, .availEngines .activityContainer{padding-top:0 !important; } .availTours .tourContainer .tourImg, .availEngines .activityContainer .activityImg{width:100%; max-height:200px; margin-bottom:10px !important; padding:0 !important;} .availTours .tourContainer .tourImg:before, .availEngines .activityContainer .activityImg:before{content: ""; position:absolute; left:0; right:0; bottom:0; z-index:2; display:block; height:25%; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 32%,rgba(255,255,255,1) 71%,rgba(255,255,255,1) 100%);} .availTours .tourContainer .tourDetailsBox, .availEngines .activityContainer .activityDetails{width:100% !important;} .availTours .resultsContainer .tourDetails{padding:10px 20px 20px !important;} .availEngines .activityContainer .activityDetails{padding:10px 30px 20px !important;} .availTours .tourContainer .md-button.viewTour, .availEngines .activityContainer .md-button.price{width:100% !important; margin-top:15px !important;} /*Tour*/ .productTour .headerFixed.fix-to-top{top: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;} } /* Fix v+h movil */ @media (max-width: 767px){ .availPackages .configurationPackage{padding:10px !important} .availPackages .configurationPackage > .boxService{margin-left:0 !important; padding-left:0 !important; border:0 !important;} .availPackages .configurationPackage > .boxService > .serviceOrder{display:none} .availEngines .flightContainer .journeysContainer .journeyContainer .imgAirline{width:100%; margin-bottom:10px;} .availEngines .flightContainer .journeysContainer .journeyContainer .col-xs-9{width:100%;} .availEngines .hotelContainer .hotelImg{width:100%;} .availEngines .hotelContainer .hotelDetails{padding:10px;} .availPackages .configurationPackage > .boxService > .configService > .hotelContainer .hotelPriceDetails{width:100%;} .availPackages .configurationPackage > .boxService > .configService .serviceChange button.modifiyService{width:100%;} .availEngines .hotelContainer .hotelDetails .md-button.moreInfo{color:#F88B00 !important; background:#fff !important} .availPackages .configurationPackage > .resumeConfiguration > .iconResume, .availPackages .changeService > .resumeConfiguration > .iconResume{display:none;} .availPackages .configurationPackage > .resumeConfiguration > .title, .availPackages .changeService > .resumeConfiguration > .title{color:#fff;} .availPackages .configurationPackage > .resumeConfiguration, .availPackages .changeService > .resumeConfiguration .price-info{width:100%;} #footer-web .bg-theme{position:static;} } /** -- **/ @media (min-width: 1200px) { .section-w-bg{padding:5.5em 6em 2.5em;} .text-right-lg{text-align:right;} .col-lg-20 { width: 20%; float: left;} .container {width:100%; max-width:1370px; clear:both;} } @media (max-width: 1200px) { .title.xl{font-size:1.9em;} .title.xxl{font-size:2.4em;} .availPackages .configurationPackage{padding:30px 0px;} } @media (min-width: 992px) { #header-web, .header-false-bg{height:85px;} #header-web .container-fluid{padding-left:170px;} #header-web .logo-brand{width:153px; top:25px;} #header-web .aux-block{margin-top:16px;} #searcher-area{height:50px;} #searcher-area .col-searcher{margin-top:-450px;} #searcher-area .searcher-box .md-tab{width:25%; padding-top:5px;} .fixed-aside-btns button{width:60px; height:60px;} md-tabs.centered md-tabs-canvas {display: flex; flex-direction: column; text-align: center; } md-tabs.centered md-pagination-wrapper{position: relative;justify-content: center;} .col-md-20 {width:20%;float: left;} } @media (max-width: 992px) { #header-web{height:60px;} #header-web > .container-fluid{padding-left:70px;} #header-web .logo-brand{width:120px; top:15px;} #header-web .aux-block{margin-top:3px;} #header-web .btn-as-link{padding-top:0} #slidemain{height:300px; min-height:auto;} #searcher-area{margin-top:-100px;} .slide-ct.mid{min-height:280px;} .section-seo{min-height:48px; padding-left:50px; } .section-seo .icn-bg{top:40px; font-size:3em;} .availEngines .hotelContainer .hotelImg{max-width:150px} } @media (min-width: 762px) { md-tabs.default .md-tab{margin-right:12px;} .col-sm-20 {width:20%;float: left;} } @media (max-width: 762px) { #footer-web .plan{width:100%; margin-top:25px; text-align:center} } @media (min-width:767px) and (max-width: 991px) { .container{width:95%} }/**/ /*5 Columnas*/ .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20 {position: relative; min-height: 1px; padding-right: 16px; padding-left: 16px;} .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:16px; padding-right:16px;} .row{margin-left: -16px; margin-right: -16px;} .container, .container-fluid{padding-left: 16px; padding-right: 16px;}