/*--- CSS para Turistour - Art2Fly 2024 -------------------------------------*/ @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap'); /*-------- Alert for old browsers IE8 and below --------*/ .chromeframe {background:#ddd;color:#000;padding: 0.2em;position: fixed; top: 0; left: 0; text-align: center; z-index:9999; width: 100%; } .chromeframe a {color:#ed1c24; } /*----------------------------------- ESTILOS GENERALES ------------------------------------*/ body {background:#f9f9f9;font-size:14px;/* line-height:20px; */font-family:'Lato', 'Open sans', Arial, sans-serif;color:#444;font-weight:400;-webkit-font-smoothing: antialiased;min-width: 347px;} h1, h2, h3, h4, h5, h6 {-webkit-font-smoothing:antialiased; color:#333;} h1 {font-family:'Montserrat', 'Open sans', arial, sans-serif; font-weight:700; font-size:30px; text-transform:uppercase;} h2 {font-family:'Lato', 'Open sans', arial, sans-serif; font-weight:400; font-size:20px; color:#777;} h3 {font-family:'Montserrat', 'Open sans', arial, sans-serif; font-weight:700; font-size:18px; text-transform:uppercase; } h4 {font-family:'Lato', 'Open sans', arial, sans-serif; font-weight:900; font-size:18px; letter-spacing:0.5px;} h5 {font-family:'Montserrat', 'Open sans', arial, sans-serif; font-weight:700; font-size:14px; text-transform:uppercase; } h6 {font-family:'Montserrat', 'Open sans', arial, sans-serif; font-weight:700; font-size:12px; text-transform:uppercase; } .main_title {text-align:center; font-size:16px; margin-bottom:30px; } .main_title p {font-family:'Lato', 'Open sans', Arial, sans-serif; font-weight:400; font-size:20px} .box_style_0 h3.inner {margin:-30px -30px 20px -30px; background-color:#565a5c; padding:10px 20px 10px 18px; color:#fff; border:1px solid #fff; -webkit-border-top-left-radius: 3px; text-align:center; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } /*General links color*/ a {color: #0777a7;text-decoration: none;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;outline:none;cursor:pointer;} a:hover,a:focus {color: #111;text-decoration: none; outline:none; } p {margin: 0 0 20px 0;} .nopadding {margin: 0 !important; padding: 0 !important; } hr {margin-top: 30px;margin-bottom: 30px;border: 0;border-top: 1px solid #ddd;clear: both;} hr.dashed {margin-top: 5px; margin-bottom: 15px; border: 0; border-top: 1px dashed #777; } .clear {clear:both;} .derecha {text-align:right;} .centro {text-align:center;} .oculto, .oculta {display: none;} /*----------------------------------- BOTONES ------------------------------------*/ a.btn_1, .btn_1 {padding: 5px 70px; border: none; font-family: inherit; font-size: inherit; color:#fff; background: #51bce6; cursor: pointer; ; line-height: 40px; display: inline-block; outline: none; font-size:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform:uppercase; font-weight:bold; text-align: center; } a.btn_1.green, .btn_1.green {background: #83c99f; } a.btn_1.white, .btn_1.white {background: #fff; color:#51bce6; } a.btn_1.white:hover, .btn_1.white a:hover {background: #555; color:#fff; } a.btn_1.outline,.btn_1.outiline, input .btn_1.outiline {color:#555; background: none; border:1px solid #555; padding: 5px 70px; } a.btn_1.outline:hover,.btn_1.outiline:hover, input .btn_1.outiline:hover {color:#fff; background:rgba(51,76,114,1.00); border:2px solid rgba(51,76,114,1.00); } a.btn_1.medium, .btn_1.medium {padding: 10px 25px; font-size:14px; } a.btn_1.small, .btn_1.small {padding: 5px 8px; font-size:10px; line-height:9px; text-transform:none; color:#fff !important; } a.btn_1:hover, .btn_1:hover {background: #333; } a.bt_facebook {color: #fff !important; background:#337ab7; font-weight:bold; font-size:12px; text-decoration:none; text-align:center; padding:10px 5px; border:none; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.bt_paypal {color: #fff !important; padding:10px 8px; background:#5bc0de; font-weight:bold; font-size:12px; text-decoration:none; text-align:center; border:none; display:block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } a.btn_map {border: none; font-family: inherit; font-size: inherit; color:#fff; background: #e04f67; cursor: pointer; padding: 12px 20px; display: inline-block; outline: none; font-size:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform:uppercase; font-weight:bold; display:block; text-align:center; } a.btn_map:hover {background:#333; } a.btn_full, .btn_full, a.btn_tercio, a.btn_2tercios, .btn_tercio, .btn_2tercios {border: none; font-family: inherit; font-size: inherit; color:#fff; width:100%; background: #85c99d; cursor: pointer; padding: 12px 20px; display: inline-block; outline: none; font-size:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform:uppercase; font-weight:bold; display:block; text-align:center; margin-bottom:25px; } a.btn_full:hover, .btn_full:hover, a.btn_tercio:hover, a.btn_2tercios:hover, .btn_tercio:hover, .btn_2tercios:hover {background:#333; } a.btn_tercio, .btn_tercio {width:32%; float:left; margin-right:2%; background-color:#babab0;} a.btn_2tercios.en, .btn_2tercios.en {width:58%; max-width: 288px;padding: 12px 4px;} a.btn_2tercios.pt, .btn_2tercios.pt {width:58%; max-width: 288px;} a.btn_2tercios.es, .btn_2tercios.es {width:58%;max-width: 288px;} a.btn_tercio, .btn_tercio {width:40%;max-width: 200px;padding:12px 9px;} a.btn_2tercios, .btn_2tercios {width:66%; float:left;padding: 12px 9px;} a.btn_full:active, .btn_full:active, a.btn_tercio:active, a.btn_2tercios:active, .btn_tercio:active, .btn_2tercios:active {background:#eee; color:#85C99D; } a.btn_full_outline {border: none; font-family: inherit; font-size: inherit; color:#85c99d; background:none; border:2px solid #85c99d; cursor: pointer; padding: 10px 20px; display: inline-block; outline: none; font-size:12px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform:uppercase; font-weight:bold; display:block; text-align:center; } a.btn_full_outline:hover {border:2px solid #333; color:#333; } #dialogo-seguir-comprando, #dialogo-ir-a-pagar, #dialogo-cancelar {border: 1px solid white;font-family: inherit;color:#fff;width: 100%;background: rgb(134, 203, 158);cursor: pointer;padding: 12px 10px;outline: none;font-size: 13px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;/* text-transform:uppercase; */font-weight:bold;display:block;text-align:center;} #dialogo-seguir-comprando {margin: 8px auto;} #dialogo-ir-a-pagar {margin: 8px auto;background: rgb(89, 171, 205);} #dialogo-cancelar {margin: 30px auto 10px auto;background: #ccc;box-sizing: border-box;color: #555;} #dialogo-seguir-comprando:hover {background-color: rgb(77, 174, 111);} #dialogo-ir-a-pagar:hover {background-color: rgb(39, 156, 205);} #dialogo-cancelar:hover {background-color: #bcbcbc;} #dialogo-seguir-comprando:active {background-color:white;border: 1px solid rgb(134, 203, 158);color: rgb(104, 170, 127);} #dialogo-ir-a-pagar:active {background-color: white;border: 1px solid rgb(89, 171, 205);color: rgb(89, 171, 205);} #dialogo-cancelar:active {background-color: white;color: #777;border: 1px solid grey;} /*------------------------ Colores cliente ------------------------------*/ .color-cliente {background-color:rgba(51,76,114,1.00);} /*ESTE ES EL AZUL OSCURO DE TURISTOUR*/ a.color-cliente {color:white;} /*ESTE ES EL AZUL OSCURO DE TURISTOUR*/ .color-atacama, .color-1, #carro .NORTE, .nombre-tour span.NORTE {background-color:rgba(248,118,0,1.00); } /*NARANJO*/ .color-atacama, .color-1, #carro .NORTH, .nombre-tour span.NORTH {background-color:rgba(248,118,0,1.00); } /*NARANJO GM: SE LLENA A TRAVES DE CGI*/ .color-santiago, .color-2, #carro .CENTRO, .nombre-tour span.CENTRO {background-color:rgba(72,107,185,1.00); } /*AZUL*/ .color-santiago, .color-2, #carro .CENTER, .nombre-tour span.CENTER {background-color:rgba(72,107,185,1.00); } /*AZUL GM: SE LLENA A TRAVES DE CGI*/ .color-sur, .color-3, #carro .SUR, .nombre-tour span.SUR {background-color:rgba(83,157,83,1.00); } /*VERDE*/ .color-sur, .color-3, #carro .SOUTH, .nombre-tour span.SOUTH {background-color:rgba(83,157,83,1.00); } /*VERDE GM: SE LLENA A TRAVES DE CGI*/ .color-sur, .color-3, #carro .SUL, .nombre-tour span.SUL {background-color:rgba(83,157,83,1.00); } /*VERDE GM: SE LLENA A TRAVES DE CGI*/ .color-ski, .color-4, #carro .SKI, .nombre-tour span.SKI {background-color:rgba(95,200,200,1.00); } /*AQUA*/ .color-ski, .color-4, #carro .ESQUI, .nombre-tour span.ESQUI {background-color:rgba(95,200,200,1.00); } /*AQUA*/ .color-peulla, .color-5, #carro .PEULLA, .nombre-tour span.PEULLA {background-color:#008C69; } /*VERDE OLIVA*/ .font-cliente {color:rgba(76,86,143,1.00) !important;} /*ESTE ES EL AZUL OSCURO DE TURISTOUR*/ .font-atacama, .font-1 {color:rgba(248,118,0,1.00) !important; } /*NARANJO*/ .font-santiago, .font-2 {color:rgba(72,107,185,1.00) !important; } /*AZUL*/ .font-sur, .font-3 {color:rgba(83,157,83,1.00) !important; } /*VERDE*/ .font-ski, .font-4 {color:rgba(95,200,200,1.00) !important; } /*AQUA*/ .font-peulla, .font-5 {color:#008C69!important; } /*AQUA*/ .font-destacado {font-weight:bolder;color: rgb(7 119 167);font-size: .98em;letter-spacing: .3px;} /*------------------------ Header -------------------------*/ #logo {margin-top: 0;} header {width:100%;position: relative;left:0;top:0;z-index:99999;padding:0;background-color:white;} header#plain {background-color:#fff; } header #logo .logo_sticky {display:none; } header.sticky #logo .logo_normal {display:none; } header.sticky #logo .logo_sticky {display:block; } #logo_home img {margin-bottom:5px;} header.sticky #top_line {transition: all 0.2s ease-in-out;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;} header.sticky {-webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.41);-moz-box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);box-shadow:0px 2px 10px -2px rgba(0, 0, 0, 0.41);background-color:#fff;padding-bottom:0;position: fixed;} header a {color:#fff;} header a:hover {color: #63deed;} nav {margin-top:20px; position:relative; } .sticky nav {margin-top: 10px;} .sticky #logo {margin-top:0;margin-bottom: 0;zoom: 0.65;} ul#top_tools {height: 28px;padding:0;z-index:999;margin:0;} ul#top_tools a {color:#fff; } ul#top_tools a:hover, ul#top_tools a:hover + a#total-items-carro {color: #63deed;} .sticky ul#top_tools a {} ul#top_tools li {display:inline-block; padding:0 20px; border-right: 1px solid rgba(255,255,255,0.2);} ul#top_tools li:first-child {padding-left:0;} div#moneda_ref {float: right;font-size: 13px;} select#moneda_referencial {font-size: 90%;} #top_line {color:#fff;height:28px;border-bottom:1px solid rgba(255,255,255,0.2);font-size:11px;visibility:visible;opacity:1;margin: 0;margin-bottom:5px;position:relative;z-index:999999;padding: 0;} #top_line .element {float: right;border-left:1px solid rgba(255,255,255,0.2);padding: 0 15px;font-size: 12px;margin: 0;line-height: 28px;} ul#top_links {list-style:none; margin:0; padding:0; float:right; } a#access_link, a#wishlist_link {position:relative; display:inline-block; padding-left:16px; } #access_link:before, #wishlist_link:before {font-style: normal; font-weight: normal; font-family: "fontello"; font-size:14px; position:absolute; left:0; top:0; } #wishlist_link:before {content: "\ec5e"; } #access_link:before {content: "\e97f"; } ul#top_links li {display:inline-block; border-left: 1px solid rgba(255,255,255,0.3); margin-right:5px; padding-left:8px; position:relative; } ul#top_links li:first-child {border-left: none; padding-left:0; } ul#top_links a {color:#fff; } ul#top_links a:hover {color:#e04f67; } /* Header social icons */ #social_header {text-align: center; border:none;} #social_header ul {margin: 0; padding: 0; text-align: center; } #social_header ul li {display: inline-block;margin: 0 3px;} #social_header ul li a, #top_line .element a > i {color: #fff; font-size: 16px;} #social_header ul li a:hover, #top_line .element a:hover > i {color: #63deed; cursor:pointer; } header #top_line .element.whatsapp a > i {position:relative;top: 1px;left:-1px;font-size: 18px;} header .whatsapp a:visited, header #top_line .element.whatsapp a:visited > i {color: #fff;} header .whatsapp a:hover, header #top_line .element.whatsapp a:hover > i {color: #2b4163;cursor:pointer;} #top_line .element.whatsapp {background-color: #3ba009;padding: 0px 15px;margin-right: -1px;} /*------------------------ Drop down cart ----------------------------*/ .dropdown.dropdown-search, .dropdown.dropdown-cart, .dropdown.dropdown-mini {float:right;} .dropdown-cart .dropdown-menu, .dropdown-access .dropdown-menu, .dropdown-search .dropdown-menu {border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: right; left: auto; min-width: 0; padding: 15px; right: 0; width: 250px; top:100%; font-size:12px; font-weight: normal; text-shadow:none; text-transform:none !important; border-top: 2px solid rgba(51,76,114,1.00); } .dropdown-cart .dropdown-menu:before, .dropdown-access .dropdown-menu:before, .dropdown-search .dropdown-menu:before {bottom: 100%; right: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: rgba(51,76,114,1.00); border-width: 7px; margin-left: -7px; } .dropdown-menu {margin-top:14px; } .dropdown-mini a.en {background: url(/img/en.gif) left 8px no-repeat;} .dropdown-mini a.es {background: url(/img/es.gif) left 8px no-repeat;} .dropdown-mini a.pt {background: url(/img/pt.gif) left 8px no-repeat;} ul#cart_items {padding:5px 0 0 0; list-style:none; margin-top:1px; } ul#cart_items li {border-bottom:1px solid #ededed; position:relative; margin:0; padding:5px 10px; padding-bottom:10px; width:100%; clear:both; } ul#cart_items li .image {border: 1px solid #ddd; overflow:hidden; width:50px; height:50px; float:left; margin-right:10px; } ul#cart_items li .image img {padding:1px; width:48px; height:auto; } ul#cart_items li strong {font-weight:normal; float:left; color:#999; margin-top:10px; float:left; width:150px; line-height:14px; } ul#cart_items li strong > a {color:#333; display: block; } ul#cart_items li strong > a:hover {color:#e04f67; } ul#cart_items li a.action {color:#999; position: absolute; font-size: 14px; right: 10px; top: 0; width:15px; height:15px; } ul#cart_items li a.action:hover {color:#333; background:none; } ul#cart_items li:last-child div {color: #999; text-align:right; font-size:14px; padding:10px 0 15px 0; display:block; } ul#cart_items li:last-child span {color: #333; font-weight:bold; font-size:16px; } .dropdown-cart .dropdown-menu a.button_drop {display:inline-block; } .dropdown- .dropdown-menu {margin-top:7px; } .login-or {position: relative; font-size: 16px; color: #aaa; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; } .span-or {display: block; position: absolute; left: 50%; top: 2px; margin-left: -30px; background-color: #fff; width: 60px; text-align: center; } .hr-or {background-color: #cdcdcd; height: 1px; margin-top: 0px !important; margin-bottom: 0px !important; } a#forgot_pw {color:#999 !important; font-size:11px; padding:0; margin:-5px 0 10px 0; display:block; } a#forgot_pw:hover {color:#333 !important; } .dropdown-search .dropdown-menu {margin-top:15px; right:-25px; } .input-group button {background-color:#333; color:#fff; border-color:#333} .input-group button:hover, .input-group button:focus {background-color:#e04f67; color:#fff; border-color:#e04f67} /*------------------------ Footer ----------------------------*/ footer {background: #333 url(../img/pattern.png) repeat 0 0; color: #fff; padding: 30px 0 10px 0; } footer h3 {font-size: 16px; font-weight: 700; color: #fff; } footer h3 span {display:block; text-transform:none;margin-top: 20px; font-weight: normal;} footer h5 { color: #fff; text-transform: uppercase; font-size: 13px; margin: 20px 0 10px 0;} footer a, footer a:visited, footer a:active {color: #fff; } footer a:hover {color: #999; } footer a.link-conserje {display: block; padding-left: 24px; line-height: 24px;} footer a.link-interes {line-height: 24px;} footer ul {margin: 0; padding: 0 0 10px 0; list-style: none; } footer p i {margin-left:-5px; font-size:20px;} footer p a {text-decoration:none; color:#fdf7ac;} #social_footer {text-align: center; padding-top: 30px; margin-top: 30px; } #social_footer p {font-size: 12px; color: #8c8c8c; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom:10px;} #social_footer ul {margin: 0; padding: 0 0 10px 0; text-align: center; } #social_footer ul li {display: inline-block; margin: 0 5px 10px 5px; } #social_footer ul li a {color: #fff; text-align: center; line-height: 34px; display: block; font-size: 16px; width: 35px; height: 35px; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #social_footer ul li a:hover {border: 1px solid #fff; background: #fff; color: #111; } a#phone, a#email_footer {display: block; position: relative; color: #fdf7ac; font-size: 16px; padding-left: 40px; margin: 20px 0 20px 0; } #whatsapp_footer {color: #fdf7ac;font-size: 16px;margin: 0;} #whatsapp_footer img {margin-right:10px;top: -3px;position: relative;} a#phone:hover, a#email_footer:hover {color: #fff; } a#phone:before, a#email_footer:before {font-style: normal; font-weight: normal; font-family: "icon_set_1"; position: absolute; } a#phone:before {font-size: 25px;content: "\57";left: 0;top: 0;} a#email_footer:before {font-size: 28px;content: "\74";left: 0;top: -3px;} span.phone-loc {padding-left:43px;} footer img.payment-logo { zoom: .8; display: block; margin-bottom: 10px;} #logo-sernatur {width: 100%;max-width: 220px;padding-top: 10px;} #logo-sernatur img {width: 100%;} /*------------------------ HOME -------------------------*/ .feature_home {padding: 30px; position: relative; background: #fff; margin-bottom: 30px; color: #888; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); text-align: center; } .feature_home h3 {font-size: 20px; } .feature_home .frame {position:relative; width:100%; height:180px; overflow:hidden;} .feature_home .frame img {position:relative; width:290px; height:auto;} .feature_home i {margin: auto; margin-bottom: 20px; display: block; width: 120px; height: 120px; line-height: 110px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px dashed #ccc; font-size: 62px; color: #6dcff6; } .other_tours ul {list-style: none; padding: 0; margin: 0 0 0 0; } .other_tours ul li a {border-bottom: 1px solid #ededed; padding: 5px 0 10px 0; display: block; color: #333; } .other_tours ul li a:hover {background-color: #f9f9f9; color: #e04f67; } .other_tours ul li:last-child a {border-bottom: none; } .other_tours ul li a i {font-size: 22px; margin-right: 5px; margin-left: 2px; position: relative; top: 5px; color: #555; } .other_tours_price {float: right; margin-top: 5px; margin-right: 5px; color: #888; } .promo_texto_slider {position: absolute;bottom: 30%;left: calc(540px + 10%);max-width: 30%;} .promo-travel-sale {background:rgba(0,0,0,0.48);padding:22px 28px;border-radius:8px;text-align:right;} .travel-badge {display:table;background:#539d53;color:#fff;font-size:18px;font-weight:bold;padding:6px 18px;border-radius:20px;margin:0 0 10px auto!important;float:none!important;position:static!important;} .travel-producto {color:#fff;font-size:40px;font-weight:700;line-height:1.1;text-align:right;} .travel-descuento {color:#fff;font-size:26px;font-weight:700;margin:8px 0 12px;text-align:right;} .travel-detalle,.travel-fecha {color:#fff;font-size:18px;margin-bottom:5px;text-align:right;} .travel-actions {display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:12px;} .travel-cupon {display:inline-block;margin:0;padding:5px 14px;background:rgba(255,255,255,.9);color:#333;border-radius:4px;font-size:17px;} .promo-travel-sale .btn {display:inline-block;margin:0;} .promo-travel-sale .btn a {background:#539d53!important;color:#fff!important;font-weight:bold;border:0;} .promo-travel-sale .btn a:hover {background:#3f7f43!important;} /*-------------------------------------- CAJA DE COMPRA HOME ---------------------------------------*/ #search_container {position: relative;color: #fff;width: 100%;display: table;z-index: 99;} header.sticky ~ section#search_container {margin-top: 120px;} #search_container #full-slider-wrapper {margin-top: 0;} #search_container #wowslider-container1 {margin-top: 0;} #search {width: 550px;position: absolute;top: 75px;left:5%;z-index:9999;} #search h3 {font-size:14px; margin:0px 0 20px 60px;} #search h3 span {font-size:20px; display:block;} #search .nav-tabs {border-radius: 0; font-size: 12px; border: 0; border-bottom: 1px solid transparent; margin:0px; text-transform: uppercase;float: left; width: 120px; text-align:center; } #search.en ul.nav.nav-tabs {width: 150px;} #search .nav-tabs > li:first-child {margin-top: 4px;} #search .nav-tabs > li {margin-bottom: 4px; width: 100%;} #search .nav-tabs > li > a {border-radius: 0; border: 0; color: #ddd !important; margin-right:0px;padding: 7px 15px; } #search .nav-tabs > li.active > a {color: #fff !important; font-weight: 700;} #search .tab-content {border-radius: 0; border: 0; color: #333;float: left; width: calc(100% - 120px);} #search.en .tab-content {width: calc(100% - 150px);} #search .nav-tabs > li > a {background: rgba(51,76,114,1.00); padding-bottom: -2px; line-height: 15px; } /*ATACAMA*/ #search .nav-tabs > li.active > a.atacama, #search .nav-tabs > li.active > a.atacama:hover, #search .nav-tabs > li.active > a.atacama:focus {color: #fff !important; background-color: rgba(248,118,0,1.00); } /*SANTIAGO*/ #search .nav-tabs > li.active > a.santiago, #search .nav-tabs > li.active > a.santiago:hover, #search .nav-tabs > li.active > a.santiago:focus {color: #fff; background-color: rgba(72,107,185,1.00); } /*SUR*/ #search .nav-tabs > li.active > a.sur, #search .nav-tabs > li.active > a.sur:hover, #search .nav-tabs > li.active > a.sur:focus {color: #fff; background-color: rgba(83,157,83,1.00); } /*SKI*/ #search .nav-tabs > li.active > a.ski, #search .nav-tabs > li.active > a.ski:hover, #search .nav-tabs > li.active > a.ski:focus {color: #fff; background-color: rgba(95,200,200,1.00); } #search .nav-tabs > li > a.ski {padding:25px 10px;} /*PEULLA*/ #search .nav-tabs > li.active > a.peulla, #search .nav-tabs > li.active > a.peulla:hover, #search .nav-tabs > li.active > a.peulla:focus {color: #fff; background-color:#008C69; } /*HOTELES*/ #search .nav-tabs > li.active > a.hoteles, #search .nav-tabs > li.active > a.hoteles:hover, #search .nav-tabs > li.active > a.hoteles:focus {color: #fff; background-color:#008C69; } #search select.tours-caja { width: 280px; height: 40px; margin-top: 5px;} #search .tab-content .row {margin-left: 40px;} #search button {margin-left: 56px;} #search hr { margin: 0px 20px 15px 56px;} #search #atacama {background: url(/img/bg-atacama.png) no-repeat 20px 0px;padding: 30px 25px; height: 324px;} #search #santiago {background: url(/img/bg-santiago.png) no-repeat 20px 0px;padding: 30px 25px; height: 324px;} #search #sur {background: url(../img/bg-sur.png) no-repeat 20px 0px;padding: 30px 25px; height: 324px;} #search #ski {background: url(../img/bg-ski.png) no-repeat 20px 0px;padding: 30px 25px; height: 324px;} #search #peulla {background: url(../img/bg-peulla.png) no-repeat 20px 0px;padding: 30px 25px;height: 324px;} #search #hoteles {background: url(../img/bg-peulla.png) no-repeat 20px 0px;padding: 30px 25px;height: 324px;} ul.nav-tabs li a span { display: block; font-size: smaller;} /*---------------------------------------------------- ESTILOS DIALOG (CAJAS DE ALERTA) -----------------------------------------------------*/ .ui-dialog {border-radius: 0px !important;padding: 0 !important;font-family: 'Open sans', arial;;box-shadow: 3px 3px 13px #ccc;} .ui-draggable .ui-dialog-titlebar { background-color: #dadad0;background-image: none;border-radius: 0px !important;margin: 0;font-family: 'Montserrat', 'Open sans', arial, sans-serif;font-weight: 700;font-size: 12px;text-transform: uppercase;letter-spacing: .3px; border:none;line-height: 40px; padding-left: 30px !important;} .ui-dialog .ui-dialog-content {padding: 30px !important;font-family: 'Open sans', arial;font-size: 15px;} .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {padding: 0 !important;} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {border:none;} .ui-dialog .ui-dialog-buttonpane {border:none;padding: 0 30px 30px !important;} /*------------------------------------- TODOS LOS TOURS ----------------------------------*/ .box_style_cat {background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; margin-bottom: 25px; } ul#cat_nav {list-style: none; margin: 0; padding: 0; } ul#cat_nav li {border-bottom: 1px solid #ddd; } ul#cat_nav li a {position: relative; color: #777; } ul#cat_nav li a span {font-size: 11px; color: #999; } ul#cat_nav li a:after {font-family: "fontello"; content: "\e89b"; position: absolute; right: 15px; top: 15px; } ul#cat_nav li:last-child {border-bottom: 0; padding-bottom: 0; } ul#cat_nav li:first-child a:hover, ul#cat_nav li:first-child a#active, ul#cat_nav li:first-child a.active {-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } ul#cat_nav li:last-child a:hover, ul#cat_nav li:last-child a#active, ul#cat_nav li:last-child a.active {-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } ul#cat_nav li a {display: ablock; padding: 15px 10px; } ul#cat_nav li a:hover, ul#cat_nav li a#active, ul#cat_nav li a.active {background: #f9f9f9; color: #111; } ul#cat_nav i {font-size: 22px; margin-right: 5px; float: left; } #tools {background: #eee; padding: 5px; margin-bottom: 15px; } /*------------------------ MAPA ------------------------*/ .marker_info {width: 280px; height: 320px; border-radius: 3px; text-align: center; background: #FFF; background: rgba(255, 255, 255, 0.9); position: relative; z-index: 9999999; font-family: "Montserrat", Arial, sans-serif; } .marker_info img {display: block; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .marker_info h3 {font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 10px; } .marker_info span {display: block; padding: 0px 20px; font-size: 12px; line-height: 16px; color: #7a7f82; margin-bottom: 0; } .marker_info:after {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(255, 255, 255, 0.9); border-width: 10px; margin-top: -10px; } /*----------------------------------- GALERIA DE TOURS -----------------------------------*/ #galeria .main_title {margin-top:100px;} #galeria h2 {font-weight: bold; font-family: 'Montserrat', 'Open sans', arial, sans-serif; color: #333; padding-bottom: 5px; border-bottom: 1px solid #bbb; margin: 50px 22px 30px 0;clear: both; width: 100%; padding-top: 50px;} #galeria .strip_all_tour_list {float:left; margin-bottom: 30px; background-color: #fff; display: block; color: #777; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); width:48%; margin-right:0;} #galeria .strip_all_tour_list:nth-child(odd) {margin-right:2%; clear:left;} #galeria .strip_promo_tour_list {float:left; margin-bottom: 30px; background-color: #fff; display: block; color: #777; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); width:48%; margin-right:0;} #galeria .strip_promo_tour_list:nth-child(even) {margin-right:2%;clear:left;} #galeria.transfer .strip_all_tour_list:nth-child(even) {clear:none;} #galeria.transfer .strip_all_tour_list:nth-child(odd) {margin-right:2%; clear:left;} #galeria .img_list {width: 160px;height: 180px;text-align: center;position: relative;float:left;} #galeria .img_contenedor {overflow: hidden;width: 100%;height: 100%;position: relative;float: left;} #galeria .img_contenedor img {width: auto; height: 100%;} #galeria .img_contenedor a img {-webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-backface-visibility: hidden; } #galeria .img_contenedor a:hover img {-webkit-transform: scale(1); transform: scale(1); } #galeria .tour_list_desc {padding: 20px 10px 5px 20px;border-right: 1px solid #ededed;font-size: 0.85em;line-height: 1.35em;float: left;width: calc(50% - 40px);} #galeria .tour_list_desc h3 {text-transform: uppercase; font-size: 16px; line-height: 18px; margin-top: 0; margin-bottom: 10px; } #galeria .tour_list_desc p {margin: 0 0 10px 0; max-height: 64px; overflow: hidden;} #galeria ul.add_info {list-style: none;padding: 0;margin: 0 auto 0 auto;} #galeria ul.add_info li {display: inline-block; margin-right: 3px; padding: 2px; border: 1px solid #ededed; text-align: center; width: 25px; height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #galeria ul.add_info li a {color: #555; width: 35px; height: 35px; display: block; } #galeria ul.add_info li i {display: inline-block; font-size: 16px; position: relative; } #galeria .price_list {display: table; float:right; padding:20px 10px; font-size: 38px; color: rgba(51,76,114,1.00); width: calc(50% - 120px); min-height:120px; margin:0; text-align:center;} #galeria .price_list .desde {font-size: 12px; color: #999; display: block; margin-bottom: 3px; line-height: 12px; } #galeria .price_list .precio-convertido {font-size: 13px; color: #aaa; display: block; vertical-align: middle; text-align: center; } #galeria .price_list .precio {display: block; margin-top: 5px; font-size: 22px; letter-spacing: -.5px;} #galeria .precio sup {top: -3px;} #galeria .price_list a.btn_1 {padding: 0;position:relative;bottom: 0;width:100%;} #filters_col {background-color: #fff; padding: 15px 10px 15px 15px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 25px; } #filters_col label {color: #999; font-weight: normal; } a#filters_col_bt {display: block; color: #888; } a#filters_col_bt .icon_set_1_icon-65 {font-size: 20px; position: relative; top: 0; margin-right: 5px; } .filter_type h6 {border-top: 1px solid #ddd; margin: 15px 0; padding: 15px 0 0 0; } .filter_type ul {list-style: none; padding: 0; margin: 0 0 15px 0; } .filter_type ul li .rating {font-size: 16px; left: -7px; position: relative; top: 3px; } /*------------------------------------------------- GALERIA DE TOURS PROMOCIONALES EN LANDING ---------------------------------------------------*/ #galeria .strip_promo_tour_list {float:left;margin-bottom: 30px;background-color: #fff;display: block;color: #777;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);width:48%;margin-right:0;} #galeria .strip_promo_tour_list:nth-child(even) {margin-bottom: 40px;} #galeria .strip_promo_tour_list .img_list {width: 100%;height: auto;} #galeria .strip_promo_tour_list .img_contenedor {height: 120px;} #galeria .strip_promo_tour_list .img_contenedor img {margin-top: 0;position: relative;top: -35px;width: 100%;height: auto;left: 0;} #galeria .strip_promo_tour_list .tour_list_desc {width: 100%; text-align: center; padding-bottom: 10px;padding: 15px 10px;width: 100%;height: 130px;position: relative;border-right: none;} #galeria .strip_promo_tour_list .price_list {width: 100%; padding-top: 5px; border-top: 1px dashed #ddd;display: block;padding: 0 10px;width: 100%;text-align: center;min-height: auto;height: 120px;position: relative;border: none;} #galeria .strip_promo_tour_list .price_list .desde {display: inline-block; position: relative; bottom: 4px; margin-right: 3px;display: inline-block;text-align: right;} #galeria .strip_promo_tour_list .price_list .precio-convertido {display: block;margin: 0 0 6px 0;} #galeria .strip_promo_tour_list .price_list .precio {font-size: 28px;display: block;margin-bottom: 10px;} #galeria .strip_promo_tour_list .price_list a.btn_1 {width: calc(100% - 40px);display: block;margin: 20px;font-size: 14px;} #galeria .strip_promo_tour_list .tour_list_desc h3 {margin-bottom: 5px;} #galeria .strip_promo_tour_list .tour_list_desc p {line-height: 1.3;height: auto;max-height: 80px;padding: 0 30px;} #galeria .strip_promo_tour_list ul.add_info {} #galeria .strip_promo_tour_list ul.add_info li {border-color: #bbb;position: relative; margin: 1px;} #galeria .strip_promo_tour_list ul.add_info li i {color: #777;top: 2px;left: -1px;} /*------------------------ FICHA TOUR -----------------------------*/ #datos {width: calc(100% - 400px);float: left;} #Img_carousel .sp-selected-thumbnail {border-bottom: 2px solid #e04f67; } .sp-thumbnails.sp-grabbing {transform: none !important;} .sp-thumbnail-container:last-child { display: none;} .sp-thumbnail-arrow { display: none !important;} .sp-thumbnail-container {width:104px !important;} .parallax-content-2 {position: absolute; left: 0; bottom: 0; z-index: 999; padding: 18px 0 20px 0; color: #fff; font-size: 13px; background: url(../../img/shadow_single.png) repeat-x bottom left; width: 100%; } .parallax-content-2 div h1 {font-size: 36px; text-transform: uppercase; font-weight: bold; color: #fff; margin: 0; } .parallax-content-2 .rating {font-size: 14px; } #single_tour_feat ul {list-style: none; padding: 0; margin: 0; display: table; border-bottom: 2px solid #555; margin-bottom: 30px; } #single_tour_feat ul li {display: table-cell; width: 1%; vertical-align: middle; text-align: center; padding: 0 10px 20px 10px; white-space: nowrap; } #single_tour_feat ul li:last-child {margin-right: 0; } #single_tour_feat ul li i {font-size: 36px; display: block; margin-bottom: 10px; } #derecha_tour img.medio-de-pago {width:33%; float:left;} #derecha_tour img.medio-de-pago:last-child {float:right;} #derecha_tour {margin-top: 20px;width: 330px;float: right;padding: 0;} #derecha_tour h4 span { display: block; font-size: 12px; text-transform: uppercase; color: #aaa; line-height: 19px;} #derecha_hotel {margin-top: 20px;min-width: 330px;padding-right: 0;} #derecha_hotel .box_style_4 {margin: 0 15px;} #breads { font-family:'Montserrat', 'Open sans', arial, sans-serif; border-bottom: 1px solid #ccc; font-size: 11px; text-transform: uppercase; font-weight: 700;} #ficha_tour {overflow:hidden;max-width: calc(100% - 360px);} #ficha_tour h2 {margin: 0 0 30px 0;} #ficha_tour h1 span {display: none;} #map {width: 100%; height: 450px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } #total_este_grupo { font-weight: bold; text-align: center; line-height: 40px; padding: 0; height: 40px; background-color: cornsilk;} .col-md-9 h4 span { display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; color: #999; line-height: 22px;} .table.table_summary td {border-top: 1px solid #ededed; width: 50%; } .table.table_summary tr.total {color: #e04f67; font-size: 20px; font-weight: bold; text-transform: uppercase; } #medios-de-pago-ficha {margin: -15px 0 40px 0;} #medios-de-pago-ficha .logo {width: calc(33% - 15px);margin: 0 5px;} #medios-de-pago-ficha .logo.paypal {max-width: 220px;} #medios-de-pago-ficha .logo.safety {max-width: 220px;} #medios-de-pago-ficha .logo.webpay {max-width: 200px;} /*-------------- ITINERARIO FICHA ----------------------*/ #ficha_tour .itinerario p {overflow-wrap: normal;width: 100%;display: table-row-group;/* font-family: 'Lato','open sans',sans-serif; */} #ficha_tour .itinerario p span {display: table-cell;overflow-wrap: break-word;width: calc(100% - 200px);font-size: 14px;padding: 8px 0;border-bottom: 1px dashed #ddd;} #ficha_tour .itinerario p b {font-size: .8em;width: 200px;display: table-cell;padding: 8px 0;border-bottom: 1px dashed #ddd;} #ficha_tour .itinerario p:last-child b, #ficha_tour .itinerario p:last-child span {border-bottom: none;} /*---------------------------------------------------------- FICHA HOTEL --------------------------------------------------------- */ #ficha_hotel {overflow:hidden;max-width: calc(100% - 330px);} #ficha_hotel h2 {margin: 0 0 30px 0;} #ficha_hotel h1 span {display: none;} #ficha_hotel #caja_ficha label {font-size: .88em;} #ficha_hotel h6.encabezado_caja_ficha {color: #2a7e69;} #ficha_hotel #caja_ficha label span {font-size: 9px;letter-spacing: -0.5px;color: #2a7e69;font-weight: 600;} #ficha_hotel .form-group.date {width: 47%;margin-right: 3%;display: inline-block;float: left;max-width: 140px;} #ficha_hotel .form-group.date label {margin-top: 6px;} #ficha_hotel .form-group.pax {width: 30%;margin-right: 4%;display: inline-block;float: left;max-width: 90px;} #ficha_hotel .form-group.pax:last-child {margin-right:0;} #ficha_hotel a.btn_full {position: relative;margin-top: 22px;margin-bottom: 0;} #ficha_hotel .box_style_0.expose {background: #057769; padding: 15px; border: none; border-radius: 0;} #ficha_hotel .ficha-hotel {background: white;border: 1px solid #ddd;margin-bottom: 40px;} #ficha_hotel .img_hotel {width: 100%; position: relative; overflow: hidden; margin: 0; height: 300px;} #ficha_hotel .img_hotel img {width: 100%;} #ficha_hotel .desc_hotel {width:calc(100% - 30px); position: relative; margin: 15px;} #ficha_hotel .desc_hotel h5 {margin-bottom: 0;} #ficha_hotel img.stars {margin-bottom: 10px;} #ficha_hotel .ficha_hotel {border: 1px solid #bababa;margin-bottom: 20px;background: white;} #ficha_hotel .mini-ficha {width: 170px;min-height: 150px;float: left;border: none;} #ficha_hotel .mini-ficha .img_hotel {width: calc(100% - 10px);float: none;margin: 5px;height: 120px;} #ficha_hotel .mini-ficha .desc_hotel {width: 140px;position: relative;float: none;margin: 10px 5px;} #ficha_hotel .mini-ficha .desc_hotel p {font-size: 90%;line-height: 1.5;} #ficha_hotel #busqueda {font-size: 1.3em;color:#0d8a6c; font-weight:600; margin:10px 0;} /*--------------------------------------------------------------- ESTILOS ACORDEON PROGRAMAS Y HOTELES ----------------------------------------------------------------*/ table.opciones-programas {background: white;border: none;border-left: 1px solid #bababa;font-size: 13px;width: calc(100% - 170px);min-height: 200px;} table.opciones-programas th {background: #E7E7E3;padding: 10px 10px 10px 40px;line-height: 1.2;border-bottom: 1px solid #bababa;font-weight: 900;letter-spacing: .6px;font-size: .96em;height: 50px;} table.opciones-programas th.precio-desde {padding-right: 40px;text-align: center;width: 180px;} table.opciones-programas th span {line-height: 1.5; display: block; font-size: 0.9em; font-weight: normal; letter-spacing: normal;} table.opciones-programas td {background: rgb(250, 250, 250);border-bottom: 1px solid #bababa;background: white;vertical-align: text-top;} table.opciones-programas tr:last-child > td {border-bottom: none;} table.opciones-programas td a table {display: inline-block;margin-left: 20px;color: #444;background: transparent;font-family: 'open sans';font-size: .9em;width: calc(100% - 20px);} table.opciones-programas td a table td {border:none;} table.opciones-programas td a table h3 {text-transform: none;font-size: 1em;color: inherit;margin: 0;line-height: 1.5;text-decoration: underline;letter-spacing: normal;font-family: 'open sans';} table.opciones-programas td a table td span.desde {display: block;font-size: .9em;padding: 10px;border-radius: 5px;text-align: center;border: 1px solid #bababa;} table.opciones-programas td a table td span.cerrar {display: none;} table.opciones-programas td a.ui-state-active table td.precio-desde div span.desde {display: none;} table.opciones-programas td a.ui-state-active table td.precio-desde div span.cerrar {font-size: 1.12em;background: #eef7f0;padding: 0;text-align: center;display: block;text-decoration: underline;opacity: .6;width: 100%;} table.opciones-programas td a table td span.desde span {display: block;margin-top: 5px;font-size: .9em;} table.opciones-programas td a table td ul {padding: 0;} table.opciones-programas td a table td ul li {list-style-position: outside;list-style-type: disc;margin-left: 15px; line-height:1.5;} table.opciones-programas td a table td.descripcion {opacity: .8;width: 80%;} table.opciones-programas td a table td.precio-desde {min-width: 140px;text-align: right;padding: 0;padding-left: 20px;font-size: .8em;line-height: 1;vertical-align: text-top;color: #222;opacity: .8;} table.opciones-programas td a table td.precio-desde span.desde span {display:block;font-size: 1.4em;font-weight:bold;} table.opciones-programas td a table td.ver-mas {width: 50px; font-size: 10px; text-decoration: underline; vertical-align: text-top; text-align: right;} table.opciones-programas td a table td.precio-desde div {background: rgb(246, 246, 244);text-align: center;} table.opciones-programas td a span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {display: inline-block;top: 16px;left: 14px;margin: 0;} table.opciones-programas td a span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {display: inline-block;top: 10px;left: 14px;margin: 0;background-image: url("/img/ui-icons_008C69_256x240.png");} table.opciones-programas td a.ui-state-default {background: none;border: none;padding: 10px 10px 10px 20px;margin: 0;} table.opciones-programas td > a.ui-state-hover, table.opciones-programas td a.ui-state-hover table td {background: white;} table.opciones-programas td a.ui-state-hover td.descripcion, table.opciones-programas td a.ui-state-hover td.precio-desde {opacity: 1;} table.opciones-programas td a.ui-state-hover td.precio-desde div {color: #444444;background: #e7e7e3;} table.opciones-programas td > a.ui-state-active, table.opciones-programas td a.ui-state-active table td {background: #EEF7F1;opacity: 1;} table.opciones-programas td a.ui-state-active td.descripcion {width: 100%;} table.opciones-programas td a.ui-state-active + div {background: #EEF7F1;border: none;padding: 0;overflow: visible;} table.opciones-programas td a.ui-state-active table td h3 {color: #00664C;} table.opciones-programas td a.ui-state-active table td.precio-desde div { text-align: center; } table.opciones-programas td a.ui-state-active table td.precio-desde {min-width: 0;padding-left: 20px;} table.opciones-acomodaciones {width: 100%;font-size: 12px;margin: 0;font-family: 'open sans';font-weight: 600;color: #444;} table.opciones-acomodaciones td {background: transparent;border: none;padding: 0 5px;border-top: 1px dashed #80b2a3;vertical-align: middle;} table.opciones-acomodaciones td:first-child {background: transparent;padding: 15px 5px 15px 40px;font-size: 96%;} table.opciones-acomodaciones td:last-child {padding: 10px;width: 140px;} table.opciones-acomodaciones td div.accordion-int a.ui-state-default {width: 100%;font-family: 'open sans';text-decoration: underline;padding: 0;font-size: 1.1em;margin-left: 15px;font-weight: 600;} table.opciones-acomodaciones td a span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {top: -1px;left: -15px;display: none;} table.opciones-acomodaciones td div.accordion-int a span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s {left: -15px;top: 1px;background-image: url("/img/ui-icons_008C69_256x240.png");} table.opciones-acomodaciones td div.accordion-int a.ui-accordion-header-active.ui-state-active {color: #00664C;} table.opciones-acomodaciones td table.detalles-acomodacion td {padding: 5px 0 5px 15px;border: none;font-weight: normal;} table.opciones-acomodaciones td.precio-exacto {width: 110px;text-align: right;padding: 0 5px;font-size: 1.1em;} table.opciones-acomodaciones td a.agregar-hotel-al-carro {background: #85c99d;padding: 10px;border-radius: 3px;text-align: center;border: none;font-size: 0.98em;color: white;display: inline-block;width: 100%;} table.opciones-acomodaciones td a.agregar-hotel-al-carro:hover {background: #5d9b73;color: white;} table.opciones-acomodaciones td a.agregar-hotel-al-carro:active {color: #6daf84;background-color: white;border:1px solid #6daf84;} table.opciones-acomodaciones div.ui-accordion-content p {padding-left: 15px; margin: 4px 0 0 0;} /*------------------------------------------------------------------------------- Estilos loading ---------------------------------------------------------------------------------*/ /* Start by setting display:none to make this hidden. Then we position it in relation to the viewport window with position:fixed. Width, height, top and left speak for themselves. Background we set to 80% white with our animation centered, and no-repeating */ .modal-hotel {display: none;position: fixed;z-index: 99999;top: 0;left: 0;height: 100%;width: 100%;background: rgba(109, 116, 119, .4) url(/images/ajax-loader.gif) 50% 50% no-repeat;box-shadow: #9c9797 2px 2px 12px;} .modal-hotel p {position: absolute;top: 48%;width: 40%;margin-left: 15%;padding: 60px 40px;text-align: center;background: white;font-size: 1.4em;color: #4da671;line-height: 1.5;box-shadow: rgba(0,0,0,0.4) 2px 3px 4px;} /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ body.loading .modal-hotel {overflow: hidden;} /* Anytime the body has the loading class, our modal element will be visible */ body.loading .modal-hotel {display: block;} /* Lo mismo para layer con anuncio especial*/ .modal-anuncio {display: none;position: absolute;z-index: 99999;top: 0;left: 0;height: 100%;width: 100%;background: rgba(109, 116, 119, .4) url(/images/ajax-loader.gif) 50% 50% no-repeat;box-shadow: #9c9797 2px 2px 12px;} body.anuncio .modal-anuncio {display: block;overflow: hidden;height: 2000%;} body.anuncio .modal-anuncio .contenedor {position: relative;top: 50px;width: 90%;max-width: 900px;margin: 0 calc(50% - 450px);padding: 60px;text-align: left;background: white;font-size: 1.4em;color: white;box-shadow: rgba(0,0,0,0.4) 2px 3px 4px;min-height: 620px;border: 15px solid rgb(79, 101, 151);border: 10px solid white;background-image: url(/img/bg_anuncio.jpg);background-size: cover;background-position-y: bottom;} body.anuncio .modal-anuncio .contenedor h1 {position: relative;text-align: center;color: white;} body.anuncio .modal-anuncio .contenedor h1 span {color: #89d4f6 !important;} body.anuncio .modal-anuncio .contenedor p {position: relative;margin: 20px 3% 30px 3%;top: unset;width: 94%;padding: 0;text-align: justify;background: transparent;font-size: inherit;color: inherit;line-height: 1.4;box-shadow: none;}body.anuncio .modal-anuncio .contenedor p span {font-weight: bold;color: #FFEB3B;} body.anuncio .modal-anuncio .contenedor p a {color: white;font-weight: 900;text-decoration: underline;}body.anuncio .modal-anuncio .contenedor p span {font-weight: 900;color: #FFEB3B;} body.anuncio .modal-anuncio .contenedor p a:hover {color: #ffeb3a;}body.anuncio .modal-anuncio .contenedor p span {font-weight: 900;color: #FFEB3B;} body.anuncio .modal-anuncio .contenedor button {color: white;position: relative;width: 150px;margin: 40px 20px 40px auto;display: block;padding: 15px 40px;background: rgba(255,255,255,.3);text-transform: uppercase;letter-spacing: 1px;font-weight: bold;border-radius: 0;} body.anuncio .modal-anuncio .contenedor button:hover {border-color: white;background: rgba(255,255,255,.4);} /*------------------------------------------------ ESTILOS ESPECIALES popup Cruce --------------------------------------------------*/ .dialogo-alerta-cruce.ui-dialog { width: 80% !important; top: 250px !important; left: 10% !important; background: rgba(219,218,208,1); box-shadow: rgba(0,0,0,0.7) 10px 10px 30px; border: 2px solid #999; padding: 10px 40px; min-width: 340px;} .dialogo-alerta-cruce.ui-dialog .ui-dialog-titlebar-close { top: 20px; right: 10px; display: block;} .dialogo-alerta-cruce.ui-dialog .ui-dialog-content { width: calc(100% - 80px) !important; margin: 0px 40px; padding-top: 10px !important; line-height: 1.5;} .dialogo-alerta-cruce.ui-dialog .ui-dialog-title { margin-left: 40px; margin-top: 20px; margin-bottom: 0;} /*------------------------------------------------- CARRO DE COMPRA - PAGO Y CONFIRMACION -------------------------------------------------*/ #carro .row.tour-wrapper {position:relative; padding:0; margin:0;min-width: 360px;} #carro .row.tour-wrapper.norte {background-color:darkorange;} #carro .row.tour-wrapper.santiago {background-color:#3B437C;} #carro .row.tour-wrapper.sur {background-color:green;} #carro .row.tour-wrapper.ski {background-color:#4EA6C3;} #carro .row.tour-wrapper.peulla {background-color:#008C69;} #carro .zona-tour {position: absolute; top:40%; text-align: center; color: white; transform: rotateZ(-90deg); font-size: .7em; left: -28px; height: 20px; margin: 0; width: 80px;} #carro .row.tour {border: 1px solid #ccc; border-bottom: 1px dashed #ccc; border-top:none; padding: 20px 0; margin: 0; margin-left:25px; position:relative; background-color:white;} #carro .row.tour:first-child {border-top: 1px solid #ccc;} #carro .row.tour:last-child {border-bottom: 1px solid #ccc;} #carro .row.t-header {background: #eaeae0; border: 1px solid #ccc; margin: 0; margin-top: 30px; min-width:360px;} #carro .row.t-header .derecha {padding-right:0;} #carro .row.t-header.total-carro { text-align:right; border-top:none; margin: 0; height: 50px; min-width: 360px;} #carro .row.t-header.total-carro h5 {border-right: 1px solid #ccc; padding-right: 30px; line-height:50px; margin:0;} #carro .row.t-header.total-carro.convertido {height: 35px; background-color: rgba(234, 234, 224, .5);} #carro .row.t-header.total-carro.convertido h5.small {line-height: 35px; font-weight: normal; color: #777;} #carro .row.t-header.botones-carro {background: transparent; border: none; margin: 0; margin-top: 30px; text-align:right; min-width: 360px;} #carro .row.t-header.botones-carro button {display:inline-block;} #carro .row.t-header.botones-carro button.pagar {margin-left:20px;} #carro .precio-tour, #carro .precio-transfer, #carro .precio-hotel {text-align: right;} #carro .row.condiciones-carro {padding-left: 20%; padding-right:0; font-size: .9em; line-height: 1.3em; margin:0; min-width:360px;text-align: justify;} #carro .condiciones-carro h6 {text-transform: none;} #carro .nombre-tour, #carro .fecha-tour, #carro .precio-tour, #carro .nombre-transfer, #carro .fecha-transfer, #carro .precio-transfer, #carro .encabezado-checkin, #carro .precio-hotel {line-height: 20px; border-bottom: 1px dashed #ccc; margin-bottom: 5px; width: calc(100% + 30px); font-weight: bold; font-size:.95em; color:#222;} #carro .nombre-transfer span {display:none;} #carro .nombre-hotel {font-weight: 600;font-size: 95%;font-family: 'Lato','Open sans',arial,sans-serif;} #carro .horario-tour, #carro .pickup-tour, #carro .party-tour {font-size: 85%;line-height: 1.5;} #carro .vuelo-transfer, #carro .aerolinea, #carro .party-transfer, #carro .party-hotel, #carro .programa-hotel, #carro .acomodacion, #carro .fecha-hotel {font-size: 85%;} #carro .precio-tour, #carro .precio-transfer, #carro .precio-hotel {width: 100%;} #carro .eliminar-tour a, #carro .eliminar-transfer a {position: absolute;top: 46px;right: 10px;font-size: 11px;color: #ccc;font-style: italic;} #carro .eliminar-tour a i, #carro .eliminar-transfer a i {font-size: 16px;} #carro .eliminar-tour a:hover, #carro .eliminar-transfer a:hover {color: #999; cursor: pointer;} #carro .eliminar-tour a:hover > .row.tour, #carro .eliminar-transfer a:hover > .row.tour {background-color:#F9FBD5;} #carro .eliminar-tour a:active, #carro .eliminar-transfer a:active {color: #444;} /*------------------------------------------------------------------------- FORMULARIOS: CAJA DE COMPRA EN FICHA Y FORM. DE CONTACTO ---------------------------------------------------------------------------*/ .form_title {position: relative; padding-left: 55px; margin-bottom: 10px; } .form_title h3 strong {background-color: #51a783; text-align: center; width: 40px; height: 40px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 18px; line-height: 40px; text-align: center; position: absolute; left: 0; top: 0; } .form_title h3 {margin: 0; padding: 0; text-transform: none; font-weight: normal; font-size: 1.35em; border-bottom: 1px solid #51a783; padding-bottom: 6px; color: #51a783;} .form_title p {color: #999; margin: 0; padding: 0; font-size: 12px; line-height: 14px; } .step {padding: 0px 0 20px 31px; margin: 0 0 10px 20px; } .form-group label span {height: 14px;font-size: 9.5px;display: block;line-height: 10px;font-weight: 700;color:#51A783;} .form-group.edades {margin: 2px 0 10px 0; width: 25%; float: left;} .edades select {width: 95%; max-width: 80px; height:35px;} label.edades {line-height: 14px; margin-bottom: 5px; display:block;} #escoger-lugar-inicio select, #escoger-horario select {width:100%; max-width:220px; height:35px;} .numbers-row {position: relative; width: 97px; height: 40px; overflow: visible; } .numbers-row.list {margin: auto; margin-bottom: 5px; margin-top: 15px; } input.qty2 {position: relative; width: 35px; height: 40px; border-radius: none; text-align: center; left: 31px; font-size: 12px; padding: 5px; } .button_inc {text-indent: -9999px; cursor: pointer; position: absolute; width: 33px; height: 40px; z-index: 9; } .dec {background: #fff url(../img/minus.png) no-repeat center center; border: 1px solid #cccccc; left: 0; top: 0; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .inc {background: #fff url(../img/plus.png) no-repeat center center; right: 0; top: 0; border: 1px solid #cccccc; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #total {text-align: right; margin-top: 20px; } #total h3 {font-size: 26px; line-height: 26px; padding: 0; font-weight: bold; display: block; margin: 0 0 10px 0; } .options i {font-size: 22px; } .thumb_cart {border: 1px solid #ddd; overflow: hidden; width: 60px; height: 60px; margin-right: 10px; float: left; } .thumb_cart img {padding: 1px; width: 58px; height: auto; } .item_cart {display: inline-block; margin-top: 20px; } #contacto {border: 1px solid #ddd; padding: 30px 30px 30px 0; background: white; border-radius: 3px;} .row.tipos-contacto {margin-bottom: 30px;} .tipos-contacto p {margin-left: 15px; margin-top: 30px; font-size: 1.1em; font-weight: 600;} .tipos-contacto input {border: none; box-shadow: none; height: 20px; display: inline-block; float: left; width: 20px; margin-right: 5px;} .tipos-contacto label {display: inline-block; float: left; width: calc(100% - 35px); max-width: 140px; margin-right: -15px; line-height: normal; font-size: .9em; position: relative; top: 6px;} #policy {padding: 10px 0 0 50px; } /*------------------------------------------------------------------------- PASO 4 : LISTA PAX CRUCE ANDINO ---------------------------------------------------------------------------*/ #paso4 h1 {text-align: left; font-size: 1.35em; } #paso4 .main_title p { text-align: left; max-width: 700px; font-weight: normal; font-size: 1.1em; line-height: normal; margin-bottom:30px;} #paso4 .form_title {position: relative; padding-left: 55px; margin-bottom: 10px; } #paso4 .form_title h3 strong {background-color: #51a783; text-align: center; width: 40px; height: 40px; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 18px; line-height: 40px; text-align: center; position: absolute; left: 0; top: 0; } #paso4 .form_title h3 {margin: 0; padding: 0; text-transform: none; font-weight: normal; font-size: 1.35em; border-bottom: 1px solid #51a783; padding-bottom: 6px; color: #51a783;} #paso4 table {margin: 0;} #paso4 table td {padding:3px 2px 3px 5px;} #paso4 table td.titulo {padding:10px 10px 5px 20px;} #paso4 table td.last {padding-bottom:20px;} #paso4 table td.left {padding-left: 75px;} #paso4 table td.left p {font-size:13px; line-height:17px; margin-bottom:10px;} #paso4 h4, #paso4 table td h4 {border-bottom: 1px solid #666; width:100%;} #paso4 table td h4 span {font-size:11px; font-weight:normal; text-transform:uppercase;} #paso4 table div.seccion-form {float: left;m;margin-right: 10px;} #paso4 table div.genre {width:60px;margin-right:10px;} #paso4 input {width: auto;} #paso4 input.nombre, #paso4 input.apellido {width:220px;} #paso4 input.dia_nac,#paso4 input.mes_nac {width: 25px;} #paso4 input.ano_nac { width: 60px;} #paso4 input.fono_pais,#paso4 input.fono_ciudad {width: 35px;} #paso4 input.fono_numero { width: 200px;} #paso4 label { display: block; font-size: 11.6px; color: #444; font-weight: 600; width: 100%;} #paso4 .button {margin:0 0 30px 0; float:right;} /*--------------------------------------------------------------- PASO 4: DATOS Y MEDIO DE PAGO ----------------------------------------------------------------*/ #datos h3 {color:rgba(51,76,114,1.00); text-transform: none; font-family: Montserrat; font-size: 14px; font-weight: bold; margin-bottom:4px;} #datos .panel {border-radius: 0; border-color: #ccc; border-top: 1px solid #ccc; color: #333; background: none; background-color: #eee; font-size: 13px; padding: 20px 30px; margin-bottom:30px;} #datos label {display:block; margin:10px 0 5px 0;font-size: 12px; line-height: 16px; font-family: Montserrat; font-weight: normal;} #datos label.paises {display: block;clear: both;margin-left: 28px;font-size: .85em;line-height: 1.1;padding-top: 3px;color: #777;font-weight: normal;} #datos textarea {font-size:110%; display:block; width: 100%; min-height: 60px; border-color: #ccc;} #datos .seccion-form {float: left; width: 49%;} #datos input#nombre, #datos input#apellido, #datos input#email, #datos input#fono {width: 94%;height: 41px;font-size: 110%;} #datos select#country {border-color:#ccc; width: 94%;height: 41px;font-size: 110%;} /*#datos input.numero-vuelo {float:left;width:180px;margin-right: 50px;} #datos input.no-se-vuelo {float:left;width: 20px;margin-right: 3px;margin-top: 7px;} #datos label.no-se-vuelo {float:left;margin: 0;line-height: 27px;} #datos .info-vuelo input.numero-vuelo {width:80%;} #datos p {font-size: .94em; line-height: 1.4em; font-family: 'Open sans', arial;margin: -20px -30px 20px -30px; padding: 20px 30px; background:rgba(51,76,114,.4); color: white; font-weight: 600;} #datos a.link-ayuda, #datos a.hoteles-disponibles {font-weight:bold; font-style:italic; text-decoration:underline; color:rgba(51,76,114,.75);} #datos a.link-ayuda:hover, #datos a.hoteles-disponibles:hover {color:rgba(186,240,251,1.00)} #datos a.link-ayuda:active, #datos a.hoteles-disponibles:active {color:white;} */ #datos h5 { font-weight: bold; font-size: .9em; border-bottom: 1px solid #ccc;} #datos a.custom-combobox-toggle {height: 26px; margin-top: -2px; left: -1px;} #datos .pickup h5 span {font-weight: lighter; color: cornflowerblue;} #datos .pickup {margin-bottom:30px;} /*#datos label.lista_hoteles { font-family: 'Open Sans', arial; font-weight: normal; padding-left: 2px; margin-bottom: 2px;} */#datos input.custom-combobox-input {width: 330px; padding-left: 10px; height: 26px;} #datos a.custom-combobox-toggle {height: 26px; margin-top: -2px; left: -1px;} #datos .medio-de-pago {width:50%; margin:20px 0; float:left;} #datos .bloque-transfer {margin-bottom: 30px;} #datos label#safetypay_label,label#ccard_label, #datos label#paypal_label {display: inline-block; float: left; margin: 0;} #datos label#safetypay_label img,label#ccard_label img, #datos label#paypal_label img {max-width: 170px;} #datos input#fp_safetypay, input#fp_ccard, #datos input#fp_paypal {float: left; width: 26px; height: 30px;margin: 0;} #datos .error {font-weight:bold; color:orangered;} #datos .botones-de-pago {text-align: right;} #datos .botones-de-pago button {margin-left: 20px;} #datos td.mensaje_cupon {vertical-align: bottom; padding-left: 20px; padding-bottom: 2px; font-weight: bold;color:#51A783;} #datos a#validar_cupon {font-style: normal; padding: 5px 8px; background: white; border: 1px solid #ccc; border-radius: 3px; text-decoration: none; font-size: 12px; margin-left: 5px; color:#999;} #datos a#validar_cupon:hover {background: #eee; color:#555;} #datos a#validar_cupon:active {background: #bbb; color:white;} #datos a#seguir_comprando {font-weight: bold; background-color:rgba(83,157,83,1.00);} /*--------------------------------------------------------------- ESTILOS RESUMEN COMPRA ----------------------------------------------------------------*/ #resumen {margin-top: 18px;} #resumen .tour-wrapper {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;} #resumen .tour-wrapper:last.child {border-bottom-style:solid;} #resumen .nombre-tour {font-weight: bold;display: inline;float: left;line-height: 1.3em;max-width: 70%;/* letter-spacing: -.3px; */} #resumen .nombre-tour span {display: block; line-height: 12px; font-size: 10px; color: #999; font-weight: 700; text-transform: uppercase; margin-bottom: 5px;} #resumen .precio-tour { float: right; font-weight: bold; line-height: 1.3em; } #resumen .party-tour { clear: both; font-size: .85em; line-height: 1.5em;} #resumen .zona-tour { clear: both; font-size: .8em; font-weight: bold; color: orange;} #resumen .fecha-tour { width: auto; float: left; font-size: .85em; line-height:1.5em; display: inline; clear: left;} #resumen .horario-tour { width: auto; float:left; font-size:.85em; line-height:1.5em;} #resumen .recogida-tour { width: auto; float:left; font-size:.85em; line-height:1.5em;} #resumen .pickup-tour { font-size: .85em; line-height: 1.5em; clear: both;} #resumen .eliminar-tour {border-bottom: 1px dashed #ddd; color:#ccc; font-size:.8em; text-align:right; font-style:italic; margin-top:-10px;margin-bottom: 20px;} #resumen .eliminar-tour a { font-size: 15px; color: #ddd; margin-right: -5px;} #resumen .subtotal-carro h5 {font-weight: bold; font-size: 1em; color: #444; font-family: 'Open sans', arial; letter-spacing: normal;margin-bottom: 0;} #resumen .descuentos-carro h5 { font-weight: normal; font-size: 1em; text-transform:none; color: #444; font-family: 'Open sans', arial; letter-spacing: normal; margin-bottom: 0;} #resumen .row.t-header.subtotal-carro, #resumen .row.t-header.descuentos-carro {margin: 5px 0;padding: 10px 0;border-bottom: 1px dashed #ddd;} #resumen .row.t-header.subtotal-carro {background-color: #fafaf0;margin-top: -10px !important;} #resumen .subtotal-carro .col-md-6, #resumen .descuentos-carro .col-md-8, #resumen .descuentos-carro .col-md-4 {padding: 0;} #resumen .subtotal-carro, #resumen .descuentos-carro { padding: 10px 0; border-bottom: 1px dashed #ccc;} #resumen .descuentos-carro {color:#51A783; font-weight:bold;} #resumen .descuentos-carro h5 {color:#51A783; font-weight:bold; display:inline-block;} #resumen .hotel-wrapper {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;} #resumen .hotel-wrapper:last.child {border-bottom-style:solid;} #resumen .nombre-hotel {font-weight: bold;display: inline;float: left;line-height: 1.3em;max-width: 70%;} #resumen .nombre-hotel span {display: block; line-height: 12px; font-size: 10px; color: #999; font-weight: 700; text-transform: uppercase; margin-bottom: 5px;} #resumen .precio-hotel { float: right; font-weight: bold; line-height: 1.3em; } #resumen .party-hotel {width: auto;font-size: .85em;line-height: 1.5em;} #resumen .zona-hotel {font-weight: bold;color: #52a883;} #resumen .fecha-hotel {width: auto;font-size: .85em;line-height:1.5em;clear: both;} #resumen .programa {width: auto;font-size: .85em;line-height:1.5em;} #resumen .acomodacion {width: auto;font-size: .85em;line-height:1.5em;} /*------------------------------------------------- PASO 5 - ACEPTAR TYC -------------------------------------------------*/ #paso5 h1 {text-transform: none;font-family: Montserrat;font-size: 15px;font-weight: normal;line-height: 18px;float: left;margin-top: 40px;} #paso5 h1 i {color:green;font-size:50px;position: relative;margin-left: -15px;bottom: 7px;} #paso5 h1 span {color:green;} #paso5 h3 {color:rgba(51,76,114,1.00); text-transform: none; font-family: Montserrat; font-size: 14px; font-weight: bold; margin-bottom:4px;} #paso5 .panel {border-radius: 0;border-color: #ddd;border-top: 1px solid #ddd;color: #333;background: none;backgr;background-color: white;padding: 20px 30px;margin-bottom:30px;font-family: 'Open sans', arial, sans-serif;line-height: 20px;font-size: 13px;} #paso5 .tour {margin-bottom: 20px; line-height:16px;} #paso5 .hotel {margin-bottom: 20px; line-height:16px;} #paso5 .detalles-tour, #paso5 .detalles-hotel {float: left;width: 70%;font-size: 85%;} #paso5 .nombre-tour, #paso5 .precio-tour, #paso5 .nombre-hotel, #paso5 .precio-hotel {line-height: 20px; border-bottom: 1px dashed #ccc; margin-bottom: 5px; width:100%; font-weight: bold; font-size:13px; color:#222;} #paso5 .nombre-tour span {color: white; padding: 0 5px; font-size: 11px;} #paso5 .precio-tour {float: left; width: 30%; text-align: right;} #paso5 .precio-hotel {float: left; width: 30%; text-align: right;} #paso5 .total-carro {border-top: 1px solid #ccc; margin-top: 10px;} #paso5 .total {width: 60%; float: left; text-align: right;} #paso5 .total-a-pagar {width:40%; float: right; text-align: right;} #paso5 .total-a-pagar h5, .total h5 {font: 600 120%/20px 'Open sans',arial,sans-serif;} #paso5 .subtotal-carro h5 {font-weight: bold; font-size: 1em; color: #444; font-family: 'Open sans', arial; letter-spacing: normal;margin-bottom: 0;} #paso5 .descuentos-carro {color:#51A783; font-weight:bold;} #paso5 .descuentos-carro h5 {color:#51A783; font-weight:bold; display:inline-block; font-size: 1em; text-transform:none; font-family: 'Open sans', arial; letter-spacing: normal; margin-bottom: 0;} #paso5 .row.subtotal-carro, #paso5 .row.descuentos-carro {border-bottom: 1px dashed #ddd; margin:0; padding:8px 0 15px 0;} #paso5 .subtotal-carro .col-md-6, #paso5 .descuentos-carro .col-md-8, #paso5 .descuentos-carro .col-md-4 {padding: 0;} #paso5 .condiciones-carro {margin: 0 20px;; font-size: .9em; line-height: 1.3em;} #paso5 .terminos { text-align: right;} #paso5 .terminos label {font-weight: 400; font-family: 'Open sans', arial; font-size: 1em; line-height:1.1em; height:40px;} #paso5 .terminos input#aceptar_tyc {margin-right:5px;} #paso5 #botones-de-pago {text-align: right;} #paso5 #botones-de-pago .pagar a { color: white;} /*------------------------------------------------- PASO 6 - CONFIRMACION -------------------------------------------------*/ #confirmacion h1 {text-transform: none;font-family: Montserrat;font-size: 15px;font-weight: normal;line-height: 18px;float: left;margin-top: 40px;} #confirmacion h1 i {color:green;font-size:50px;position: relative;margin-left: -15px;bottom: 7px;} #confirmacion h1 span {color:green;} #confirmacion h3 {color:rgba(51,76,114,1.00); text-transform: none; font-family: Montserrat; font-size: 14px; font-weight: bold; margin-bottom:4px;} #confirmacion .panel {border-radius: 0;border-color: #ddd;border-top: 1px solid #ddd;color: #333;background: none;backgr;background-color: white;padding: 20px 30px;margin-bottom:30px;font-family: 'Open sans', arial, sans-serif;line-height: 20px;font-size: 13px;} #confirmacion .zona-tour {position: absolute; bottom: 35px; text-align: center; color: white; transform: rotateZ(-90deg); font-size: .7em; left: -28px; height: 20px; margin: 0; width: 80px;} #confirmacion .tour {border-bottom: 1px dashed #ccc;border-top:none;padding: 20px 0;margin: 0;margin-left: 0;margin-top: -20px;position:relative;background-color:white;} #confirmacion .tour:last-child {border-bottom: 1px solid #ccc;} #confirmacion .detalles-tour {float: left;width: 70%;font-size: 85%;} #confirmacion .nombre-tour, #confirmacion .precio-tour {line-height: 20px; border-bottom: 1px dashed #ccc; margin-bottom: 5px; width:100%; font-weight: bold; font-size:13px; color:#222;} #confirmacion .nombre-tour span {color: white; padding: 0 5px; font-size: 11px;} #confirmacion .precio-tour {float: left; width: 30%; text-align: right;} #confirmacion .total {width: 60%; float: left; text-align: right;} #confirmacion .total-a-pagar {width:40%; float: right; text-align: right;} #confirmacion .total-a-pagar h5, .total h5 {font: 600 120%/20px 'Open sans',arial,sans-serif;} #confirmacion .condiciones-carro {margin: 0 20px;; font-size: .9em; line-height: 1.3em;} /*--------------------------- NECESITA AYUDA ----------------------------*/ .box_style_4 {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 0;margin: 0 15px 25px 15px;border: 1px solid #ddd;background: #fff;padding: 20px 10px;position: relative;text-align: center;} .box_style_4 i {font-size: 52px;margin-top: 10px;display: inline-block;} .box_style_4 a.phone {font-size: 26px; display: block;margin-bottom: 10px;} a .box_style_4.flexibilidad {background: #7accec;border: none;} a:hover .box_style_4.flexibilidad {background: #bdd973;border: none;} .box_style_4.flexibilidad p {margin: 20px;color: #333;} .box_style_4 i.fa-whatsapp {color: #58c2e9;font-size: 1.2em;position: relative;top: 2px;} .box_style_4 i.fa-thumbs-up {color: white;/* font-size: 1.2em; */position: relative;} a#email_ayuda {display: block;position: relative;color:#51bce6;font-size: 1.3em;padding: 0 40px;margin: 10px;} a#email_ayuda:hover {color:#2D9CC7; } a#email_ayuda:before {font-size: 1.4em;content: "\74"; font-style: normal;font-weight: normal;font-family: "icon_set_1";position: relative;margin-right: 8px;top: 7px;} /*------------------------ ACERCA DE ---------------------------*/ .feature {padding: 30px 30px 20px 120px; position: relative; background: #fff; margin-bottom: 30px; color: #888; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .feature i {margin: 0; position: absolute; top: 30px; left: 30px; padding: 0; margin: 0; width: 65px; height: 65px; line-height: 60px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px dashed #ccc; font-size: 34px; color: #6dcff6; } .features-bg {position: relative; min-height: 400px; background: url(../../img/features-intro-01.jpg) no-repeat center center; background-size: cover; } .features-img {width: 100%; height: 400px; text-align: center; line-height: 400px; } .features-content {position: relative; padding: 11% 100px 10% 100px; height: 400px; background-color: #e04f67; color: #fff; font-size: 14px; } .features-content h3 {font-family: "Gochi Hand", cursive; color: #fff; font-size: 32px; line-height: 34px; text-transform: uppercase; } .review_strip {background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; padding: 30px 20px 20px 30px; margin-bottom: 30px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .review_strip img {top: -15px; position: absolute; left: 25px; border: 4px solid #fff; } .review_strip h4 {font-size: 18px; margin: -10px 0 35px 80px; padding: 0; } .review_strip p {margin-bottom: 10px; } .review_strip .rating {font-size: 16px; } .rating {font-size: 18px; } .rating small {font-size: 12px; color: #CCC; } .rating .voted {color: #F90; } /*------------------------ CONTACTO -------------------------*/ #map_contact {width: 100%; height: 450px; } #directions {background-color: #e04f67; padding: 22px 0; } ul#contact-info {list-style: none; margin: 0 0 0 0; padding: 0; } .tape {position: absolute; left: 0; top: -20px; height: 45px; width: 100%; background: url(../../img/tape.png) no-repeat center top; display: block; } .loader {margin-left: 5px; position: absolute; } .error_message {color: #F33; font-weight: 600; margin-bottom: 4px; } /*------------------------ LOGIN ---------------------------*/ #hero.login {height: auto; display: block; text-transform: none; font-size: 12px; background: url(../../img/bg_login.jpg) no-repeat center center; background-size: cover; } #login {margin: 170px 0 60px; color: #333; text-align: left; background-color: #fff; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 5 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); padding: 30px; } #pass-info {width: 98.5%; margin-bottom: 15px; color: #829CBD; text-align: center; font: 12px/25px Arial, Helvetica, sans-serif; } #pass-info.weakpass {border: 1px solid #FF9191; background: #FFC7C7; color: #94546E; text-shadow: 1px 1px 1px #FFF; } #pass-info.stillweakpass {border: 1px solid #FBB; background: #FDD; color: #945870; text-shadow: 1px 1px 1px #FFF; } #pass-info.goodpass {border: 1px solid #C4EEC8; background: #E4FFE4; color: #51926E; text-shadow: 1px 1px 1px #FFF; } #pass-info.strongpass {border: 1px solid #6ED66E; background: #79F079; color: #348F34; text-shadow: 1px 1px 1px #FFF; } #pass-info.vrystrongpass {border: 1px solid #379137; background: #48B448; color: #CDFFCD; text-shadow: 1px 1px 1px #296429; } /*-------- 2.8 Tour guide page --------*/ #tour_guide {text-align: center; } .img-circle.styled {border: 5px solid #fff; } #filters {padding: 20px; background-color: #f2f2f2; border-bottom: 1px solid #ededed; margin: 0 -15px 30px -15px; } a.bt_filters {background-color: #fff; border: 1px solid #ddd; padding: 6px 8px; color: #888; display: inline-block; } /*-------- 2.9 Tranfers --------*/ .transfer_container {background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin-bottom: 30px; } .transfer_container .transfer_title {padding: 15px; position: relative; } .transfer_container .transfer_title .rating {font-size: 14px; margin-left: -3px; } .transfer_container .transfer_title h3 {margin: 0; font-size: 16px; text-transform: uppercase; } a.btn_collapse {display: inline-block; margin-bottom: 10px; font-weight: bold; } /* Carousel */ .carousel .item {margin: 3px; } .carousel .item img {display: block; width: 100%; height: auto; } ul.list_icons {margin: 0 0 020px 0; padding: 0; list-style: none; } ul.list_icons li i {font-size: 16px; } .modal-dialog {margin-top: 80px; } #price_single_main.hotel {padding-top: 40px; } .hotel_container .short_info.hotel {padding-left: 10px; } /*-------- 3.2 Map listing --------*/ .marker_info_2 {width: 240px; height: 340px; border-radius: 3px; text-align: center; background: #FFF; background: rgba(255, 255, 255, 0.9); position: relative; z-index: 9999999; font-family: "Montserrat", Arial, sans-serif; } .marker_info_2 img {display: block; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .marker_info_2 h3 {font-size: 18px; line-height: 18px; text-transform: uppercase; margin-bottom: 10px; } .marker_info_2 span {display: block; padding: 0px 20px; font-size: 12px; line-height: 16px; color: #7a7f82; margin-bottom: 15px; } .marker_info_2:after {right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: rgba(255, 255, 255, 0.9); border-width: 10px; margin-top: -10px; } .full-height {height: 100%; } .row-height {height: 100%; min-height: 100%; } .map-right {height: 100%; min-height: 100%; padding: 0px; } .content-left {height: 100%; min-height: 100%; overflow-y: scroll; padding-top: 115px; } .view_on_map {position: relative; cursor: pointer; padding: 8px 10px 0 30px; margin-top: 10px; margin-left: -15px; margin-right: -15px; margin-bottom: -8px; display: block; border-top: 1px solid #ededed; } .view_on_map:before {font-style: normal; font-weight: normal; font-family: "fontello"; font-size: 14px; content: "\ecea"; color: #e04f67; position: absolute; left: 15px; top: 7px; } /*------------------------------------------------------------------------------ FICHA TOUR DERECHA -- CAJA COMPRA ------------------------------------------------------------------------------*/ .box_style_0 {background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 0;border: 1px solid #ddd;margin-bottom: 25px;padding: 30px;position: relative;color: #444;font-family:'Open sans', arial, sans-serif;font-size:13px;} .box_style_0 h4 {margin-bottom:3px;} .box_style_0 h5 { font-size: 11px; font-weight: 400; font-family: 'Lato'; color: #777; letter-spacing: .5px; margin-top: 0; margin-bottom: 20px;} .box_style_0 h6 {border-bottom: 1px solid #999;width: 100%;font-weight: 700;text-transform: uppercase;font-size: 11px;clear: both;} .box_style_0 p, .box_style_0 table {margin-bottom:20px;} h6.encabezado_caja_ficha { color:#51A783; font-size: 13px;} #caja_ficha {margin-bottom:20px; background-color:#dadad0; padding:10px; max-width: 500px;} #caja_ficha label {display:block;} #caja_ficha input#fecha {width:100%;} #caja_ficha input#flight {width:100%;} #caja_ficha select#hora {width: 100%; height: 40px; border-color: #ccc;} #caja_ficha select#airline {width: 100%; height: 40px; border-color: #ccc;} #caja_ficha select#hotel {width: 100%; height: 40px; border-color: #ccc;} #caja_ficha select#hotel_regreso {width: 100%; height: 40px; border-color: #ccc;} #caja_ficha select#adults, #caja_ficha select#children, #caja_ficha select#infants { background-color: white; height: 35px; width:100%; display: block;} #caja_ficha input#total_este_grupo {background-color: cornsilk; font-weight: 600; text-align: center; padding-right: 20px; height: 40px; width: 63%;} #caja_ficha .acercar-a-izq {padding-left:0;} #caja_ficha .col-sm-4.fixed {width: 33.33333333%; float:left;} #derecha_tour td.precio_destacado {text-align: right;} #mensaje-min-pax {font-weight: bold;background-color: #FFEB3B;padding: 7px 5px;margin: -10px 0 10px 0;text-align: center;border: none;line-height: normal;max-width: 500px;} #mensaje-min-pax p {font-weight: normal;margin: 5px 15px 10px 15px;font-size: .9em;} #ficha_hotel #caja_ficha {margin-bottom:20px;background-color:#dadad0;padding: 10px 25px;max-width: 100%;margin: 0;} /*------------------------------------------------------------------------------ BANNER PROMOCIONAL ENCABEZADO ------------------------------------------------------------------------------*/ div#banner_promocional {background-color: #0677a7;padding: 7px 10% 12px 10%;text-align: center;line-height: normal;color: white;font-weight: 600;letter-spacing: .5px;} span.codigo {font-weight: 900; color: #08729f; background: #14e7eb; padding: 0 2px; font-size: .95em; } span.descuento {color: #71fdff;} span.condiciones {font-size: .85em;color:#ddd;display: block;margin-top: 5px;line-height: 1;} div#banner_promocional.zona1 {background-color: #ce6156;} .zona1 span.codigo {color: #fff;background: #eaa706;} .zona1 span.descuento {color: #f9cc06;font-weight: 900;} .zona1 span.condiciones {} div#banner_promocional.zona2 {background-color: #486bb8;} .zona2 span.codigo {color: #486bb7;background: #f6c92e;} .zona2 span.descuento {color: #f9d705;font-weight: 900;} .zona2 span.condiciones {color: rgba(255,255,255,0.8);} div#banner_promocional.zona3 {background-color: #77a577;color: white;} .zona3 span.codigo {background-color: #e3f534;color: #4c804b;} .zona3 span.descuento {color: rgb(223, 245, 4);font-weight: 900;} .zona3 span.condiciones {color: #2a3d5a;font-weight: normal;} div#banner_promocional.zona4 {background-color: #7bc5c8;} .zona4 span.codigo {background-color: #5fedf0;color: #0c9599;} .zona4 span.descuento {color: #56fafd;font-weight: 900;} .zona4 span.condiciones {color: #334c72;font-weight: normal;} div#banner_promocional.zona5 {background-color: #178cbe;} .zona5 span.codigo {color: #08729f; background: #14e7eb;} .zona5 span.descuento {color: #71fdff;} .zona5 span.condiciones {color: rgba(255,255,255,0.8);} /*------------------------------------------------------------------------------ BANNER PROMOCIONAL DENTRO DE LA FICHA ------------------------------------------------------------------------------ */ p.banner {color: white; padding: 10px; text-align: center; font-size: 1.35em; font-weight: bold;} p.banner.norte {background: #FF9800; border-top: 4px solid #FF5722; border-bottom: 4px solid #FF5722;} p.banner.centro {background: #486bb8;border-top: 4px solid #03A9F4;border-bottom: 4px solid #03A9F4;} p.banner.sur {background: #77a577;border-top: 4px solid #CDDC39;border-bottom: 4px solid #CDDC39;} p.banner.ski {background: #7bc5c8;border-top: 4px solid #57f8fb;border-bottom: 4px solid #57f8fb;} p.banner.peulla {background: #42a79e; border-top: 4px solid #8BC34A; border-bottom: 4px solid #8BC34A;} /*------------------------------------------------------------------------------ FICHA LANDING PAGE PROMOS ------------------------------------------------------------------------------*/ #ficha_landing .banner-landing {margin-top: 15px;} #ficha_landing h1 { font-size: 20px; border-bottom: 1px solid #ccc; margin-top:50px;} #ficha_landing p { margin-top: 7px;} #ficha_landing .col-md-9 ul li {list-style-position: outside;margin-left: 0;margin-bottom: 5px;} #ficha_landing .col-md-9 ul {list-style-position: outside;padding-left: 17px;} #derecha_laptop {margin-top: 35px;} #derecha_laptop h4 span { display: block; font-size: 12px; text-transform: uppercase; color: #aaa; line-height: 19px;} #derecha_laptop .box_style_4 {margin-left:15px;} .col-md-12.laptop { margin-bottom: 50px; margin-top: 0;} .laptop h4, .laptop p, .laptop ul.list_order {margin-left: 33px;} .laptop a {display:block;margin: 0 10%;width:80%;padding: 10px 0;font-size: 14px;} .laptop a.link-a-tour {display: inline;width: auto;margin: 0;font-weight: bold;color: #334c72;font-family: 'montserrat';text-decoration: underline;} .laptop a.link {color:blue;} ul.list_order {list-style: none; margin: 0 0 30px 0; padding: 0; line-height: 30px; font-size: 14px; } ul.list_order li {position: relative;padding-left: 40px;margin-bottom: 24px;line-height: 20px;} ul.list_order li span {background-color: #51bce6; color: #fff; position: absolute; left: 0; top: -6px; text-align: center; font-size: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; } ul.list_order li span.codigo_descuento {display: inline-block;width: auto;padding: 0 5px;position: relative;font-size: 14px;font-weight: 700;background-color: #FFEB3B;border-radius: 0;height: 22px;line-height: 22px;top:0;color: #20a5d9;} /* Estilos de cada promo */ #cochrane2019 h1 span, #cochrane2019 span.codigo_descuento{color: #e12327;background: #dadbcb;letter-spacing: 0.5px;} #alanepe2017 h1 span, #alanepe2017 span.codigo_descuento{color: #334c72;} #chilexplore h1 span, #chilexplore span.codigo_descuento{color: #334c72;} #soched2017 h1 span, #soched2017 span.codigo_descuento{color:#337ab7;} #despegar2017 h1 span {color:#51bce6; font-style: italic; font-size: 26px; font-family: 'Lato'; font-weight: 900; text-transform:none;} #despegar2017 span.codigo_descuento{color:#51bce6;} #landing .col-md-9 {width:70%; margin-right: 5%;} #landing .banner-landing {margin: 10px 0;} #landing h1 {font-size: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;} #landing h2 {font-weight: bold;font-family: 'Montserrat', 'Open sans', arial, sans-serif;color: #333;padding-bottom: 5px;border-bottom: 1px solid #bbb;margin: 10px 0;padding-top: 50px;} #landing p {font-family: 'Open sans', arial, sans-serif;font-size: 1.15em;line-height: 1.8;font-weight: normal;margin-top: 10px;margin-bottom: 0;} /* Input form style */ .form-control {font-size: 12px;color: #333;height: 40px;border-radius: 3px; padding: 6px 8px;} #booking .form-group {position: relative; } .expose {position: relative; } #overlay {background: rgba(0, 0, 0, 0.4); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; bottom: 0; } /* Error validate style */ label.error {font-size: 11px; position: absolute; top: -15px; right: -30px; z-index: 99; height: 25px; line-height: 25px; background-color: #e34f4f; color: #fff; font-weight: normal; padding: 0 6px; } label.error:after {content: ''; position: absolute; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent #e34f4f; display: block; width: 0; z-index: 1; bottom: -6px; left: 20%; } /* Scroll top button */ #toTop {width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.6); text-align: center; padding: 10px; line-height: 20px; position: fixed; bottom: 10px; right: 10px; cursor: pointer; display: none; color: #fff; font-size: 20px; } #toTop:before {font-style: normal; font-weight: normal; font-family: "fontello"; content: "\e899"; } /*Background colors*/ .white_bg {background-color: #fff } ul.list_ok {list-style: none; margin: 0 0 20px 0; padding: 0; line-height: 22px;border-bottom: 1px solid rgba(224,79,102,.6); padding-bottom: 10px; } ul.list_ok h5 {font-size: 12px; color:rgba(224,79,102,1.00); margin-bottom: 5px;} ul.list_ok li {position: relative; padding-left: 25px; } ul.list_ok li:before {font-style: normal;font-weight: bold;font-family: "icon_set_1";font-size: 14px;content: "\6c";color: #37a7d7;position: absolute;left: 0;top: 0;} /* Drop down select footer */ .styled-select select {background: transparent; width: 115%; padding: 7px 5px 5px 15px; border: 0; border-radius: 0; height: 37px; margin: 0; font-weight: 400; -moz-appearance: window; -webkit-appearance: none; cursor: pointer; color: #999; } .styled-select {width: 160px; overflow: hidden; height: 40px; background: #434343 url(../img/down_arrow_select.png) no-repeat right center; border: none; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .styled-select select::-ms-expand {display: none; } .styled-select select:focus {outline: none; } /* Drop down select filters */ .styled-select-filters select {background: transparent; width: 115%; padding: 7px 5px 5px 10px; border: 0; border-radius: 0; height: 31px; margin: 0; font-weight: 400; -moz-appearance: window; -webkit-appearance: none; cursor: pointer; font-size: 12px; color: #888; } .styled-select-filters {width: 100%; overflow: hidden; height: 34px; background: #fff url(../../img/down_arrow_select_filters.png) no-repeat right center; border: none; margin: 0; padding: 0; border: 1px solid #ddd; display: block; } .styled-select-filters select::-ms-expand {display: none; } .styled-select-filters select:focus {outline: none; } /* Margin tools */ .margin_180 {padding-top: 180px; padding-bottom: 60px; } .margin_90 {padding-top: 90px; padding-bottom: 60px; } .margin_60 {padding-top: 60px; padding-bottom: 60px; } .margin_30 {margin-top: 30px; margin-bottom: 30px; } /*--------------------------------------------------- Calugas de Tours en el HOME ----------------------------------------------------*/ .tour_container {background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin: 0; margin-bottom: 30px; } .img_container {position: relative; overflow: hidden; border: 1px solid #fff;} .tour_container .tour_title {padding: 15px; position: relative; height: 110px;} .tour_container .tour_title .rating {font-size: 14px; margin-left: -3px;position: absolute; bottom: 5px; display:none; } .tour_container .tour_title h3 {margin: 0;font-size: 16px;text-transform: uppercase;} .tour_container .tour_title p { margin-top: 5px; line-height: 16px;} .tour_container .img_container {height: 170px;} /*--------------------------------------------------- RIBBONS ----------------------------------------------------*/ .ribbon {position: absolute; left: 10px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbon span {font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#9BC90D 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); position: absolute; top: 19px; left: -21px; } .ribbon span::before {content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #638908; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #638908; } .ribbon span::after {content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #638908; border-bottom: 3px solid transparent; border-top: 3px solid #638908; } .ribbon_1 span {background: rgba(248,118,0,1.00); background: linear-gradient(rgba(255,160,0,1.00) 0%, rgba(248,118,0,1.00) 100%);} .ribbon_1 span::before {border-left: 3px solid rgba(208,78,0,1.00); border-top: 3px solid rgba(208,78,0,1.00); } .ribbon_1 span::after {border-right: 3px solid rgba(208,78,0,1.00); border-top: 3px solid rgba(208,78,0,1.00); } .ribbon_2 span {background: rgba(72,107,185,1.00); background: linear-gradient(rgba(112,147,205,1.00) 0%, rgba(72,107,185,1.00) 100%);} .ribbon_2 span::before {border-left: 3px solid rgba(42,77,145,1.00); border-top: 3px solid rgba(42,77,145,1.00); } .ribbon_2 span::after {border-right: 3px solid rgba(42,77,145,1.00); border-top: 3px solid rgba(42,77,145,1.00); } .ribbon_3 span {background: #79A70A; background: linear-gradient(#9BC90D 0%, #79A70A 100%);} .ribbon_3 span::before {border-left: 3px solid #638908; border-top: 3px solid #638908; } .ribbon_3 span::after {border-right: 3px solid #638908; border-top: 3px solid #638908; } .ribbon_4 span {background: rgba(65,170,190,1.00); background: linear-gradient(rgba(95,200,200,1.00) 0%, rgba(65,170,190,1.00) 100%);} .ribbon_4 span::before {border-left: 3px solid rgba(45,150,170,1.00); border-top: 3px solid rgba(45,150,170,1.00); } .ribbon_4 span::after {border-right: 3px solid rgba(45,150,170,1.00); border-top: 3px solid rgba(45,150,170,1.00); } .ribbon_5 span {background: rgb(12, 130, 108); background: linear-gradient(rgb(6, 160, 104) 0%,rgb(10, 121, 92) 100%);} .ribbon_5 span::before {border-left: 3px solid rgb(7, 121, 102); border-top: 3px solid rgb(10, 121, 106); } .ribbon_5 span::after {border-right: 3px solid rgb(6, 111, 93); border-top: 3px solid rgb(5, 127, 116); } .ribbon_6 span {background: rgb(0 157 223); background: linear-gradient(rgb(61 125 160) 0%,rgb(78 185 230) 100%);} .ribbon_6 span::before {border-left: 3px solid rgb(61 125 160); border-top: 3px solid rgb(78 185 230); } .ribbon_6 span::after {border-right: 3px solid rgb(0 157 223); border-top: 3px solid rgb(78 185 230); } .ribbon.promo span {font-size: 20px;color: #FFF;line-height: 22px;transform: rotate(25deg);-webkit-transform: rotate(25deg);width: 390px;padding: 9px 20px 7px 150px;;position: absolute;top: 4px;left: 0px;right: 0;} .ribbon.promo span::before {content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #666; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #666; } .ribbon.promo span::after {content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #666; border-bottom: 3px solid transparent; border-top: 3px solid #666; } .img_container a:hover img {-webkit-transform: scale(1); transform: scale(1); } .img_container img {-webkit-transform: scale(1.2);transform: scale(1.06);-webkit-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-backface-visibility: hidden;position: relative;bottom: 10px;} .short_info {position: absolute; left: 0; bottom: -1px; background: url(../img/shadow_tour.png) repeat-x left bottom; width: 100%; padding: 10px 10px 8px 5px; color: #fff; text-align:right; } .short_info i {font-size: 25px; display: inline-block; vertical-align: middle; font-weight: normal; font-style: normal; padding: 0; margin: 0; } .short_info .price {font-size: 28px; font-weight: bold;} .short_info .price sup {font-weight:lighter;position: relative;top: -1px;right: 0;font-size:90%;} .short_info .precio-convertido {font-size: 13.5px;font-weight: 600;display:block;margin-right:3px;margin-bottom: 0px;} /* Tooltips */ .tooltip_styled {display: inline; position: relative; z-index: 999; } .tooltip-item {cursor: pointer; display: inline-block; } .tooltip-item::after {content: ''; position: absolute; width: 300px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip_styled:hover .tooltip-item::after {pointer-events: auto; } .tooltip-content {position: absolute; z-index: 9999; width: 300px; left: -50px; margin: 0; bottom: 25px; text-align: left; line-height: 20px; display: block; padding: 15px; font-size: 12px; color: #fff; box-shadow: -5px -5px 15px rgba(48, 54, 61, 0.2); background: #333; opacity: 0; cursor: default; pointer-events: none; } .tooltip-effect-1 .tooltip-content {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-2 .tooltip-content {-webkit-transform-origin: 50% calc(100% + 10px); transform-origin: 50% calc(100% + 10px); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect-3 .tooltip-content {-webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect-4 .tooltip-content {-webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7, 0.3, 1); transform: scale3d(0.7, 0.3, 1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip_styled:hover .tooltip-content {pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } .tooltip_styled.tooltip-effect-2:hover .tooltip-content {-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } /*.tooltip-content::after {content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #333; border-width: 10px; margin-left: -10px; } */ .tooltip-content .label {margin-left: 10px; } .tooltip-content i {font-size: 20px !important; top: 3px !important; left: -3px !important; position: relative; } .tooltip-content h4 {display: block; margin: 0 0 10px 0; line-height: 14px; font-size: 14px; color: #fff; text-transform: uppercase; } .tooltip-content a {font-weight: bold; } /* Tooltip flip */ .tooltip_flip {position: relative; } .tooltip_flip::after {content: ''; position: absolute; width: 100%; height: 20px; bottom: 100%; pointer-events: none; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip_flip:hover::after {pointer-events: auto; } .tooltip-content-flip {position: absolute; z-index: 9999; width: 80px; height: 80px; left: -40%; bottom: 100%; text-align: center; color: #fff; opacity: 0; margin-bottom: 7px; cursor: default; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .strip_all_tour_list .tooltip-content-flip {left: -65%; } .tooltip-effect-1 .tooltip-content-flip {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .tooltip_flip:hover .tooltip-content-flip {opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tooltip-content-flip > span {float: left; width: 100%; padding-left: 5px; padding-right: 5px; height: 100%; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .tooltip-back {background: #e04f67; font-size: 12px; line-height: 14px; padding-top: 25px; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 90deg); transform: perspective(1000px) rotate3d(0, 1, 0, 90deg); } .tooltip_flip:hover .tooltip-content-flip > span {-webkit-transform: perspective(1000px) rotate3d(0, 1, 0, 0deg); transform: perspective(1000px) rotate3d(0, 1, 0, 0deg); } .tooltip-content-flip .tooltip-front::after, .tooltip-content-flip .tooltip-back::after {content: ''; position: absolute; top: 100%; width: 0; height: 0; } .tooltip-content-flip .tooltip-front::after {right: 0; border-top: 10px solid #e64b50; border-left: 10px solid transparent; } .tooltip-content-flip .tooltip-back::after {left: 45%; border-top: 10px solid #e64b50; border-right: 10px solid transparent; } /* Position breadcrumbs */ #position {background-color: #333; padding: 10px 0; font-size: 11px; } #position ul li:first-child {padding-left: 20px; } #position ul li:first-child:before {content: "\eaf4"; font-style: normal; font-weight: normal; font-family: "fontello"; position: absolute; left: 0; top: 1px; color: #fff; } #position ul {margin: 0; padding: 0; color: #888; } #position ul li a {color: #fff; opacity: 0.7; } #position ul li a:hover {color: #fff; opacity: 1; } #position ul li {display: inline-block; padding-right: 8px; margin-right: 3px; position: relative; } #position ul li:after {content: "\e9ee"; font-style: normal; font-weight: normal; font-family: "fontello"; position: absolute; right: 0; top: 2px; } #position ul li:last-child:after {content: ''; } /*Banners*/ .banner {position: relative; background: #fff url(../../img/banner_bg.png) no-repeat center bottom; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); padding: 30px; margin-bottom: 60px; } .banner:after, .banner:before {position: absolute; content: ""; z-index: 1; height: 18px; width: 50%; top: 100%; } .banner:after {left: 0; background: url(../img/shadow-bg.png) no-repeat top left; } .banner:before {right: 0; background: url(../img/shadow-bg.png) no-repeat top right; } .banner a {position: absolute; top: 35%; right: 30px; } .banner h4 {text-transform: uppercase; font-weight: bold; font-size: 32px; margin: 0; padding: 0; color: #e04f67; font-family: "Gochi Hand", cursive; } .banner h4 span {text-transform: none; color: #555; } .banner p {margin: 0; padding: 0; } .banner.colored {background: rgba(51,76,114,0.80) url(../img/banner_bg_colored.png) no-repeat center bottom; color: #fff; } .banner.colored h4 {color: #fff; } .banner.colored h4 span {color: #FFC; } /*Preloading*/ #preloader {position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; bottom: 0; background-color: #fff; z-index: 999999; } .sk-spinner-wave.sk-spinner {margin: -15px 0 0 -25px; position: absolute; left: 50%; top: 50%; width: 50px; height: 30px; text-align: center; font-size: 10px; } .ie8 .sk-spinner-wave.sk-spinner {display: none; } .sk-spinner-wave div {background-color: #ccc; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-wave .sk-rect5 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay {0%, 40%, 100% {-webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% {-webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay {0%, 40%, 100% {-webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% {-webkit-transform: scaleY(1); transform: scaleY(1); } } /** Collapse updated v.1.8 **/ .panel {border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border-color: #ddd; } .panel-title a {display: block; color: #777; } .panel-default > .panel-heading {background-color: #fff; padding: 20px; } .panel-heading {border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-group .panel {border-radius: 3px; } .panel-body {padding: 30px; line-height: 1.6 !important; } .panel-title a .indicator {color: #e04f67; } .panel-title a:hover .indicator {color: #333; } /** tabs **/ .tab-content {padding-left:10px; background-color: #fff; border: 1px solid #ddd; border-top: none; margin-bottom: 25px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } /** Img frame in general page **/ .img-responsive.styled {margin-top: 20px; border: 5px solid#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .img-responsive.styled {, margin-top: 20px ; border: 5px ; border-top-color: initial ; border-top-style: initial ; border-top-width: 5px ; border-right-color: initial ; border-right-style: initial ; border-right-width: 5px ; border-bottom-color: initial ; border-bottom-style: initial ; border-bottom-width: 5px ; border-left-color: initial ; border-left-style: initial ; border-left-width: 5px ; border-image-source: initial ; border-image-slice: initial ; border-image-width: initial ; border-image-outset: initial; border-image-repeat: initial; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1); box-shadow: 0 0 5px 0 rgba(0,0,0,.1);} /**General icons block **/ .general_icons ul {list-style: none; padding: 0; margin: 0; margin: 30px 0 0 0; } .general_icons ul li {display: inline-block; text-align: center; padding: 0 20px 20px 0; white-space: nowrap; } .general_icons ul li:last-child {padding-right: 0; } .general_icons ul li i {font-size: 36px; display: block; margin-bottom: 10px; } #faq h2 {margin: 0 0 20px 0; font-size: 24px; } /*-------------------------------------------- PAG INFORMACION GENERAL --------------------------------------------*/ .encabezado-foto {height: 300px;background: transparent;position: relative;background-position: top;background-size: cover;} .encabezado-foto .contenido {display: table;width: 100%;height: 300px;} .encabezado-foto .contenido > div {display: table-cell;padding: 0 10%;vertical-align: middle;text-align: center;color: #fff;font-size: 16px;} .encabezado-foto .contenido div h1, .encabezado-foto .contenido div h3 {font-size: 2.5em;text-transform: uppercase;font-weight: bold;color: #fff;} .encabezado-foto .contenido div h1 {text-shadow: #00000080 0px 0px 10px;} .encabezado-foto .contenido div h1:before, .encabezado-foto .contenido div h1:after {display: inline-block; width: 50px; height: 1px; content: ''; vertical-align: middle; background: rgba(255, 255, 255, 0.5); } .encabezado-foto .contenido div h1:before {margin-right: 10px; } .encabezado-foto .contenido div h1:after {margin-left: 10px; } .encabezado-foto div p {font-size: 1.2em;line-height: 1.4em;width: 60%;margin: 10px auto;} .encabezado-foto .contenido div a i {color: #fff; opacity: 0.5; font-size: 72px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .encabezado-foto .contenido div a:hover i {opacity: 1; } /*-- FOTOS ENCABEZADOS --*/ .encabezado-foto#recomendaciones {background-image: url(/img/slider/undurraga-01.jpg);} .encabezado-foto#compraflexible {background-image: url(/img/slider/villa-peulla-01.jpg);} .encabezado-foto#compraflexible img {position: absolute;right: 5%;top: 0;} .encabezado-foto.c2 {background-image: url(/img/slider/empresa-01.jpg);} .encabezado-foto#info-atacama {background-image: url(/img/slider/tara-01.jpg);background-position-y: top;} .encabezado-foto#info-scl {background-image: url(/img/slider/embalse-el-yeso.jpg);background-position-y: bottom;} .encabezado-foto#info-sur {background-image: url(/img/slider/volcan-osorno.jpg);background-position-y: center;} #contenido-info-zona {width: calc(75% - 60px);display: inline-block;float: right;padding: 0;margin: 0 15px 0 0;} #mapa-zona {width: 25%;display: inline-block;float: left;padding: 0;margin: 0 15px;} #mapa-zona img {width:100%; height:auto;max-width: 100px;margin: 0 auto;} #info-general h3 {font-family: 'Montserrat';font-weight: 600;letter-spacing: 0;font-size: 26px;text-transform:none;text-align: center;} #info-general h4 {font-family: 'Montserrat';font-weight: 600;letter-spacing: normal;font-size: 22px;line-height: 1.5;color: #444;} #info-general a {font-weight:600; text-decoration:underline;} #info-general a:hover {color: #2196F3 !important;} #info-general p {margin: 0 0 15px 0;} #info-general p:last-child {margin: 0 0 35px 0;} #info-general i:before {margin: 0;font-size: 120%;} #info-general p.caja {text-align:center;padding:15px 20px 30px 20px;border: 1px solid #ccc;background: #eee;border-top: none;} #info-general ul.list_ok {border: 1px solid #ccc;padding: 0 20px 20px 40px;background: white;margin-top: 20px;min-height: 200px;position:relative;margin-bottom: 0;} #info-general ul.list_ok.simple {min-height: auto;padding: 0;background: none;border: none;margin: 25px 0;} #info-general ul.list_ok.larga {min-height: 290px;} #info-general ul.list_ok h2 { width: calc(100% + 60px); background: grey; text-align: center; color: white; padding: 15px 0; margin: 0 0 20px -40px; font-size:18px;} #info-general ul.list_ok h5 {margin-bottom:10px;} #info-general ul.list_ok.sur h5 {color:#51A783;} #info-general ul.list_ok.sur li:before {color:#51A783;} #info-general span.cupon-destacado { background-color: #fff; font-weight: 900; letter-spacing: .5px; padding: 4px 10px; bottom: -8px; position: relative; border: 1px dashed #bbb; font-size: .95em;} #info-general i:before {font-size:18px;} #info-general i + span {margin: 0 3px;font-weight: 900;} table.informativa {margin-bottom:30px;} table.informativa td {border-top: 1px solid grey;border-bottom: 1px solid grey;border-collapse: collapse;padding: 5px 0;} table.informativa td:first-child {font-weight: 600;min-width: 200px;} table.clima {width: 70%;margin:0 auto;text-align: center;border: 1px solid #ddd;} table.clima th {padding: 10px 10px 12px 10px;background-color: grey;color:white;text-align: center;font-size: 1.1em;font-weight: 700;} table.clima td {padding: 10px;border-bottom: 1px solid #ddd;} table.clima tr:nth-child(even) {} table.clima tr:nth-child(1) th:first-child, table.clima tr:nth-child(2) td:first-child {/* background-color: transparent; */} table.clima tr:nth-child(2) td {background-color: #b0aeae;padding: 3px 10px;color: white;font-weight: bold;text-transform: uppercase;font-size: .8em;border: none;} /*-- ECOAVENTURA --*/ .encabezado-foto.eco {background-image: url(/img/slider/eco-02.jpg); background-position: top center;} .encabezado-foto.eco a {color:rgba(191,227,2,1.00); text-decoration:underline;} .encabezado-foto.eco a:hover {color:white;} .question_box {padding-left: 40px; position: relative; margin-bottom: 30px; } .question_box:before {content: "\ec7e"; font-family: "fontello"; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 30px; position: absolute; color: #999; top: 5px; left: 0; } /*-------- 4.4 Common --------*/ .badge_save {position: absolute; top: 0; right: 0; width: 65px; height: 77px; color: #fff; text-align: center; text-transform: uppercase; background: url(../../img/badge_save.png); font-size: 11px; line-height: 12px; padding-top: 32px; } .badge_save strong {display: block; font-size: 14px; font-weight: bold; } .input-group input {height: 34px; } /* Promo_full (v.1.7)*/ .promo_full {height: auto; background: url(../img/bg-video-home-2.jpg) no-repeat center center; background-attachment: fixed; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: relative; } .promo_full_wp {display: table; width: 100%; height: auto; } .promo_full_wp > div {display: table-cell; padding: 10% 15%; vertical-align: middle; text-align: center; color: #fff; font-size: 16px; } .promo_full_wp div h3 {font-size: 48px; text-transform: uppercase; font-weight: bold; color: #fff; } .promo_full_wp div a i {color: #fff; opacity: 0.5; font-size: 72px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .promo_full_wp div a:hover i {opacity: 1; } /*------------------------ FOOTER -------------------------*/ footer#pattern_2 {background: #333 url(../../img/pattern_3.png) repeat 0 0; } footer #logo {margin-top: 20px; } /*------------------------ HEADER (#6) -------------------------*/ .dropdown-mini .dropdown-menu {border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; float: right; left: -10px; text-align:left; padding: 0; right: 0; width: auto; top:8px; font-size:12px; font-weight: normal; text-shadow:none; text-transform:none !important; border: none; background-color: rgba(51,76,114,1); } .dropdown-mini .dropdown-menu ul#lang_menu {padding:0; margin:0; text-align:left; } .dropdown-mini .dropdown-menu ul#lang_menu li {padding:0; margin:0; width:100%; } .dropdown-mini .dropdown-menu ul#lang_menu li a {color:#fff !important; text-align:left; border-bottom:1px solid rgba(255,255,255,0.1); padding: 10px 0 10px 35px; margin: 0px; display: block; font-size: 12px; background-position: 10px;} .dropdown-mini .dropdown-menu ul#lang_menu li a:hover {background-color:#f9f9f9; color:rgba(55,81,154,1.00) !important;} a#lang_link {position:relative;display:inline-block;padding-left: 25px;} a#currency_link {position:relative; display:inline-block; padding-right:15px; } #lang_link:before {font-style: normal; font-weight: normal; font-family: "fontello"; font-size:14px; position:absolute; left:0; top:0; } #currency_link:after {font-style: normal; font-weight: normal; font-family: "fontello"; font-size:12px; position:absolute; right:0; top:0; content: "\e8b8"; } /*-------- 5.4 Gallery overlay --------*/ .img_wrapper_gallery {margin: 0; padding:0; margin-top: 20px; border: 4px solid#fff; background-color:#000; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .img_container_gallery a:hover img {-webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.6; } .img_container_gallery img {-webkit-transform: scale(1); transform: scale(1); -moz-transition: all 0.4s; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; -webkit-backface-visibility: hidden; } .img_container_gallery {position: relative; overflow: hidden; z-index: 0; } .img_container_gallery i {position: absolute; top: 50%; z-index: 10; display: none; color: #fff; font-size: 30px; left: 50%; margin-top:-15px; margin-left: -15px; display:none; } .img_container_gallery a:hover i {display: block; } /*-------- 5.5 Map infobox + map listing --------*/ .infoBox {padding-right:25px !important; } .map-right #map {height: 100%; width:100%; } a.btn_infobox_detail:before, .btn_infobox_get_directions:before,a.btn_infobox_phone:before {font-style: normal; font-weight: normal; font-family: "Fontello"; font-size:20px; cursor:pointer; } .btn_infobox_get_directions, a.btn_infobox_phone {border:none; display:inline-block; color:#e04f67; background:none; cursor:pointer; margin: 0 5px; font-size:13px; position:relative; padding-left:18px; outline:none; } .btn_infobox_get_directions:hover, a.btn_infobox_phone:hover {color:#333; } .btn_infobox_get_directions:before {font-size:14px; content: "\ecea"; position:absolute; left:0; top:2px; } a.btn_infobox_phone:before {font-size:13px; content: "\eed5"; position:absolute; left:0; top:0; } a.btn_infobox, .btn_infobox {border: none; font-family: inherit; font-size: inherit; color:#fff; background: #51bce6; cursor: pointer; padding: 5px 15px; display: inline-block; outline: none; font-size:11px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-transform:uppercase; font-weight:bold; } a.btn_infobox:hover, .btn_infobox:hover {background: #333; } .marker_tools {margin:10px 0 15px 0; } /*----------------------------------- RESPONSIVE ------------------------------------*/ @media (min-width: 992px) and (max-width: 1200px) { .container {width: 1000px;} } @media (min-width: 768px) and (max-width: 1200px) { main-menu ul li.megamenu .menu-wrapper {width: 940px; } img_list img {left: -25%; } caja_ficha .col-md-6.col-sm-6 {width: 100%;} feature_home {height: 450px;} } @media (max-width: 1090px) { #search {width: 480px;top: 40px;} #search select.tours-caja {width:230px;} .encabezado-foto .contenido div h1 {font-size: 1.9em;} } @media (max-width: 1024px) { .promo_full {background-attachment: scroll; } #top_line .container {width: 100%;} } @media (max-width: 991px) { #logo a img { width: 280px;} .main-menu > ul > li > a {padding: 5px 20px 10px 0px;} .promo_texto_slider img {display: none;} #derecha_tour {min-width: initial;width: 100%;padding: 0 15px;} #ficha_tour, #ficha_hotel {max-width: 100%;} .img_container img {bottom: unset;} a.btn_tercio, .btn_tercio, a.btn_2tercios.en, .btn_2tercios.en, a.btn_2tercios.pt, .btn_2tercios.pt, a.btn_2tercios.es, .btn_2tercios.es {vertical-align: middle;height: 59px;} #carro .nombre-tour, #carro .fecha-tour, #carro .nombre-transfer, #carro .fecha-transfer {max-width: 100%;} #contacto.col-sm-8 {width: 100%;} #aside_contacto.col-sm-4 {width: 100%; margin-top:30px;} #derecha_tour img.medio-de-pago {width:auto;} #derecha_tour img.medio-de-pago:last-child {float:left;} #carro .nombre-tour, #carro .fecha-tour, #carro .precio-tour, #carro .nombre-transfer, #carro .fecha-transfer, #carro .precio-transfer {width: 100%;} #carro .fecha-tour, #carro .precio-tour, #carro .fecha-transfer, #carro .precio-transfer {border:none;} #carro .tour .col-md-3 { display: inline-block; width: auto; position: absolute; right: 0; top: 20px;} #carro .eliminar-tour, #carro .eliminar-transfer {right: 10px;top: 0;text-align: right;z-index: 99;} #carro .total-carro .col-md-9 { width: 70%; display: inline-block; float: left;} #carro .total-carro .col-md-3 { width: 30%; display: inline-block; float: right;} #carro .row.t-header.botones-carro button {padding: 0 25px; height: 50px;} #carro .row.t-header.botones-carro button.pagar { margin-left: 5px;} #carro .encabezado-checkin {display: none;} #datos {width:100%;} .row.total-carro .col-md-6 {width: 49%;float: left;} .row.total-carro .col-md-6:last-child {float: right;} #info-general img.last {display:none;} ul#top_tools, .sticky ul#top_tools {margin: 3px 45px 0 0; } ul#top_tools, .sticky ul#top_tools {margin: 0;width:100%; } .sticky nav {margin-top: 3px; } nav {margin-top: 15px; } header#plain {padding-bottom: 10px; } header#plain.sticky {padding-bottom: 0; } header #logo img.logo_normal, header #logo img.logo_sticky {width: auto; height: 30px; } .main-menu ul li.megamenu .menu-wrapper {width: auto; margin-top: 20px; } #single_tour_feat ul {margin-bottom: 10px; } .review_strip_single.last {border-bottom: 1px solid #ddd; margin-bottom: 20px; } a#phone, a#email_footer, #whatsapp_footer {padding-left: 0px; margin: 20px 0; } a#phone:before, a#email_footer:before {font-size: 20px; position: relative; margin-right: 8px;} #whatsapp_footer img {width: 23px;height: 23px;margin-right: 4px;} .modal-hotel p {top: 40%;width: 70%;padding: 100px 40px;} .main-menu > ul > li > a {padding: 5px 20px 10px 0px;} /* New v1.4 */ .plan {min-height: inherit; } /* New v1.8 */ .parallax-content-1 div h1, .encabezado-foto .contenido h1 #hero_2 .intro_title h3 {font-size: 42px; } .parallax-content-1 div h1:before, .encabezado-foto .contenido h1:before .parallax-content-1 div h1:after, .encabezado-foto .contenido h1:after {width: 30px; } #hero_2 .intro_title h1:before, #hero_2 .intro_title h1:after {width: 30px; } #map_filter ul li a {min-width: 100px; } #map_filter ul li a span {font-size: 11px; } .margin_180 {padding-top: 30px;} /* Galeria */ #galeria .img_list {width: 100%;} #galeria .img_contenedor img { min-width: 305px; margin-top: 20px;} #galeria .tour_list_desc {width: 100%; text-align: center; padding-bottom: 10px;} #galeria .tour_list_desc h3 {margin-bottom: 5px;} #galeria .tour_list_desc p {height: 80px;} #galeria .price_list {width: 100%; padding-top: 5px; border-top: 1px dashed #ddd;} #galeria .price_list .desde { display: inline-block; position: relative; bottom: 4px; margin-right: 3px;} #galeria .price_list .precio-convertido { display: inline-block;} #galeria .price_list .precio { font-size: 32px;} #galeria .price_list a.btn_1 { margin-bottom: 10px; width: 70%;} /**Ficha de tours **/ #datos .botones-de-pago {text-align: left;} body.anuncio .modal-anuncio .contenedor {max-width: 90%;margin: 0 5%;padding: 5%;} } @media (max-width: 870px) { .element #social_header {display: none;} .element:last-child {display: none;} #search {padding: 0;padding-top: 10px;margin:0 10px;width: calc(100% - 20px);max-width: 850px;position:relative;left:initial;top: 0;} #search ul.nav.nav-tabs, #search.en ul.nav.nav-tabs {margin-left:0; padding-left:0; width:100%; } #search .tab-content, #search.en .tab-content {clear:both;width: 100%;padding:0 10px;border:1px solid #ccc;margin-bottom: 0;} #search .nav-tabs > li > a {font-size: 15px;padding:8px; color: rgba(255,255,255,0.5) !important;} #search .nav-tabs > li.active > a {color: #fff !important;} #search .nav-tabs > li > a.ski {padding: 15px 10px;} #search h3 {margin: 0 0 20px 55px;} #search .tab-pane label {display:block;} #search select.tours-caja {width:90%;} #search a.btn_1, .btn_1 {padding: 5px 50px;} #search #atacama,#search #santiago,#search #sur, #search #ski,#search #peulla,#search #hoteles {height: 290px;} } @media (min-width: 769px) and (max-width: 979px) { #map-container {height: 280px; position: relative; top: 0; overflow: hidden; } #content-row {height: auto; padding-top: 0; } /* New v1.4 */ .plan-tall + .plan {border: solid #dddddd 1px; } .plan-tall {margin-right: 0; } .col-md-4.plan:first-child {margin-right: 0; margin-left: 0; border-right: solid #dddddd 1px; } .view_on_map {display: none; } .full-height {height: auto; } .row-height {height: auto; min-height: ; } .content-left {height: auto; min-height: ; overflow-y: scroll; } } @media (max-width: 767px) { .parallax-content-1 div, .encabezado-foto .contenido div {padding: 0 10%;} .parallax-content-1 div h3, .encabezado-foto .contenido div h3 {font-size: 36px; } .step {padding: 20px 31px 20px 31px; } .cards {margin-top: 0; margin-bottom: 20px; } #single_tour_feat ul li i {font-size: 28px; } #hero_video a.video {display: inline-block; } .login_social {margin-bottom: 5px; } table.clima {width: 98%;margin: 0;} /* New v1.4 */ .view_on_map {display: none; } .full-height {height: auto; } .row-height {height: auto; min-height: ; } .content-left {height: auto; min-height: ; overflow-y: scroll; } /* New v3.0 */ #newsletter_container h3 {font-size: 22px; margin: 0 0 20px 0; } #newsletter_container input.form-control#email_newsletter_2 {width: 80%; margin: auto; margin-bottom: 15px; } footer ul {margin: 0; padding: 0 0 0 0; list-style: none; } footer h3 {margin-bottom:10px; margin-top:50px;} footer .styled-select {display:inline-block; width:160px; margin:10px calc(50% - 80px) 0 calc(50% - 80px);} footer .container {text-align:center;} footer p img {display:inline-block;margin: 10px auto;} .map-right #map{height: 450px; } .strip_all_tour_list {text-align: center; } .img_list {width: 100%; margin: auto; } .img_list img {left: 0; width: 100%; height: auto; top: -45%; } .tour_list_desc {padding: 0 15px; border-right: none; height: auto; } .price_list {display: block; height: auto; margin-left: 0; text-align: center; padding: 25px 0 15px 0; } .price_list div {display: block; text-align: center; } .price_list .button {display: block; margin: 15px; } .main_title {font-size: 14px; } .main_title h2 {font-size: 24px; } .main_title p {font-size: 16px} .styled-select-cat select {background: transparent; width: 107%; padding: 7px 5px 5px 45px; border: 0; border-radius: 0; height: 50px; margin: 0; font-weight: 400; -moz-appearance: window; -webkit-appearance: none; cursor: pointer; color: #888; } .styled-select-cat {width: 100%; overflow: hidden; height: 50px; position: relative; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .styled-select-cat:before {font-style: normal; font-weight: normal; font-family: "icon_set_1"; font-size: 22px; content: "\53"; position: absolute; left: 15px; top: 15px; } .styled-select-cat::-ms-expand {display: none; } .styled-select-cat select:focus {outline: none; } /* Responsive table cart */ .table.cart-list, .table.cart-list thead, .table.cart-list tbody, .table.cart-list th, .table.cart-list td, .table.cart-list tr {display: block; border: 0; } .table.cart-list thead tr {position: absolute; top: -9999px; left: -9999px; } .table.cart-list tr {border: 1px solid #ccc; } .table.cart-list td {border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } .table.cart-list td:before {position: absolute; top: 12px; left: 12px; width: 45%; padding-right: 10px; white-space: nowrap; } .table.cart-list td:nth-of-type(1):before {content: "Item"; font-weight: bold; color: #111; } .table.cart-list td:nth-of-type(2):before {content: "Quantity"; font-weight: bold; color: #111; } .table.cart-list td:nth-of-type(3):before {content: "Discount"; font-weight: bold; color: #111; } .table.cart-list td:nth-of-type(4):before {content: "Total"; font-weight: bold; color: #111; } .table.cart-list td:nth-of-type(5):before {content: "Actions"; font-weight: bold; color: #111; } .thumb_cart {display: none; } #single_tour_feat ul {display: block; margin-bottom: 10px; } #single_tour_feat ul li {display: inline-block; width: auto; font-size: 11px; } /* Margin tools */ .margin_60 {padding-top: 30px; padding-bottom: 30px; } .margin_30 {margin-top: 15px; margin-bottom: 15px; } /* Parallax bg */ .parallax-window, #hero_2 {height: 240px; min-height: 240px; } .encabezado-foto {height:240px;} .parallax-content-1, .encabezado-foto .contenido {height: 240px; } .parallax-content-1 > div, .encabezado-foto .contenido > div {padding: 0 5%;padding-top: 20px;} .parallax-content-1 > div h1, .encabezado-foto .contenido > div h1 {font-size: 1.4em;} .parallax-content-1 > div p, .encabezado-foto .contenido > div p {font-size: 1.1em;width: 80%;} /* Banners */ #banner {padding: 20px; } .banner a {position: relative; top: 15px; right: 0; left: 0; margin-bottom: 20px; } .banner h4 {font-size: 22px; } /* tooltip */ .strip_all_tour_list .tooltip-content-flip {width: 70px; } /* Single tour page */ .parallax-content-2 {padding-bottom: 15px; } .parallax-content-2 div h1 {font-size: 22px; } .parallax-content-2 .rating {font-size: 12px; display: block; } #price_single_main, #price_single_main.hotel {font-size: 11px; text-align: left; padding-top: 0; } #price_single_main span {font-size: 20px; } #price_single_main sup {font-size: 20px; top: 0; } #hero_2 .intro_title h1 {font-size: 22px; } .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {font-size: 12px; } #hero {height: 350px; font-size: 12px; } /* New v1.2*/ .intro_title h3 {font-size: 26px; margin-bottom: 5px; padding-top:30px; color: #fff; font-weight: bold; text-transform: uppercase; } .item_cart {margin-top: 0; } .intro_title.error h1 {font-size: 50px; } /* New v1.4 */ .radio_fix {margin-top: 10px} .col-md-4.plan:first-child, .col-md-4.plan:last-child {margin-right: 0px; margin-left: 0px; border-width: 1px 1px 1px 1px; -moz-box-sizing: border-box; box-sizing: border-box; } .plan-tall + .plan {border-left: 1px; border: solid #dddddd; } .plan-tall {margin-right: 0; } /* New v1.8 */ #map_filter ul li a {min-width: inherit; } #map_filter ul li a span {display: none; } #map_filter ul li a i {font-size: 24px; } /* New v1.9 */ #map_contact {height: 300px; } #map_contact.contact_2 {margin-top: 60px; } .content-left {padding-top: 80px; } .map-right #map{height: 375px; } /* New v3.0 */ #top_line.visible_on_mobile{display: block; } a#lang_link, a#currency_link {position: relative;text-indent: -9999px;width: 20px;padding: 0;} #lang_link:before, #currency_link:before {text-indent: 0px; font-size: 20px; } .dropdown-access .dropdown-menu:before {right: 5%; } a#access_link, a#wishlist_link {position: relative; text-indent: -999px; width: 20px; height: 20px; display: block; } #wishlist_link:before, #access_link:before {text-indent: 0px; font-size: 20px; } /* Galeria */ #galeria .img_contenedor img { margin-top: 0; width:100%; height:auto;} } @media (max-width: 670px) { .ui-dialog.dialogo-alerta-cruce {width: 90% !important; top: 220px !important;left: 5% !important;} .ui-dialog.dialogo-alerta-cruce .ui-dialog-content { width: calc(100% - 60px) !important; margin: 0px 20px;} .ui-dialog.dialogo-alerta-cruce .ui-dialog-title {margin-left: 20px; white-space: pre-wrap; line-height: 1.5; margin-top: 30px;} #datos .medio-de-pago {display: table-row; width: 100%;} #datos input#cupon {max-width:180px;} #datos .botones-de-pago {text-align: left;padding-bottom: 20px;} #datos a#seguir_comprando {padding: 5px 40px;} #datos .botones-de-pago button {padding: 5px 35px;margin-left: 10px;} #ficha_hotel .box_style_0.expose {background: #057769; padding: 15px; border: none; border-radius: 0;} #ficha_hotel .col-md-3.col-sm-3 {width: 90%;} #ficha_hotel .col-md-4.col-sm-4 {width: 40%;} #ficha_hotel .col-md-5.col-sm-5 {width: 50%;} #ficha_hotel a.btn_full {margin-top: 0;margin-bottom: 10px;} } @media (min-width:571px) and (max-width:767px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;} .col-sm-12 {width: 100%; } .col-sm-11 {width: 91.66666667%; } .col-sm-10 {width: 83.33333333%; } .col-sm-9 {width: 75%; } .col-sm-8 {width: 66.66666667%; } .col-sm-7 {width: 58.33333333%; } .col-sm-6 {width: 50%; } .col-sm-5 {width: 41.66666667%; } .col-sm-4 {width: 33.33333333%; } .col-sm-3 {width: 25%;} .col-sm-2 {width: 16.66666667%; } .col-sm-1 {width: 8.33333333%; } } @media (max-width: 630px) { #logo, .sticky #logo {margin:10px 0;} #top_line {height: 110px;} #top_line .element a { font-size: 1.2em;} #top_line .element {padding: 0px 20px;margin: 3px 0;} #top_line .element.tools {display: block;width: 100%;text-align: center;float: none;margin: 0;clear: both;position: relative;top: 2px;left: 0px;padding: 6px 5px;border-bottom: 1px solid white;} #top_line .element.whatsapp, #top_line .element.email {display: block;width: 100%;text-align: center;float: none;margin: 0;clear: both;position: relative;top: 2px;left: 0px;padding: 3px;border: none;border-bottom: 1px solid white;} .img_container img {bottom: 110px;} } @media (max-width: 600px) { #galeria .strip_promo_tour_list, #galeria .strip_promo_tour_list:nth-child(even){width:90%;margin: 20px 5%;} #galeria .strip_promo_tour_list .img_contenedor {height:180px;} .encabezado-foto .contenido div h1:before, .encabezado-foto .contenido div h1:after {display:none;} } @media (max-width: 570px) { .sticky nav {top: 5px;} #logo img {zoom:0.85;} #wowslider-container1 .promo_texto_slider img {display: block;height: 200px!important;left: 0!important;top: unset;;bottom: 0!important;max-width: 300px!important;height: auto!important;} .promo_texto_slider {margin: 30px auto;text-align: center; left: calc(50% - 139px);top: 10%;} #wowslider-container1 .ws_images .ws_list img {left: -330px;position: relative;} #caja_ficha .acercar-a-izq {padding-left:initial;} .no-show-narrow {display:none;} .encabezado-foto {height: 250px;} #confirmacion .terminos label {width: 220px;position: relative;top: 7px;} .row.tipos-contacto {margin:0 0 -15px -15px;} .row.tipos-contacto.final {margin-bottom:40px;} .tipos-contacto .col-md-4.col-sm-4 {width:100%;float: none;clear: both;} .tipos-contacto .col-md-4.col-sm-4 label {max-width:100%;} #ficha_hotel .col-md-3.col-sm-3 {width: 100%;clear: left;} #ficha_hotel .col-md-4.col-sm-4 {width: 50%;float: left;} #ficha_hotel .col-md-5.col-sm-5 {width: 50%;float: left;padding-right: 0;} #ficha_hotel .form-group.date .form-control {padding: 6px;} #ficha_hotel .form-group.pax {margin-right: 0;margin-left: 3%;} #ficha_hotel a.btn_full {margin: 10px 0;} .modal-hotel p {top: 20%;width: 90%;margin-left:5%;} #datos .seccion-form {width: 100%;} #datos .seccion-form label {margin: 10px 0 2px 1px;} .parallax-content-1 div h1, .encabezado-foto .contenido div h1, .parallax-content-1 div h3, .encabezado-foto .contenido div h3 {} } @media (max-width: 499px) { ul#top_tools li:last-child {padding-right:0; border-right:none;} #top_line .element.phone {background:rgba(255, 255, 255, .2);border: none;display: inline-block;width: 40%;text-align: center;float: none;margin: 0;clear: both;position: relative;top: 2px;left: 0px;padding: 8px 5px;} #top_line .element.phone li {border:none;} .img_container img {bottom: 48px;} #ficha_hotel .img_hotel {width: 120px;} #ficha_hotel .desc_hotel {width: calc(100% - 160px);} } @media (max-width: 480px) { #derecha_tour img.medio-de-pago {width:50%; float:left;} #derecha_tour img.medio-de-pago:last-child {float:right;} /*#search_container #full-slider-wrapper {display:none;}*/ #search {top: 0px;} #carro .row.t-header.botones-carro button.pagar {margin: 10px 0 0 0; width: 100%; clear: both; } #carro .row a.btn_1 {width:100%;clear: both;} #carro .row.condiciones-carro {padding: 0 20px;} #confirmacion .detalles-tour {width: 100%;} #confirmacion .precio-tour { position: absolute; width: auto; top: 20px; display: inline-block; right: 1px; border: none;} #galeria .strip_all_tour_list { width: 100%; margin: 0; margin-bottom: 30px;} #galeria ul.add_info { display: none;} #galeria .tour_list_desc p { height: auto; width: 80%; margin: 10px 10%; } .features-slider {padding: 11% 50px 10% 50px; } .features-content {padding: 10%; } .box_style_0 {padding: 15px; } .box_style_0 h3.inner {margin: -15px -15px 15px -15px; } .img_list img {left: 0; width: 100%; height: auto; top: -5%; } .tooltip-item::after {width: 180px; } .tooltip-content {width: 180px; margin: 0 0 20px -90px; } .styled-select-filters {margin-bottom: 5px; } .search_bar {width: 100%; } #hero {height: 250px; } .intro_title {display: none; } ul#top_tools {margin: 0 25px 0 0; } .sticky ul#top_tools {margin: 0 25px 0 0; } .dropdown.dropdown-cart {display: none; } .dropdown.dropdown-search {font-size: 20px; } #testimonials h2 {font-size: 28px; } #score {float: none; margin-top: 15px; } .intro_title.error {display: table-cell; } .intro_title.error h1 {font-size: 36px; } .intro_title.error a.button_intro {display: none; } .promo_full_wp div h3 {font-size: 36px; } .promo_full_wp div a i {font-size: 60px; } #map_filter ul li a i {font-size: 18px; } #datos a#seguir_comprando {width:100%;} #datos .botones-de-pago button {width:100%; margin-left:0; margin-top:10px;} #datos input#cupon {max-width:100%; margin-bottom:10px;} #datos a#validar_cupon {margin-left:0;} #ficha_hotel .col-md-4.col-sm-4 {width: 100%;clear: left;float: none;} #ficha_hotel .col-md-5.col-sm-5 {width: 100%;float: none;} #ficha_hotel .form-group.date {padding: 0;margin: 0 10px 10px 0;width: 44%;} #ficha_hotel .form-group.pax {margin: 0 9px 20px 0;} #ficha_hotel .col-md-3.col-sm-3 {margin: 0;max-width: 320px;} #ficha_hotel a.btn_full {margin: 10px auto;} } /*! * - v1.2.2 * Homepage: http://bqworks.com/slider-pro/ * Author: bqworks * Author URL: http://bqworks.com/ */.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:30px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none} .datepicker { padding: 4px; direction: ltr; } .datepicker.datepicker-rtl { direction: rtl; } .datepicker.datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-top: 0; border-bottom-color: rgba(0,0,0,0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-top:before { top: -7px; } .datepicker-dropdown.datepicker-orient-top:after { top: -6px; } .datepicker-dropdown.datepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker > div { display: none; } .datepicker.days div.datepicker-days { display: block; } .datepicker.months div.datepicker-months { display: block; } .datepicker.years div.datepicker-years { display: block; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 30px; height: 30px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eee; cursor: pointer; } .datepicker table tr td.day { border: 1px solid #e6e6e6; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { color: #000; position: relative; } .datepicker table tr td.today:before, .datepicker table tr td.today:hover:before, .datepicker table tr td.today.disabled:before, .datepicker table tr td.today.disabled:hover:before { content: ''; bottom: 2px; right: 2px; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 7px 7px; border-color: transparent transparent #333 transparent; position: absolute; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.today, .open .dropdown-toggle.datepicker table tr td.today:hover, .open .dropdown-toggle.datepicker table tr td.today.disabled, .open .dropdown-toggle.datepicker table tr td.today.disabled:hover { background-image: none; } .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.today, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today.disabled, fieldset[disabled] .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover.disabled:hover, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:hover.disabled:hover, .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today:hover[disabled]:hover, .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.today:hover, fieldset[disabled] .datepicker table tr td.today:hover:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover, fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:focus, .datepicker table tr td.today:hover.disabled:focus, .datepicker table tr td.today.disabled.disabled:focus, .datepicker table tr td.today.disabled:hover.disabled:focus, .datepicker table tr td.today[disabled]:focus, .datepicker table tr td.today:hover[disabled]:focus, .datepicker table tr td.today.disabled[disabled]:focus, .datepicker table tr td.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.today:focus, fieldset[disabled] .datepicker table tr td.today:hover:focus, fieldset[disabled] .datepicker table tr td.today.disabled:focus, fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today:hover.disabled:active, .datepicker table tr td.today.disabled.disabled:active, .datepicker table tr td.today.disabled:hover.disabled:active, .datepicker table tr td.today[disabled]:active, .datepicker table tr td.today:hover[disabled]:active, .datepicker table tr td.today.disabled[disabled]:active, .datepicker table tr td.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.today:active, fieldset[disabled] .datepicker table tr td.today:hover:active, fieldset[disabled] .datepicker table tr td.today.disabled:active, fieldset[disabled] .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today:hover.disabled.active, .datepicker table tr td.today.disabled.disabled.active, .datepicker table tr td.today.disabled:hover.disabled.active, .datepicker table tr td.today[disabled].active, .datepicker table tr td.today:hover[disabled].active, .datepicker table tr td.today.disabled[disabled].active, .datepicker table tr td.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.today.active, fieldset[disabled] .datepicker table tr td.today:hover.active, fieldset[disabled] .datepicker table tr td.today.disabled.active, fieldset[disabled] .datepicker table tr td.today.disabled:hover.active { background-color: #ffdb99; border-color: #ffb733; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eee; -webkit-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { color: #000; background-color: #f7ca77; border-color: #f1a417; -webkit-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:focus, .datepicker table tr td.range.today:hover:focus, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { color: #000; background-color: #f4bb51; border-color: #bf800c; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.range.today, .open .dropdown-toggle.datepicker table tr td.range.today:hover, .open .dropdown-toggle.datepicker table tr td.range.today.disabled, .open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover { background-image: none; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.range.today, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover.disabled:hover, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today.disabled:hover.disabled:hover, .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today:hover[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled]:hover, .datepicker table tr td.range.today.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.range.today:hover, fieldset[disabled] .datepicker table tr td.range.today:hover:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:focus, .datepicker table tr td.range.today:hover.disabled:focus, .datepicker table tr td.range.today.disabled.disabled:focus, .datepicker table tr td.range.today.disabled:hover.disabled:focus, .datepicker table tr td.range.today[disabled]:focus, .datepicker table tr td.range.today:hover[disabled]:focus, .datepicker table tr td.range.today.disabled[disabled]:focus, .datepicker table tr td.range.today.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.range.today:focus, fieldset[disabled] .datepicker table tr td.range.today:hover:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:focus, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today:hover.disabled:active, .datepicker table tr td.range.today.disabled.disabled:active, .datepicker table tr td.range.today.disabled:hover.disabled:active, .datepicker table tr td.range.today[disabled]:active, .datepicker table tr td.range.today:hover[disabled]:active, .datepicker table tr td.range.today.disabled[disabled]:active, .datepicker table tr td.range.today.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.range.today:active, fieldset[disabled] .datepicker table tr td.range.today:hover:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today:hover.disabled.active, .datepicker table tr td.range.today.disabled.disabled.active, .datepicker table tr td.range.today.disabled:hover.disabled.active, .datepicker table tr td.range.today[disabled].active, .datepicker table tr td.range.today:hover[disabled].active, .datepicker table tr td.range.today.disabled[disabled].active, .datepicker table tr td.range.today.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.range.today.active, fieldset[disabled] .datepicker table tr td.range.today:hover.active, fieldset[disabled] .datepicker table tr td.range.today.disabled.active, fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active { background-color: #f7ca77; border-color: #f1a417; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { color: #fff; background-color: #999; border-color: #555; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:focus, .datepicker table tr td.selected:hover:focus, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { border-color: #373737; } .datepicker table tr td.selected:hover color: #ffffff, .datepicker table tr td.selected:hover:hover color: #ffffff, .datepicker table tr td.selected.disabled:hover color: #ffffff, .datepicker table tr td.selected.disabled:hover:hover color: #ffffff, .datepicker table tr td.selected:focus color: #ffffff, .datepicker table tr td.selected:hover:focus color: #ffffff, .datepicker table tr td.selected.disabled:focus color: #ffffff, .datepicker table tr td.selected.disabled:hover:focus color: #ffffff, .datepicker table tr td.selected:active color: #ffffff, .datepicker table tr td.selected:hover:active color: #ffffff, .datepicker table tr td.selected.disabled:active color: #ffffff, .datepicker table tr td.selected.disabled:hover:active color: #ffffff, .datepicker table tr td.selected.active color: #ffffff, .datepicker table tr td.selected:hover.active color: #ffffff, .datepicker table tr td.selected.disabled.active color: #ffffff, .datepicker table tr td.selected.disabled:hover.active color: #ffffff, .open .dropdown-toggle.datepicker table tr td.selected color: #ffffff, .open .dropdown-toggle.datepicker table tr td.selected:hover color: #ffffff, .open .dropdown-toggle.datepicker table tr td.selected.disabled color: #ffffff, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover color: #ffffff { background-color: #858585; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.selected, .open .dropdown-toggle.datepicker table tr td.selected:hover, .open .dropdown-toggle.datepicker table tr td.selected.disabled, .open .dropdown-toggle.datepicker table tr td.selected.disabled:hover { background-image: none; } .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.selected, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected.disabled, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover.disabled:hover, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected.disabled:hover.disabled:hover, .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected:hover[disabled]:hover, .datepicker table tr td.selected.disabled[disabled]:hover, .datepicker table tr td.selected.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.selected:hover, fieldset[disabled] .datepicker table tr td.selected:hover:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:focus, .datepicker table tr td.selected:hover.disabled:focus, .datepicker table tr td.selected.disabled.disabled:focus, .datepicker table tr td.selected.disabled:hover.disabled:focus, .datepicker table tr td.selected[disabled]:focus, .datepicker table tr td.selected:hover[disabled]:focus, .datepicker table tr td.selected.disabled[disabled]:focus, .datepicker table tr td.selected.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.selected:focus, fieldset[disabled] .datepicker table tr td.selected:hover:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:focus, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected:hover.disabled:active, .datepicker table tr td.selected.disabled.disabled:active, .datepicker table tr td.selected.disabled:hover.disabled:active, .datepicker table tr td.selected[disabled]:active, .datepicker table tr td.selected:hover[disabled]:active, .datepicker table tr td.selected.disabled[disabled]:active, .datepicker table tr td.selected.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.selected:active, fieldset[disabled] .datepicker table tr td.selected:hover:active, fieldset[disabled] .datepicker table tr td.selected.disabled:active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected:hover.disabled.active, .datepicker table tr td.selected.disabled.disabled.active, .datepicker table tr td.selected.disabled:hover.disabled.active, .datepicker table tr td.selected[disabled].active, .datepicker table tr td.selected:hover[disabled].active, .datepicker table tr td.selected.disabled[disabled].active, .datepicker table tr td.selected.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.selected.active, fieldset[disabled] .datepicker table tr td.selected:hover.active, fieldset[disabled] .datepicker table tr td.selected.disabled.active, fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active { background-color: #999; border-color: #555; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { color: #fff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: #fff; background-color: #333; border-color: #333; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; } .datepicker table tr td span:hover { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #428bca; border-color: #357ebd; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #333; border-color: #e27513; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td span.active, .open .dropdown-toggle.datepicker table tr td span.active:hover, .open .dropdown-toggle.datepicker table tr td span.active.disabled, .open .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #428bca; border-color: #357ebd; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999; } .datepicker th.datepicker-switch { width: 145px; } .datepicker thead tr:first-child th, .datepicker tfoot tr th { cursor: pointer; } .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #eee; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker thead tr:first-child th.cw { cursor: default; background-color: transparent; } .datepicker.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; list-style: none; background-color: #fff; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 0; border-radius: 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; *border-right-width: 2px; *border-bottom-width: 2px; color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1.428571429; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 1px rgba(0,0,0,0.2); padding: 7px 10px; } .datepicker.dropdown-menu th, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.datepicker-inline td { padding: 0px 5px; } .datepicker thead tr:first-child th.prev:before, .datepicker thead tr:first-child th.next:before { font-family: 'fontello'; content: '\e9f2'; font-size: 18px; font-weight:normal; font-style:normal; } .datepicker thead tr:first-child th.prev:before { content: '\e9f1'; } .bootstrap-timepicker { position: relative; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; } .bootstrap-timepicker .add-on { cursor: pointer; } .bootstrap-timepicker .add-on i { display: inline-block; width: 16px; height: 16px; border: 1px solid rgba(0,0,0,0.2); } .bootstrap-timepicker-widget.dropdown-menu { padding: 7px 10px; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 1px rgba(0,0,0,0.2); } .bootstrap-timepicker-widget.dropdown-menu.open { display: inline-block; } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0,0,0,0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; } .bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; } .bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; } .bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; } .bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; } .bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { -webkit-border-radius: 0; border-radius: 0; } .bootstrap-timepicker-widget table { width: 100%; margin: 0; } .bootstrap-timepicker-widget table td { text-align: center; height: 30px; margin: 0; padding: 2px; } .bootstrap-timepicker-widget table td:not(.separator) { min-width: 30px; } .bootstrap-timepicker-widget table td span { width: 100%; } .bootstrap-timepicker-widget table td a { width: 100%; display: inline-block; margin: 0; outline: 0; color: #333; width: 35px; height: 35px; line-height: 35px; } .bootstrap-timepicker-widget table td a:hover { text-decoration: none; background-color: #eee; } .bootstrap-timepicker-widget table td a i { margin-top: 2px; font-size: 18px; } .bootstrap-timepicker-widget table td input { width: 35px; margin: 0; text-align: center; color: #000; } .bootstrap-timepicker-widget .modal-content { padding: 4px; } /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * Owl Carousel Owl Demo Theme * v1.24 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin-bottom:-10px; } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #999; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }