@import url(https://fonts.googleapis.com/css?family=Anton|Open+Sans:400,700|Oswald:400,700); @import url(https://fonts.googleapis.com/css?family=Lato:300,400,700); body { background: #fff; } .container-content { font-family:'Lato'; } .navbar-inverse { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin-bottom:0px; background-color:#a41535; border:none; } .navbar-inverse a { color:#fff !important; text-transform: uppercase; font-size:9pt; } .navbar-inverse li.active a { background-color:#870a26 !important; } .navbar-brand { padding-top:10px; } .navbar-brand img { width:160px; } .btn-menu-responsive { background-color:#333; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } ul.socialshare, ul.submenu { list-style-type:none; margin:0px; padding:0px; float:left; } ul.socialshare { float:right; padding-right:20px; } ul.submenu li, ul.socialshare li { display:inline-block; } ul.submenu li a, ul.socialshare li a { padding:5px 8px 5px 8px ; line-height:30px; display:block; font-size:8pt; text-transform: uppercase; color:#fff; } ul.socialshare li a { font-size:10pt; } @media(max-width:767px) { .navbar-header { min-height:70px; } .btn-menu-responsive { margin-top:20px; } .navbar-brand { width:100%; position:absolute; text-align:center; z-index:0; padding-top:20px; } .navbar-brand img { margin:0 auto; width:180px; } .nav-submenu { padding-left:0px; padding-right:0px; width:100%; } ul.submenu { border-top:solid 1px #710b21; width:100%; } ul.submenu li { width:20%; border-left:solid 1px #710b21; border-bottom:solid 1px #710b21; } ul.submenu li:first-child , ul.submenu li:nth-child(6) { border-left:none; } ul.submenu li a { text-align:center; font-size:10px; line-height:20px; color:#fff; } } .navbar-form input, .navbar-form button { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; margin:0px; } .navbar-form input { margin-right:-5px; } @media(max-width:767px) { .navbar-form { background-color:#333; } .navbar-form button { width:100%; } } .submenu-container { background-color:#850e28; } .hotline { font-size:16pt !important; padding-bottom:0px !important; } @media(max-width:767px) { .hotline { font-size:20pt !important; padding-bottom:20px !important; text-align:center; } .hotline-label { font-size:10pt !important; padding-bottom:5px !important; text-align:center; } } .pathguide { background-color:#850e28; } .breadcrumb { margin:0px; background-color:transparent; display:inline-block; } .breadcrumb li, .breadcrumb li i, .breadcrumb li span, .breadcrumb li a { color:#fff; font-size:8pt; text-transform:uppercase; } .section-title { background-color:#ca0a32; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 200%; color: #fff; letter-spacing: -1px; padding: 15px 0; margin: 0 0 20px 0; text-align:center; } .section-title-sub { background-color:#0f5188; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; font-size: 200%; color: #fff; letter-spacing: -1px; padding: 15px 0; margin: -20px 0 20px 0; text-align:center; } .section-title-cn { font-size:70%; color:#eee; } .nav.nav-tabs.nav-center { text-align:center; } .nav.nav-tabs.nav-center li { float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */ } .nav.nav-tabs.nav-center li a { background-color:#870a26; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; font-weight:bold; color:#fff; } .nav.nav-tabs.nav-center li.active a { background-color:#fff; color:#870a26; } .continent-box h4 { border-bottom:solid 1px #eee; margin:0px; padding:5px 0; } .continent-box h4 a { color:#333; } .continent-list { list-style-type:none; padding:0px; margin:0 0 20px 0 ; border-bottom:solid 3px #333; } .continent-list:hover { border-bottom:solid 3px #ccc; } .continent-list li { border-bottom:dashed 1px #ccc; } .continent-list li:first-child, .continent-list li:last-child { border-bottom:dashed 1px #fff; } .continent-list li a { font-size:90%; padding-top:5px; padding-bottom:5px; display:block; color:#333; text-decoration:none; } .continent-list li a:hover { color:#006699; } .wide-banner { text-align:center; height:400px; margin-bottom:30px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center top; margin-top:-20px; } .wide-banner .section-title { background-color:transparent; color:#fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 50%; height: 50%; margin: auto; text-shadow:1px 1px 2px #333; font-size:300%; } /* GROUND LISTING */ .ground-list { margin-bottom:20px; } .ground-list-item { padding-bottom:20px; border-bottom:solid 1px #eee; } .list-content .list-tour-code { font-size:8pt; margin-top:10px; } .list-content .list-title a { font-size:14pt; color:#333; } .list-content .list-title-cn a { font-weight:bold; } .list-info { position:absolute; right:0; top:0; display:inline-block; text-align:center; width:60px; background-color:#000; color:#fff; padding:5px 0; margin-right:25px; } .list-info .days { font-size:14px; line-height:14px; height:14px; } .list-info .days-label { font-size:6pt; font-weight:bold; } .list-info .days-destination { font-size:6pt; font-weight:bold; } .list-deal { text-align:right; } .list-deal .deal-from { font-size:12px; line-height:12px; } .list-deal .deal-price { font-size:20px; line-height:20px; font-weight:bold; } .deal-go .btn { margin-top:5px; } @media(max-width:992px) { .ground-list { } .list-deal { text-align:left; } .deal-go .btn { width:100%; } } @media(max-width:767px) { .list-content .list-title { margin-top:10px; } } .panel-filter { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .panel-filter .panel-heading { background-color:#7c0820; color:#eee; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .panel-filter .list-group-item { background-color:#c81236; } .panel-filter .list-group-item a { color:#fff; font-size:9pt; } .panel-filter .list-group-item.active { background-color:#fff; border-top:solid 1px #7c0820; border-bottom:solid 1px #7c0820; } .panel-filter .list-group-item.active a { color:#c81236; font-weight:bold; } .tags { list-style: none; margin: 0; overflow: hidden; padding: 0; } .tags li { float: left; } .tagging { background: crimson; border-radius: 3px 0 0 3px; color: #fff; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 15px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; } .tagging .fa{ margin-right:10px; } .tagging::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid crimson; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } .tagging-red { background: #ec594f; } .tagging-red::after { border-left: 10px solid #ec594f; } .tagging-yellow { background: #ffb602; } .tagging-yellow::after { border-left: 10px solid #ffb602; } .tagging-green { background: #66b245; } .tagging-green::after { border-left: 10px solid #66b245; } .tagging-blue { background: #00b7af; } .tagging-blue::after { border-left: 10px solid #00b7af; } .seperator { height:1px; border-bottom:solid 1px #eee; margin:20px 0; } .spacer { height:1px; margin:20px 0; } .tag { background: crimson; border-radius: 3px 0 0 3px; color: #eee; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; } .tag::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; } .tag::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid crimson; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } .tag:hover { background-color: #000; color: #fff; } .tag:hover::after { border-left-color: #000; } .tag-green { background: green; border-radius: 3px 0 0 3px; color: #eee; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; } .tag-green::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; } .tag-green::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid green; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } .tag-green:hover { background-color: #000; color: #fff; } .tag-green:hover::after { border-left-color: #000; } .tag-blue { background: #006699; border-radius: 3px 0 0 3px; color: #eee; display: inline-block; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; } .tag-blue::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; } .tag-blue::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #006699; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; } .tag-blue:hover { background-color: #000; color: #fff; } .tag-blue:hover::after { border-left-color: #000; } .ground-promo-text { background-color:#b61d57; padding:20px; color:#fff; font-size:120%; margin-bottom:10px; } .ground-highlight { margin-top:20px; border:solid 10px #ccc; padding:20px; margin-bottom:20px; } .ground-highlight p { margin:0px; } .ground-highlight-label { display:block; float:right; background-color:#000; color:#fff; margin-top:-40px; margin-right:-10px; font-weight:bold; padding:5px 15px; } .ground-itinerary .nav-tabs { padding-left:20px; } .ground-itinerary .nav-tabs li a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .ground-itinerary-layout { margin-top:20px; margin-bottom:20px; } .ground-itinerary-layout .itinerary-block { padding:20px; } .ground-itinerary-layout .itinerary-block.block0 { background-color:#eee; } .ground-itinerary-layout .itinerary-block .itinerary-header { cursor:pointer; } .ground-itinerary-layout .itinerary-block .itinerary-header .destination-name { font-size:150%; } .ground-itinerary-layout .itinerary-block .itinerary-content { font-size:90%; line-height:20px; } .ground-right-image { margin-bottom:20px; } .ground-details-highlight { margin-bottom:10px; } .ground-details-flight { color:#1676c8; } .ground-details-transfer { color:#088c43; } .ground-details-meals { color:#d43d64; } .ground-details-hotel { color:#8c086b; } .ground-details-shopping { color:#d26300; } span.step { background: #333; border-radius: 0.8em; -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; color: #ffffff; display: inline-block; font-weight: bold; line-height: 1.6em; margin-right: 5px; text-align: center; width: 1.6em; font-size:150%; } .btn-80 { width:80%; } .btn-20 { width:20%; } .panel-features { margin-bottom:30px; } .panel-features .panel-heading { background-color:#333; color:#eee; text-transform:uppercase; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .panel-features.panel-optional .panel-heading { background-color:#5eb638; color:#fff; } .panel-features.panel-payment .panel-heading { background-color:#b6af38; color:#fff; } .panel-features.panel-terms .panel-heading { background-color:#388bb6; color:#fff; } .panel-features.panel-remark .panel-heading { background-color:#b6385e; color:#fff; } .panel-features.panel-include .panel-heading { background-color:#e18243; color:#fff; } .panel-features.panel-exclude .panel-heading { background-color:#43bee1; color:#fff; } .panel-features.panel-compulsory .panel-heading { background-color:#4352e1; color:#fff; } .panel-features .list-group-item, .panel-features .table th, .panel-features .table td { font-size:90%; padding:10px; } .panel-features .table .prices { text-align:right; font-weight:bold; } .table-pricing { border-collapse: collapse; width:100%; } .table-pricing thead th { background-color:#333; color:#fff; text-align:center; padding:10px 5px; } .table-pricing thead th.thsmall { font-size:70%; } .table-pricing td, .table-pricing th { font-size:12px; border:solid 1px #ccc; padding:3px; } .hotel-cols { vertical-align:top; width:200px; } .hotel-cols .hotel-title { padding:5px; } .hotel-cols .hotel-title .hotel-similiar { color:#003366; font-size:7pt; font-weight:bold; } .hotel-cols .hotel-title .hotel-rating { color:crimson; } .room-cols { vertical-align:top; width:80px; text-align:right; } .room-cols .room-label { font-weight:bold; font-size:8pt; text-transform:uppercase; } .remark-rows td { background-color:#fae7f1; font-size:8pt; } .blockout-rows td { background-color:#ffdeef; font-size:8pt; } .charges-month { background-color:#000 !important; color:#fff;padding:0 10px !important; font-weight:bold; } .charges-day { background-color:#333 !important; color:#fff; } .pricing-container { text-align:right; padding:5px; font-size:15px; } .pricing-room { font-size:11pt; font-weight:bold; } .pricing-extension { } .book-cols { padding:10px !important; vertical-align:top; } .mobile-book { margin-bottom:20px; border:solid 1px #eee; padding:15px; background-color:#eee; } .mobile-book .hotel-remarks { font-size:8pt; background-color:#fae7f1; padding:10px; margin-top:10px; border:solid 1px #fce5f1; } .mobile-book .hotel-name { font-size:16pt; } .mobile-book .hotel-rating { margin-bottom:5px; color:crimson; } .mobile-book .hotel-lower { font-size:22pt; text-align:right; font-weight:bold; } .mobile-book .hotel-lower span { font-size:8pt; line-height:10px; display:inline-block; width:50px; } .xltext { font-size:14pt; } @media(max-width:767px) { .xltext { padding-bottom:10px; margin-bottom:10px; border-bottom:dashed 1px #fff; } } .section-container { padding:20px; background-color:#eee; margin-bottom:30px; } .container-white { background-color:#fff; border:solid 1px #ddd; padding:20px; } @media(max-width:767px) { .spacing-mobile-form { margin-bottom:15px; } } .row-select { border-bottom:solid 1px #eee; padding-top:10px; padding-bottom:10px; } .row-room-type { font-size:120%; padding-bottom:10px; } .row-price { text-align:right; } .row-price span { display:inline-block; } .row-price span.from { display:inline-block; height:30px; line-height:13px; font-size:8pt; width:50px; font-weight:bold; color:#333; } .row-price span.price { display:inline-block; width:100px; font-size:17pt; height:30px; line-height:30px; color:crimson; } @media(max-width:767px) { .row-price span.from { height:auto; width:auto; } } /* FRONTPAGE */ .video-overlay-content { font-size:30px; z-index:999; position:absolute; width:100%; height:100%; text-align:center; color:#fff; } .video-overlay-inner { text-align:right; } .video-overlay-inner h1 { font-size:40pt; margin-bottom:0px; text-shadow:1px 1px 2px rgba(0, 0, 0, .9); } .video-overlay-inner h4 { margin-top:0px; font-size:18pt; font-weight:none; text-shadow:1px 1px 2px rgba(0, 0, 0, .9); } .video-autoplayer { min-height:600px; background-color:#fff; } .grid { width:100%; margin-top:0px; } .grid:after { content: ""; display: table; clear: both; } .grid-item { float:left; margin-bottom:5px; } .grid-pad { padding: 5px 0px 5px 5px; } .grid-item { padding-right: 5px; } .grid-node { position: relative; width: 100%; } .grid-node:after { content: ""; display: block; padding-bottom: 100%; } .grid-node-inner { position: absolute; width: 100%; height: 100%; -moz-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-size: 100% 100%; } .grid-node-inner a:hover { text-decoration:none; } .grid-node-inner:hover { background-size: 105% 105%; } .grid-node-inner.grid-node-inner-clear:hover { background-size: 100% 100%; } .grid-content { text-align:center; height:100%; width:100%; padding:20px; cursor:pointer; transition-duration: .4s; transition-timing-function: linear; position:absolute; bottom: 0; left: 0; text-align:center; } .grid-title, .grid-subtitle, .grid-button { color:#fff; text-shadow:0px 0px 2px rgba(000, 000,000, 0.9); } .grid-title { text-transform:uppercase; font-weight:bold; font-size:120%; } .grid-subtitle { font-size:110%; } .grid-button { border:solid 1px #fff; text-transform:uppercase; padding:5px 10px; font-size:8pt; margin-top:5px; display:inline-block; } .grid-content:hover .grid-button { color:#fff; text-decoration:none; border:solid 1px #eee; } .grid-content:hover { background: rgba(000, 000,000, 0.7); } .grid-content.grid-content-clear { background: transparent; } @media(max-width:767px) { .grid-item { width:50%; } .btn-responsive { width:100%; } } @media(min-width:768px) { .grid-item { width:33.33%; } } @media(min-width:992px) { .grid-item { width:16.66%; width:33.33%; } } @media(min-width:1200px) { .grid-item { width:12.5%; width:16.66%; } } /* LIFE TSYLE*/ .lifestyle-item { margin-bottom:20px; border:solid 1px #eee; padding-bottom:15px; } .lifestyle-item:hover .lifestyle-header { background-color:#870a26; } .lifestyle h2 { border-bottom:solid 1px #eee; margin-top:30px; } .lifestyle h2 a { color:#870a26; } .lifestyle h2 a:hover { text-decoration:none; } .lifestyle-header { margin-top:0px; background-color:#333; padding:8px; } .header-inside { font-size:10pt; height:30px; overflow: hidden; text-overflow: ellipsis; } .header-inside a { color:#fff; } .header-inside a:hover { text-decoration:none; } .lifestyle-image-box { height:130px; overflow:hidden; } .lifestyle-content { padding:0 8px 8px 8px; } .lifestyle-content-inside { font-size:9pt; height:32px; overflow:hidden; text-overflow: ellipsis; } .lifestyle-button { padding:0 8px; } .lifestyle-button a { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .lifestyle-publish { font-size:8pt; font-weight:bold; padding-top:5px; color:#999; } .lifestyle-responsive-content { } .lifestyle-responsive-content p { text-align:justify; } .lifestyle-responsive-content img { width:100% !important; height:auto; margin-top:10px; margin-bottom:10px; } .lifestyle-responsive-content iframe { width:100% !important; height:400px; } @media(max-width:767px) { .lifestyle-image-box { height:auto; } .lifestyle-image-box img { width:100%; } } .blog-header { margin-top:0px; font-size:18pt; border-bottom:solid 1px #eee; padding-bottom:10px; margin-bottom:30px; color:#333; } .blog-created { color:#999; font-size:9pt; text-align:right; padding-bottom:10px; } /* FOOTER STYLE SHEET */ .container-footer { background-color: #1b1b1b; color: #fff; margin-top:20px; font-family: 'Roboto Condensed', sans-serif; } .container-footer > .container-content { padding-top: 50px; padding-bottom: 50px; } .footer-module h4 { margin:0px 0px 20px 0px; padding:0px; font-weight:bold; font-size:1.3em; color:#fff; } .footer-navigation ul { margin:20px 0px; padding:0px; list-style-type:none; } .footer-navigation ul li { line-height:25px; } .footer-navigation ul li a, .footer-belong, .footer-locate { color:#cacaca; font-size:.9em; } .btn-map, .app-store { margin:10px 0px 20px 0px;; } .footer-contact .col-xs-4 { font-size:.7em; font-weight:bold; color:#fff; } .footer-splitter { max-height:1px; border-top:solid 3px #337ab7; margin:20px 0px; } .footer-belong { margin-top:10px; } .footer-copyright { font-size:.9em; } .footer-copyright a { color:#cacaca; } .btn-dark { background-color:#000; color:#fff; } @media(max-width:767px) { .footer-content { display:none; } .footer-navigation ul { margin:0px 0px; } .footer-module h4 { border-bottom:solid 1px #eee; line-height:40px; cursor:pointer; margin-bottom:5px; } .footer-belong,.footer-copyright { text-align:center; } } /* RIBBON BANNERS */ .ribbon { position: absolute; top: 0; right: 0; } /* reset certain elements (in case of conflicting CSS for classes, links, etc.) */ .ribbon .text, .ribbon .banner, .ribbon a { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } .ribbon a { color: #fff; text-decoration: none; } .no-css-transforms .ribbon { font-size: 1em; position: relative; width: 100%; } .ribbon .banner { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); color: #fff; -webkit-font-smoothing: antialiased; display: block; float: right; position: relative; right: -14px; top: 22px; width: 100px; } .ribbon-small .banner { right: -8px; top: 15px; width: 65px; } .ribbon-large .banner { right: -20px; top: 32px; width: 150px; } .ribbon .banner::after, .ribbon .banner::before { content: ''; display: block; height: 12px; position: absolute; width: 30px; } .ribbon-small .banner::after, .ribbon-small .banner::before { height: 6px; width: 20px; } .ribbon-large .banner::after, .ribbon-large .banner::before { height: 18px; width: 45px; } .ribbon .banner::before { -webkit-transform: skewY(-45deg) translate(50%,15px); -moz-transform: skewY(-45deg) translate(50%,15px); -ms-transform: skewY(-45deg) translate(50%,15px); -o-transform: skewY(-45deg) translate(50%,15px); -webkit-transform-origin: 100% center; -moz-transform-origin: 100% center; -ms-transform-origin: 100% center; -o-transform-origin: 100% center; left: -45px; } .ribbon-small .banner::before { top: -5px; left: -30px; } .ribbon-large .banner::before { top: 9px; left: -68px; } .ribbon .banner::after { -webkit-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -moz-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -ms-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -o-transform: translate(100%,-100%) skewY(45deg) translateX(-58%); -webkit-transform-origin: 0 center; -moz-transform-origin: 0 center; -ms-transform-origin: 0 center; -o-transform-origin: 0 center; right: -17px; } .ribbon-small .banner::after { top: 18px; right: -12px; } .ribbon-large .banner::after { top: 45px; right: -26px; } .no-css-transforms .ribbon .banner { position: static; width: 100%; float: none; font-size: 10px; } .ribbon .text { position: relative; z-index: 2; padding: 6px 0; font-size: 12px; font-weight: bold; min-height: 18px; line-height: 18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.20); white-space: nowrap; text-overflow: ellipsis; } /* small text */ .ribbon-small .text { padding: 3px 0; font-size: 8px; min-height: 14px; line-height: 14px; } /* large text */ .ribbon-large .text { padding: 9px 0; font-size: 18px; min-height: 28px; line-height: 28px; } .ribbon .text::before, .ribbon .text::after { content: ''; display: block; height: 30px; position: absolute; top: 0; width: 100%; z-index: -1; } /* small text */ .ribbon.ribbon-small .text::before, .ribbon.ribbon-small .text::after { height: 20px; } /* large text */ .ribbon.ribbon-large .text::before, .ribbon.ribbon-large .text::after { height: 46px; } .ribbon .text::before { -webkit-transform: translateX(-15%) skewX(-45deg); -moz-transform: translateX(-15%) skewX(-45deg); -ms-transform: translateX(-15%) skewX(-45deg); -o-transform: translateX(-15%) skewX(-45deg); } .ribbon .text::after { -webkit-transform: translateX(15%) skewX(45deg); -moz-transform: translateX(15%) skewX(45deg); -ms-transform: translateX(15%) skewX(45deg); -o-transform: translateX(15%) skewX(45deg); } .no-css-transforms .ribbon .text { height: 25px; padding: 3px; } /*--- RIBBON COLORS ---*/ /* default */ .ribbon .banner::after, .ribbon .banner::before { background-color: #51a351; } .ribbon .text::before, .ribbon .text::after, .no-css-transforms .ribbon .text { background-color: #62c462; } /* green */ .ribbon-green .banner::after, .ribbon-green .banner::before { background-color: #51a351; } .ribbon-green .text::before, .ribbon-green .text::after, .no-css-transforms .ribbon-green .text { background-color: #62c462; } /* blue */ .ribbon-blue .banner::after, .ribbon-blue .banner::before { background-color: #0044cc; } .ribbon-blue .text::before, .ribbon-blue .text::after, .no-css-transforms .ribbon-blue .text { background-color: #0088cc; } /* mms blue */ .ribbon-blue-mms .banner::after, .ribbon-blue-mms .banner::before { background-color: #2d5b98; } .ribbon-blue-mms .text::before, .ribbon-blue-mms .text::after, .no-css-transforms .ribbon-blue-mms .text { background-color: #367ab3; } /* light blue */ .ribbon-blue-light .banner::after, .ribbon-blue-light .banner::before { background-color: #2f96b4; } .ribbon-blue-light .text::before, .ribbon-blue-light .text::after, .no-css-transforms .ribbon-blue-light .text { background-color: #5bc0de; } /* yellow */ .ribbon-yellow .banner::after, .ribbon-yellow .banner::before { background-color: #f2ba00; } .ribbon-yellow .text::before, .ribbon-yellow .text::after, .no-css-transforms .ribbon-yellow .text { background-color: #ffd95e; } /* orange */ .ribbon-orange .banner::after, .ribbon-orange .banner::before { background-color: #f89406; } .ribbon-orange .text::before, .ribbon-orange .text::after, .no-css-transforms .ribbon-orange .text { background-color: #fbb450; } /* red */ .ribbon-red .banner::after, .ribbon-red .banner::before { background-color: #bd362f; } .ribbon-red .text::before, .ribbon-red .text::after, .no-css-transforms .ribbon-red .text { background-color: #ee5f5b; } /* purple */ .ribbon-purple .banner::after, .ribbon-purple .banner::before { background-color: #611bbd; } .ribbon-purple .text::before, .ribbon-purple .text::after, .no-css-transforms .ribbon-purple .text { background-color: #af4ce8; } /* pink */ .ribbon-pink .banner::after, .ribbon-pink .banner::before { background-color: #f000c0; } .ribbon-pink .text::before, .ribbon-pink .text::after, .no-css-transforms .ribbon-pink .text { background-color: #ff5edf; } /* black */ .ribbon-black .banner::after, .ribbon-black .banner::before { background-color: #222222; } .ribbon-black .text::before, .ribbon-black .text::after, .no-css-transforms .ribbon-black .text { background-color: #444444; } .blog-ribbon { margin-top:2px; margin-right:17px; } .blog-ribbon .text { text-align:center; } /*LAZY LOAD*/ img.lazy { opacity: 0; transition: opacity .2s ease-in; } .btn-print { margin-bottom:20px } /*SUBSCRIPTION*/ .subscribe-container { background-color:#a31c38; min-height:50px; padding-top:40px; padding-bottom:40px; color:#fff; margin-bottom:-30px; } .subscribe-email { margin-top:5px; } .subscribe-fixed { max-width:800px; } @media(max-width:767px) { .subscribe-container { text-align:center; } .subscribe-email { max-width:300px; margin:0 auto; margin-top:20px; } } .subscribe-container h3 { margin:0px; padding:0px; font-weight:normal; font-family:"Open Sans"; } .subscribe-container h4 { margin:0px; padding:0px; font-weight:normal; font-size:11pt; font-family:"Lato"; } .operates { display:inline-block; border:solid 1px #eee; background-color:#003366; color:#fff; font-size:8pt; font-weight:bold; padding:2px 5px; margin-top:10px; margin-bottom:10px; margin-right:3px; } .operates.daily { background-color:#000; } #shuffle .mix{ display:none; } .excursion-item { font-family:"Open Sans"; border:solid 1px #eee; margin-bottom:20px; } .excursion-photo img { width:100%; } .excursion-info { padding:5px 10px; height:130px; } .excursion-destination { font-weight:bold; font-size:80%; line-height:20px; } .excursion-rating { color:orange; } .excursion-name { font-size:110%; padding-bottom:5px; } .excursion-category { font-size:80%; color:#878787; } .excursion-detail { padding:5px 10px 10px 10px;; } .excursion-depart { font-size:80%; color:#878787; } .excursion-depart strong { color:#333; } .excursion-price { font-size:110%; color:#878787; margin-bottom:10px; } .excursion-price strong { color:#333; } .btn-filters { background-color:crimson; color:#fff; } @media(max-width:767px) { .btn-filters { width:100%; margin-bottom:10px; } } .excursion-item-image { margin-bottom:20px; } .excursion-heading { margin-top:0px; } .excursion-intro { padding-bottom:20px; margin-bottom:20px; border-bottom:dashed 1px #eee; } .excursion-choose { border:solid 1px #ddd; padding:20px; margin-bottom:30px; } .excursion-tag { background-color:#eee; border:solid 1px #ddd; padding:20px; text-align:center; margin-bottom:20px; } .excursion-from, .excursion-pax { font-weight:bold; font-size:9pt; } .excursion-amount { line-height:40px; font-size:40px; font-weight:bold; } .row-picker { border-bottom:solid 1px #eee; padding-bottom:5px; margin-bottom:5px; } .promo-code-header { text-align:center; margin-bottom:30px; font-weight:bold; } .promo-code-btn { width:70%; margin:20px auto; } .promo-block { border:solid 1px #eee; max-height:250px; height:250px; overflow:hidden; margin-bottom:20px; padding:10px; background-image: url('/images/promo-bg.png'); background-repeat: no-repeat; background-position: right top; } .promo-code-title { font-size:20px; line-height:20px; height:63px; overflow:hidden; color:#fff; text-align:center; text-shadow: rgb(3, 3, 3) 0px 1px 2px; } .promo-code-code-label { font-size:15px; } .promo-code-valid { text-align:center; font-size:9pt; font-weight:bold; } .promo-code-code { width:90%; margin:10px auto; color:#fff; background-color:#000; font-size:30px; padding:5px; text-align:center; } .btn-cart { margin-left:10px; } .container-cart h2 { border-bottom:solid 1px #ddd; padding-bottom:15px; font-size:140%; } .cart-item { background-image: url('/images/cart/cart-bg-trans.png'); background-repeat: no-repeat; background-position: left top; background-color:#850e28; padding:15px; color:#fff; } .cart-type { font-weight:bold; } .cart-empty { padding-top:100px; padding-bottom:100px; text-align:center; color:#333; } .cart-holder { border:solid 1px #850e28; padding:20px; margin-bottom:10px; min-height:140px; } .cart-item-name { font-weight:bold; text-transform:uppercase; margin-bottom:10px; } .cart-item-label { font-weight:bold; text-transform:uppercase; font-size:80%; } .cart-item-value { text-transform:uppercase; font-size:85%; } .cart-item-block { margin-bottom:10px; } .cart-item-remove { float:right; color:#fff; cursor:pointer; border:solid 1px #fff; padding:4px 5px; line-height:8px; font-size:90%; margin-top:-5px; margin-right:-5px; } .cart-item-remove:hover { color:#eee; } .cart-item-photo { margin-right:-30px; background-color:#900322; padding:10px; margin-top:10px; text-align:center; } .cart-item-photo img { width:90%; } @media (max-width: 767px) { .cart-item-photo { display:none; } } .cart-table { border-bottom:solid 1px #eee; padding-bottom:5px; margin-bottom:5px; font-size:90%; } .cart-price { text-align:right; } .cart-quantity { display:inline-block; } .cart-amount { min-width:80px; display:inline-block; } @media (max-width: 991px) { .cart-price { text-align:left; color:#006699; } } .cart-amount-total { font-size:120%; text-align:right; } .cart-check-out { text-align:right; } @media (max-width: 768px) { .cart-amount-total { text-align:center; } .cart-check-out { text-align:center; } .btn-responsive-cart { width:100%; margin-bottom:10px; } } .cart-remarks { font-size:80%; } /* NEW SUGGEST */ .suggestion-container { margin-top:30px; } .suggestion-ground { background-color:#ae0b0c; } .suggestion-excursion { background-color:#7eae0c; } .suggestion-amusement { background-color:#e39909; } .suggestion-rail { background-color:#003366; } .suggestion-flight { background-color:#0b8aad; } .suggestion-container a { color:#fff; } .suggestion-container a:hover { text-decoration:none; } .suggestion-header { font-size:20px; border-bottom:solid 1px #eee; padding-bottom:5px; } .suggestion-item { border:solid 1px #eee; margin-bottom:20px; } .suggestion-photo { height:150px; overflow:hidden; } .suggestion-photo img { width:120%; } .suggestion-tag { background-color: rgba(255, 255, 255, 0.2); text-align:center; font-size:8pt; line-height:30px; height:30px; padding-left:8px; padding-right:8px; overflow:hidden; } .suggestion-more { font-size:15px; line-height:17px; font-weight:bold; text-align:center; color:#fff; padding-top:8px; padding-bottom:8px; } .number-item { position:absolute; float:right; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:solid 1px #000; background-color:#000; color:#fff; display:block; font-size:7pt; font-weight:bold; padding-left:3px; padding-right:3px; margin-top:5px; margin-left:25px; } @media (min-width: 768px) and (max-width: 991px) { .show-tablet-search { display:block !important; } .hide-contact { display:none !important; } } .shopping-cart-icon { position:absolute; display:inline-block; margin-top:20px; margin-left:15px; color:#fff; z-index:999; } .shopping-cart-icon .number-item { margin-top:-5px; margin-left:18px; } .shopping-cart-icon .fa { font-size:14px; } .explore-cart {border:solid 1px #efefef;background-color:#eee;padding:15px;} .explore-cart-item img { width:100%; } @media (max-width: 991px) { .explore-cart-item img { margin-bottom:20px; } } iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } .cart-menus h1 { font-size:13pt; color:#fff; margin:0px; text-align:center; padding-top:5px; } .cart-menus .fa { float:right; } .cart-menus { z-index:99999999; padding:5px 10px; background-color:#c63c5a; position: fixed; top: 120px; right: 20px; width: 300px; -webkit-box-shadow: 7px 7px 5px -2px rgba(0,0,0,0.36); -moz-box-shadow: 7px 7px 5px -2px rgba(0,0,0,0.36); box-shadow: 7px 7px 5px -2px rgba(0,0,0,0.36); } .cart-menus .cart-menu-item { background-color:#fff; margin-top:10px; margin-bottom:15px; } .cart-menus .cart-menu-item ul { margin:0px; padding:0px; list-style-type:none; } .cart-menus .cart-menu-item ul li { border-bottom:dashed 1px #ddd; padding:10px; font-size:8pt; }