@charset "utf-8";

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LaBelleAurore';
    src: url('../fonts/LaBelleAurore.ttf') format('truetype');
    src: url('../fonts/LaBelleAurore.eot');
    src: url('../fonts/LaBelleAurore.eot?#iefix') format('embedded-opentype'),
         url('../fonts/LaBelleAurore.woff2') format('woff2'),
         url('../fonts/LaBelleAurore.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Bold.ttf') format('truetype');
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Bold.woff2') format('woff2'),
         url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinhTran';
    src: url('../fonts/DinhTran.ttf') format('truetype');
    src: url('../fonts/DinhTran.eot');
    src: url('../fonts/DinhTran.eot?#iefix') format('embedded-opentype'), url('../fonts/DinhTran.woff2') format('woff2'), url('../fonts/DinhTran.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia';
    src: url('../fonts/Sofia.ttf') format('truetype');
    src: url('../fonts/Sofia.eot');
    src: url('../fonts/Sofia.eot?#iefix') format('embedded-opentype'), url('../fonts/Sofia.woff2') format('woff2'), url('../fonts/Sofia.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../fonts/Poppins-Bold.ttf') format('truetype');
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../fonts/Poppins-Light.ttf') format('truetype');
    Light src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.ttf') format('truetype');
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'), url('../fonts/Helvetica.woff2') format('woff2'), url('../fonts/Helvetica.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:14px; color:#444444;}
/*body {width: 100%; height: 100%; margin:0; padding:0; font-family: Segoe UI,'Roboto', sans-serif; font-size:16px; font-weight:400; color:#444444;}*/
h1 {font-size:18px; color:#333; font-weight:700; margin-top:0px; line-height:24px;}
h2 {font-size:16px; color:#333; font-weight:700; margin-top:30px;}
h3 {font-size:14px; color:#333; font-weight:700; margin-top:25px;}
h4 {font-size:14px; color:#333; font-weight:bold; margin-top:20px; text-decoration:underline;}
p {line-height:24px; text-align:justify; margin-bottom:15px;}
section {padding:60px 0;}
.section-top {padding-top:60px;}
.section-bottom {padding-bottom:60px;}

@media screen and (max-width: 767px) {
.section-top {padding-top:30px;}
.section-bottom {padding-bottom:30px;}
}

 /*Main Page Festive Theme*/

/*.theme .social-media-sprite {width:35px; height:35px; border:3px solid #fff; border-radius:50px; background-image:url(../images/social-media/social-media-cny.png);}
.theme .hotline {background-color:#4f0808; border-radius:50px; padding:0 10px; border:3px solid #fff;}
.theme li.icon-box {background:#194542;}
.theme li.icon-box .icon-title {background:#194542; color:#fff;}
.theme .ribbon-right a {background:#194542;}
.theme .ribbon-right a::before {border-color:#194542 transparent #194542 #194542;}*/
/*.theme ul.product-tab li a:hover, .theme ul.product-tab li a.active {color:#012d1c;}
.theme.main-bg-sg ul.product-tab li a:hover,
.theme.main-bg-my ul.product-tab li a:hover,
.theme.main-bg-id ul.product-tab li a:hover,
.theme.main-bg-bn ul.product-tab li a:hover,
.theme.main-bg-sg ul.product-tab li a.active,
.theme.main-bg-my ul.product-tab li a.active,
.theme.main-bg-id ul.product-tab li a.active,
.theme.main-bg-bn ul.product-tab li a.active {background-color:rgba(255, 194, 14, 1.0);}
.theme.main-bg-sg ul.product-tab li a,
.theme.main-bg-my ul.product-tab li a,
.theme.main-bg-id ul.product-tab li a,
.theme.main-bg-bn ul.product-tab li a {background-color:teal;}*/
/*.theme.main-bg-my,
.theme.main-bg-sg,
.theme.main-bg-id,
.theme.main-bg-bn {
    padding: 50px 0 40px 0;
    background-image: url(https://easycdn.blob.core.windows.net/images/hero-images/raya-2025.jpg);
    background-color: #003333;
}
.theme .teaser {font-size:20px; line-height:50px; font-weight:normal; text-shadow: 5px 5px 5px #003333;}
.theme .teaser span {font-size:65px; font-family:'Sofia';}*/ 
.hero-content {font-family:'Poppins-Light'; margin-bottom:50px;}
.hero-content .hero-tag {border-radius:20px; padding:3px 10px; background-color:#c9234a; color:#fff; font-size:14px; display:inline-block;}
.hero-content .hero-headline {font-family:'Poppins-Bold'; font-size:44px; color:#fff; line-height:46px; padding-bottom:15px;} 
.hero-content .hero-headline span {font-family:'Sofia'; font-size:70px; display:block; line-height:70px;} 
.hero-content .hero-subheading {font-size:18px; color:#fff; padding:5px 0;} 
.hero-content .hero-link a {font-size:22px; color:#ffde2f; text-decoration:underline; padding:5px 0;}
.hero-content .hero-link i {font-size:20px; color:#ffde2f; padding-left:5px;}

@media (max-width: 1080px) {
.hero-content .hero-headline {font-size:36px; line-height:38px;} 
.hero-content .hero-subheading {font-size:14px;} 
.hero-content .hero-link a {font-size:16px;}
.hero-content .hero-link i {font-size:16px;}
}

@media (max-width: 767px) {
/*.theme.main-bg-my,
.theme.main-bg-id,
.theme.main-bg-sg,
.theme.main-bg-bn{
    background-position:right -45px; padding: 30px 0 40px 0;
}
.theme .teaser {font-size:14px; line-height:35px; text-align:left; display:block;}
.theme .teaser span {font-size:36px;} 
.theme .search-wrap {padding-top:0px;}*/
.hero-content {margin-bottom:30px;}
.hero-content .hero-tag {padding:3px 10px; font-size:12px;}
.hero-content .hero-headline {font-size:28px; line-height:32px;} 
.hero-content .hero-headline span {font-size:50px; line-height:55px;} 
.theme.main-bg-sg .hero-content,
.theme.main-bg-my .hero-content,
.theme.main-bg-bn .hero-content {margin-bottom:0px;}
}


::-webkit-scrollbar {-webkit-appearance:none;}
::-webkit-scrollbar:vertical {width:8px;}
::-webkit-scrollbar:horizontal {height:8px;}
::-webkit-scrollbar-thumb {background-color:#70266e; border-radius:10px;}
::-webkit-scrollbar-track {background-color:#bbb; border-radius:10px;}

a:hover {text-decoration:none;}
a.orange {color:#70266e;}

.clearfix:before, .clearfix:after {content:"."; display:block; height:0; overflow:hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1; /* IE < 8 */}

.pr {position:relative;}
.fl {float:left;}
.fr {float:right;}

.s-hide {display:block;}
.sx-hide {display:block;}
.lg-hide {display:none!important;}

.text-right {text-align:right;}
.text-center {text-align:center;}

.text10 {font-size:10px;}
.text11 {font-size:11px;}
.text12 {font-size:12px;}
.text13 {font-size:13px;}
.text14 {font-size:14px;}
.text16 {font-size:16px;}
.text18 {font-size:18px;}
.text24 {font-size:24px;}

.text-purple {color:#7864a9;}
.text-white {color:#fff;}
.text-black {color:#000;}
.text-grey {color:#636363;}
.text-blue {color:#337ab7;}
.text-red {color:#e1301f;}
.text-green {color:#1b6f2e;}
.text-orange {color:#ff6600;}
.text-greyishblack { color: #222;}
.text-yellow {color:#ff9900;}
.text-pink {color:#ff0096;}

.btn-primary {background-color:#70266e; border-color:#70266e;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus {background-color:#61215f; border-color:#61215f;}
.btn-primary.disabled, .btn-primary[disabled] {background-color:#bbb!important; border-color:#aaa!important; color:#111!important;}
.bg-yellow {background-color:#ffde2f;}
.bg-black {background-color:#000;}
.bg-grey {background-color:#f3f3f9;}
.bg-light-grey {background-color:#fafafa;}
.bg-dark-grey {background-color:#111;}
.bg-dark-purple {background-color:#70266e;}

.green {background: #a9d86e none repeat scroll 0 0 !important;}
.red {background: #ff6c60 none repeat scroll 0 0 !important;}
.grey {background: #ccc none repeat scroll 0 0 !important;}
.white {background: #fff none repeat scroll 0 0 !important;}
.lightblue {background: #dceafe none repeat scroll 0 0 !important;}

.btn-yellow {background-color:#FFA300; border-color:#FFA300; color:#fff;}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active:focus {background-color:#FFA300; border-color:#FFA300; color:#fff;}
.btn-yellow.disabled, .btn-yellow[disabled] {background-color:#bbb!important; border-color:#aaa!important; color:#111!important;}
.btn-black.focus, .btn-black:focus {color:#fff!important; text-decoration:none!important;}
.btn-red.focus, .btn-red:focus {color:#fff!important; text-decoration:none!important;}
.btn-outline {border:2px solid #dedede; color:#333; font-weight:700; padding:10px 15px; border-radius:0px;}
.btn-outline:hover {color:#337ab7;}
.btn-outline:focus {color:#333;}
.btn-outline-transparent {border:1px solid #fff!important; background-color:transparent; color:#fff; font-weight:700; padding:10px 15px; border-radius:0px;}
.btn-outline-transparent:hover {color:#ffde2f; border-color:#ffde2f!important;}
.btn-outline-transparent:focus {color:#fff;}
.btn-line {border:1px solid #70266e!important; background:transparent!important;}
.btn-orange, .btn-orange:focus, .btn-orange:active:focus {background-color:#70266e; color:#fff;}
.btn-orange:hover {background-color:#6b2069; color:#fff;}
.btn-red {background-color:#de0000; color:#fff;}
.btn-red:hover {background-color:#de0000; color:#fff;}
.btn-black {background-color:#222; color:#fff;}
.btn-black:hover {background-color:#000; color:#fff;}
.btn-purple {background-color:#70266e; color:#fff;}
.btn-purple:hover {background-color:#482059; color:#fff;}
.btn-tab {background-color:#fff; color:#333; border:1px solid #ddd; padding:10px 10px;}
.btn-tab.selected {background-color:#70266e; color:#fff; border:none; padding:10px 10px;}
.btn-tab img {width:16px;}
.btn-center {text-align:center;}
.btn-label {border-radius:25px; padding:1px 5px; font-size:10px; font-weight:normal; border:1px solid #338134; color:#338134;}
.btn-label:hover {color:#338134;}
.btn-lg.btn-default {border-color:#ccc;}
.btn-lg.btn-outline {border:2px solid #583f99; background-color:#fff; color:#583f99;}
.btn-lg.btn-outline-radius {border-radius:30px; padding:10px 30px; border:3px solid #70266e; color:#70266e; font-weight:bold; font-size:20px;}
.btn-gradient-outline-wrap {
  background: linear-gradient(to right, #541b52, #8c117c);
  padding: 3px; display:inline-block; border-radius:30px;
}
.btn-gradient-outline {
  background: #fff;
  color: #70266e;
  padding: 8px 30px; display:inline-block; border-radius:30px; font-weight:bold; font-size:20px;
}
a.btn-gradient-outline {cursor:pointer;}
a.btn-gradient-outline:hover {color:#70266e;}

#line-tab .nav-pills > li.active > a {background-color:transparent; border-bottom:3px solid #ff9900; color:#222;}
#line-tab .nav-pills > li > a {border-radius:0px; padding:5px 15px; font-weight:bold; border-bottom:3px solid #eaeaea; margin-right:10px; font-size:16px;}
#line-tab .nav > li > a:hover {background-color:transparent; color:#337ab7;}
#line-tab .nav > li.active > a:hover {color:#222;}

.tbl-heading-purple {background-color:#70266e; color:#fff;}
.tbl-heading-green {background-color:#dff0d8; color:#222;}
.tbl-heading-darker-green {background-color:#97c684; color:#222;}
.heading-darker-green-sm {background-color:#97c684; color:#000; font-weight:bold; padding:5px;}
.heading-darker-green {background-color:#bbd8af; color:#000; font-weight:bold; padding:10px;}

.pad5 {padding:5px;}
.p-right15 {padding-right:15px;}
.m-left12 {margin-left:12px;}
.m-left15 {margin-left:15px;}
.m-left25 {margin-left:25px;}
.m-top0 {margin-top:0px;}
.m-top5 {margin-top:5px;}
.m-top10 {margin-top:10px;}
.m-top15 {margin-top:15px;}
.m-top20 {margin-top:20px;}
.m-top25 {margin-top:25px;}
.m-top30 {margin-top:30px;}
.m-top35 {margin-top:35px;}
.m-top40 {margin-top:40px;}
.m-top45 {margin-top:45px;}
.m-top60 {margin-top:60px;}
.m-bottom0 {margin-bottom:0px!important;}
.m-bottom5 {margin-bottom:5px;}
.m-bottom10 {margin-bottom:10px;}
.m-bottom15 {margin-bottom:15px;}
.m-bottom20 {margin-bottom:20px;}
.m-bottom25 {margin-bottom:25px;}
.m-bottom30 {margin-bottom:30px;}
.m-bottom35 {margin-bottom:35px;}
.m-bottom40 {margin-bottom:40px;}
.m-bottom50 {margin-bottom:50px;}
.m-right5 {margin-right:5px;}
.m-right10 {margin-right:10px;}
.m-right15 {margin-right:20px;}
.m-right20 {margin-right:20px;}
.m-right35 {margin-right:35px;}

.dtext-right-mtext-left {text-align:right;}
.dtext-left-mtext-right {text-align:left;}

@media screen and (max-width: 767px) {
.dtext-right-mtext-left {text-align:left;}
.dtext-left-mtext-right {text-align:right;}
}

.rainbow-border {
    position: relative;
}

.rainbow-border:before, .rainbow-border:after {
    content: '';
    position: absolute;
    left: -3px;
    top: -3px;
    background: linear-gradient(45deg, #70276e, #a83fba, #ffde2f, #ffde2f, #a83fba, #70276e);
    background-size: 400%;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    z-index: -1;
    animation: steam 10s linear infinite;
    border-radius: 12px;
}

@keyframes steam {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}

.rainbow-border:after {
    filter: blur(0px);
}

.rainbow-border-tag {
    position: relative;
}

.rainbow-border-tag:before, .rainbow-border-tag:after {
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(45deg, #cd008d, #ffde2f, #ffde2f, #cd008d);
    background-size: 400%;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    z-index: 0;
    animation: steam 10s linear infinite;
    border-radius: 12px; z-index:-1;
}


.rainbow-border-tag:after {
    filter: blur(0px);
}

.rainbow-text {
  font-size:24px;
   
/* Chrome, Safari, Opera */
  -webkit-animation: rainbow-text 5s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow-text 5s infinite;
  
  /* Standar Syntax */
  animation: rainbow-text 5s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow-text{
  0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Internet Explorer */
@-ms-keyframes rainbow-text{
   0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Standar Syntax */
@keyframes rainbow-text{
    0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

.rainbow-bg { 
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow-bg 5s ease infinite;
-z-animation: rainbow-bg 5s ease infinite;
-o-animation: rainbow-bg 5s ease infinite;
  animation: rainbow-bg 5s ease infinite;}

@-webkit-keyframes rainbow-bg {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow-bg {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow-bg {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow-bg { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

@keyframes gradient {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

.notice-dot {font-size: 30px; color:#de0000; font-weight:bold;}

.blinking { 
-webkit-animation: blinking 1s ease infinite;
-z-animation: blinking 1s ease infinite;
-o-animation: blinking 1s ease infinite;
  animation: blinking 1s ease infinite;}

@-webkit-keyframes blinking {
    0%{color:#de0000;}
    50%{color:#fff;}
    100%{color:#de0000;}
}
@-moz-keyframes blinking {
    0%{color:#de0000;}
    50%{color:#fff;}
    100%{color:#de0000;}
}
@-o-keyframes blinking {
    0%{color:#de0000;}
    50%{color:#fff;}
    100%{color:#de0000;}
}
@keyframes blinking { 
    0%{color:#de0000;}
    50%{color:#fff;}
    100%{color:#de0000;}
}

.arrow-transition-wrap {padding:15px;}
.fa.arrow-transition {font-size:40px;}

.yi {animation: arrow-transition 1s ease-in-out infinite 0.3s; color:#ffde2f;}
.er {animation: arrow-transition 1s ease-in-out infinite 0.2s; color:#ff9900;}
.san {animation: arrow-transition 1s ease-in-out infinite 0.1s; color:#ff6600;}

@-webkit-keyframes arrow-transition {
  0%{transform:translateX(-40px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 1;}
}
@-moz-keyframes arrow-transition {
  0%{transform:translateX(-40px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 1;}
}
@-o-keyframes arrow-transition {
  0%{transform:translateX(-40px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 1;}
}
@keyframes arrow-transition {
  0%{transform:translateX(-40px);opacity: 0;}
  70%,100%{transform:translateX(0px);opacity: 1;}
}

.rotate180 {-webkit-transform: rotate(180deg);  /* Chrome, Safari, Opera */ -moz-transform: rotate(180deg);  /* Firefox */ -ms-transform: rotate(180deg);  /* IE 9 */ transform: rotate(180deg);  /* Standard syntax */}

@keyframes up-down {
    0% {transform:translateY(-20px);}
    50% {transform:translateY(0);}
    100% {transform:translateY(-20px);}
}

.small {width:100px;}
.medium {width:200px;}

.no-margin { margin: 0px; }
.no-padding { margin: 0px; }

.seemore-btn span.less {display:inline;}
.seemore-btn:not(.collapsed) span.more {display:none;}
.seemore-btn.collapsed span.less {display:none;}

.panel-important {border:3px solid #337ab7; color:#333; font-size:16px;}
.panel-important .fa {color:#333; font-size:20px; vertical-align:-2px;} 
.panel-important span {color:#de0000;} 

@media screen and (max-width: 767px) {
.panel-important {font-size:14px;}
}

.panel-highlight {border:2px solid #337ab7; color:#111; font-size:14px; margin-bottom:5px;}
.panel-highlight .fa {color:#333; font-size:18px; vertical-align:-2px;} 
.panel-highlight span {color:#de0000;} 
.panel-highlight .panel-body {padding:8px 10px;}

.panel-highlights {background-color:#fcf6f2; padding:15px; margin-bottom:15px; color:#222; border-radius:5px;}
.panel-highlights ul.bullet-list {margin:0px;}
.panel-highlights ul.bullet-list li {line-height:22px;}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border:1px solid #48A58F;
  border-radius: 4px;
}
.badge [class^="icon-"]:before, [class*=" icon-"]:before {font-size:12px!important;}
.badge-refund-protection {background-color: #4AA791;}

.reminder { border-radius: 4px; margin-bottom: 20px; padding: 5px 10px;}
.reminder-info {background-color:#d9edf7; border:1px solid #bce8f1; color: #31708f; font-size:13px;}
.reminder-warning {background-color:#fcf8e3; border:1px solid#faebcc; color:#8a6d3b; font-size:13px;}
.reminder ul {padding-left:15px; margin-bottom:0;}
.reminder ul a {text-decoration:underline; cursor:pointer;}

.reminder-outline-info {border:1px solid #31708f; color: #31708f; font-size:13px;}
.reminder-outline { border-radius: 4px; margin-bottom: 20px; padding: 5px;}

.breadcrumb-wrapper {background-color:transparent; margin-bottom:15px;}
.breadcrumb {background-color:transparent; width:1170px; margin:0 auto;}
.breadcrumb > .active, .breadcrumb > li + li::before {color:#555;}

.container {width: 1170px;}
.outer-wrap {width:100%;}
.outer {width:1170px; margin:0 auto; padding:30px 0;}
.outer-no-pad-bottom {width:1170px; margin:0 auto; padding:30px 0 0 0;}
.outer-no-pad-top {width:1170px; margin:0 auto; padding:0 0 30px 0;}
.outer-no-pad {width:1170px; margin:0 auto;}
.outer-small-pad {width:1170px; margin:0 auto; padding:10px 0;}

ul.list {padding-left:0px; margin-top:15px;}
ul.list li {list-style:none; padding:3px 0;}
ul.list li a {color:#636363;}
ul.list li a:hover {color:#337ab7;}
ul.list.link li a {color:#337ab7;}
.bg-grey ul.list li a {color:#444;}
.bg-grey .btn-outline {color:#222; background-color:#fff; border-radius:5px;}


ol.list {padding-left:20px; margin-top:15px;}
ol.list li {padding:3px 0 8px 0;}
ol.list li a {color:#636363;}
ol.list li a:hover {color:#337ab7;}
ol.link li a {color:#337ab7;}

ul.roman {padding-left:15px!important;}
ul.roman li {list-style-type:lower-roman!important;}
ul.alpha {padding-left:15px!important;}
ul.alpha li {list-style-type:lower-alpha;}

.policy ol {
    counter-reset: item;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.policy ol > li {
    counter-increment: item;
    display: table;
    margin-bottom: 0.6em;
}
.policy ol > li::before {
    content: counters(item, ".", decimal) ". ";
    display: table-cell;
    padding-right: 0.6em;
}

ul.icon-list i {float:left; font-size:20px; height:70px; margin-right:10px;}
ul.icon-list span {display:block; font-weight:bold;}
ul.icon-list li {padding-bottom:20px;}

ul.bullet-list {padding-left:15px; margin-top:15px;}
ul.bullet-list li {padding:3px 0;}
ul.bullet-list li a {color:#636363;}
ul.bullet-list li a:hover {color:#337ab7;}
ul.bullet-list.link li a {color:#337ab7;}

ul.bullet-list-xs {margin-top:5px; font-size:13px;}
ul.bullet-list-xs li {padding:0px 0;}


ol.bullet-list {padding-left:15px; margin-top:15px;}
ol.bullet-list li {padding:3px 0; line-height:24px;}
ol.bullet-list li a {color:#636363;}
ol.bullet-list li a:hover {color:#337ab7;}
ol.bullet-list.link li a {color:#337ab7;}

.label-pad-top label {padding-top:7px;}
.label-help {background-color:#337ab7;}
.label-help a {color:#fff;}
.label-help ul {padding-left:10px; text-align:left;}
.label-help ul li {padding:3px 0;}

.info-help {border:1px solid #337ab7; border-radius:25px; font-size:12px; width:16px; height:16px; text-align:center;
display:inline-block; color:#337ab7; font-weight:normal; cursor:pointer;}
.info-help a {color:#337ab7;}

.tooltip-inner {text-align:left;}
.tooltip-inner ol {padding-left:10px;}
.tooltip-inner ol li {padding:3px 0;}

.heading {padding:20px 15px 30px 15px;}
.heading .title {font-size:22px;}
.heading p {text-align:center;}

.panel-group .panel {margin-bottom:inherit;}

.panel-shadow {border:1px solid #ddd; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 15px;}
.panel-heading {position:relative; font-weight:bold;}
.panel-heading.tp-heading-collapse a {cursor:default; color:#111; /*display:block;*/}
.panel-heading.tp-heading-collapse a:hover {text-decoration:none;}
/*.panel-heading.tp-heading-collapse a:first-of-type:before {font-family:'Glyphicons Halflings'; content:"\e114"; position:absolute; right:15px; top:13px; transition:all 0.5s;}
.panel-heading.tp-heading-collapse a.collapsed:first-of-type:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}*/ 
.panel-heading.tp-heading-collapse .info-help {color:#337ab7;}

.accordion-panel .panel {border:none; box-shadow:none;}
.accordion-panel .panel-heading {background-color:#f5f5f5; padding:15px 30px 15px 15px; position:relative; font-size:15px; border-radius:5px;}
.accordion-panel .panel-heading.tp-heading-collapse a {cursor:pointer; display:block;}
.accordion-panel .panel-heading.tp-heading-collapse a:hover {text-decoration:none;}
.accordion-panel .panel-heading.tp-heading-collapse a:first-of-type:before {font-family:'Glyphicons Halflings'; content:"\e114"; position:absolute; right:15px; top:13px; transition:all 0.5s;}
.accordion-panel .panel-heading.tp-heading-collapse a.collapsed:first-of-type:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}

.accordion-panel .panel-heading.tp-heading-collapse2 a:first-of-type:before {font-family:'Glyphicons Halflings'; content:"\e113"; position:absolute; right:15px; top:13px; transition:all 0.5s;}
.accordion-panel .panel-heading.tp-heading-collapse2 a.collapsed:first-of-type:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}

.panel-title a {display: block; padding: 10px 15px; margin: -10px -15px;}
.panel-title a:focus {text-decoration:none;}
.panel-body h3 {text-decoration:underline;}
.panel-options {position: absolute; right: 15px; top: 10px;}
h1.panel-title {font-size:18px;}
h4.panel-title {text-decoration:none;}

.valid-feedback {display:block; width:100%; margin-top:3px; font-size:12px; color:#28a745;}
.invalid-feedback {display:block; width:100%; margin-top:3px; font-size:12px; color:#dc3545;}

.form-sub-title {margin-top:15px; margin-bottom:15px;}
.form-sub-title span {/*background-color:#333; color:#fff; border-radius:4px; padding:2px 7px;*/ text-decoration:underline; font-weight:bold; color:#111;}

.main-title {font-size:24px; font-weight:bold; color:#2F353A; margin-bottom:5px;}
.main-title-option {position:absolute; right:0; bottom:0;}
.main-title-option .btn-outline {border:2px solid #ffde2f; color:#2F353A;}

@media screen and (max-width: 767px) {
.main-title {font-size:20px;}
#signup .checkbox-inline {display:block;}
}

.section {margin:0 auto; padding:20px 0;}
.title {font-size:18px; font-weight:700; color:#333; margin-bottom:15px;}
.point-title {font-size:16px; font-weight:bold; color:#111; margin-bottom:5px;}
.title-line {font-size:18px; font-weight:700; color:#333; margin-bottom:15px; border-bottom:1px solid #dedede;}
.form-section-title {font-size:16px; font-weight:700; color:#333; margin-top:40px; margin-bottom:15px; border-bottom:1px solid #dedede;}
#signup .checkbox-inline {margin-right:30px;}
.bold {font-weight:bold;}
.btn-promotion {position:absolute; right:0; top:40%; z-index:99;}
.nav-m-left30 {margin-left:30px;}
.bg-grey .panel-default > .panel-heading {background-color:transparent; font-weight:bold; color:#000;}
.panel-default > .panel-heading {color:#111;}
.inline .form-group {padding-left:2px; padding-right:2px;}
.asterisk {color: #c23527; font-size: 0.8em;}
.box-height {min-height:200px;}
.border {border: 1px solid #ddd;}
.borderleft {border-left: 1px solid #ddd;}
.stroke {text-decoration:line-through;}
.line {border-bottom:1px solid #dedede; width:100%; margin:0 auto;}
a.disabled {cursor: not-allowed;}
#google-map {height: 350px;}
.underline {text-decoration:underline;}
.alert {padding:10px;}
.alert-warning {color:#856404; background-color:#FFF3CD; border-color:#FFEEBA;}
.alert-grey {color:#222; background-color:#eee; border-color:#ddd;}
.alert-grey a {color:#0064b9;}
.alert-lightgrey {color:#818182; background-color:#f2f2f2; border-color:#eee;}
.alert-lightgrey a {color:#0064b9;}
/*.checkbox-inline .checkbox {display:inline-block; margin-left:20px;}
.dropdown-menu.checkbox-dropdown > li > a {padding:10px; text-decoration:none;}
.tourz .dropdown-menu {border-radius:0px; margin:0 6px;}*/
.tourz .btn-group {display:block;}
.search-wrap .tourz .btn {color:#8d8d8d; font-family:arial; font-size:14px; padding:8px 10px; text-align:left; margin-bottom:15px; background-color:#fff; border:1px solid #ccc;}
.multiselect.btn {width:100%;}
.tourz .btn-default, .tourz .btn-default:hover, .tourz .btn-default.active, .tourz .btn-default:active, .tourz .open > .dropdown-toggle.btn-default {background-color:#fff; color:#8d8d8d; overflow:hidden;}
.tourz .btn-group.open .dropdown-toggle {box-shadow:none;}
.multiselect-container {top: 35px;}
.multiselect-container > li > a {text-decoration:none;}
.multiselect-container > li > a > label {padding:5px 20px 5px 30px!important;}
.pp-panel h2 {margin-top:10px;}
.pp-logo, .vbv-mcs-logo {position: absolute; right: 15px; top: 10px;}
.pp-logo img {width:110px;}
.progress {box-shadow:none!important; border-radius:50px; background-color:#ddd;}
.progress-bar {box-shadow:none!important; background-color:#70266e;}
.progress-label {text-align:center; font-size:12px; margin-bottom:5px;}
#TranslateSpan {font-size:14px !important;}
#MicrosoftTranslatorWidget {height:44px !important;}
.BDC_CaptchaDiv {margin:5px 0 !important;}
.server-name {display:none;}
.icon-title {font-size: 13px; font-weight:bold; color: #fff;  margin: 0; font-family:Arial, Helvetica, sans-serif;}
.flag-sea .fa {width:26px; height:15px; text-align:center; color:#ffdd00; /*background-color:#8d1d7f; border:1px solid #ddd;*/ background-image: linear-gradient(to top, rgba(103,24,109,1.0) 0%, rgba(183,14,128,1.0) 100%);}
#print-content td {padding:5px;}
.border-radius {border-radius:10px;}
.img-wrap {border-radius:10px; overflow:hidden;}
#self-check-in-content td {padding:5px;}

ul.icon-menu {position:fixed; right:0px; top:200px; z-index:99999; padding-left:0px;}
li.icon-box {background:#70266e; width:55px; height:55px; list-style:none; position:relative; margin-bottom:3px;}
li.icon-box a {cursor:pointer;}
li.icon-box a:hover .icon-title {opacity:1; right:55px; margin:0; padding:0 10px; text-align:center;}
li.icon-box .icon-title {background:#70266e; color:#fff; z-index:-999; position:absolute; top:0; right:0px; opacity:0; line-height:55px; -webkit-transition:all  .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; transition:all .3s; border-right:1px solid #fff; pointer-events:none;}

li.icon-box.notify {background:#ffde2f;}
li.icon-box.notify .icon-title {background:#ffde2f; color:#111; min-width:220px;}
li.icon-box.news .icon-title {min-width:120px;}
li.icon-box.promo .icon-title {min-width:120px;}
li.icon-box.join .icon-title {min-width:200px;}
li.icon-box.newsletter .icon-title {min-width:170px;}
li.icon-box.rating .icon-title {min-width:170px;}


/*.raya li.icon-box.news {background: #022927;}
.raya li.icon-box.promo {background: #022927;}
.raya li.icon-box.newsletter {background: #022927;}
.raya li.icon-box.join {background: #022927;}
.raya li.icon-box.rating {background: #022927;}
.raya .icon-box.news .icon-title {background: #022927;}
.raya .icon-box.promo .icon-title {background: #022927;}
.raya .icon-box.newsletter .icon-title {background: #022927;}
.raya .icon-box.join .icon-title {background: #022927;}
.raya .icon-box.rating .icon-title {background: #022927;}*/


span.icons { display: inline-block; background: url('/images/icon-sprites-v4.png')no-repeat;  width: 45px; height: 40px; margin: 8px 5px;}
span.icons.news { background-position: -118px 0px;}
span.icons.promo { background-position: 0px 0px;}
span.icons.newsletter { background-position: -57px 0px;}
span.icons.join { background-position: -173px 0px;}
span.icons.notify { background-position: -225px 0px;}
span.icons.rating { background-position: -280px 0px;}

#join .btn-purple:focus {color:#fff;}

/* centered columns styles */
.row-centered { text-align:center; padding: 0px; }
.col-centered { display:inline-block; float:none; text-align:left; margin-right:-4px; }
.col-fixed { width:320px;}
.col-min { min-width:320px;}
.col-max { max-width:320px;}

/*Override Bootstrap CSS =====================================================*/
.navbar-default {background-color:#ffde2f; border:none;}
.navbar-default .navbar-nav > li > a {color:#222;}
.navbar-default .navbar-toggle {border:none; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color:transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color:#222;}
.navbar-nav {padding-top:10px; }
.navbar-nav img { width:28px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color:#ffde2f; }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {color: #333; font-weight: bold; background-color:#fff;}
.nav-tabs.nav-justified > li { border-right:2px solid #fff;}
.nav-tabs.nav-justified > li > a { background-color: #eee; border-bottom:none;}
.dropdown-menu li {border-bottom:1px solid #e7e7e7;}
.dropdown-menu li:last-child {border-bottom:none;}
.dropdown-menu > li > a {padding:10px 20px; color:#444;}
.dropdown-menu > li > a:before, .dropdown-menu > li > a:after {content:"."; display:block; height:0; overflow:hidden;}
.dropdown-menu > li > a:after {clear: both;}
.dropdown-menu > li > a {zoom: 1; /* IE < 8 */}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color:#333;}
.topmenu.nav > li { background-color:#ffde2f;}/*z-index:9999; important!! for mobile dropdown to stay on top layer*/
.navbar-default .topmenu.navbar-nav > .active > a,
.navbar-default .topmenu.navbar-nav > .active > a:hover,
.navbar-default .topmenu.navbar-nav > .active > a:focus {
    background-color: #ffde2f;
}
label {font-weight:400;}
.form-control {color:#8d8d8d; font-weight:300;}
.checkbox-inline, .radio-inline {padding-top:5px; margin-bottom:10px;}
.modal-header {background-color:#f1f1f1; border-radius:6px 6px 0 0;}
.btn-default {background-color:#f5f5f5;}
/*.modal-dialog {width: 80%;}*/
.help-block {font-size:12px; color:#888;}
.label {padding:2px 6px; vertical-align:1px;}
.popover {color:#636363;}
legend {font-size:18px; margin-top:25px; font-weight:bold;}
.payment > tbody > tr > td {padding:12px 8px;}
.btn-lg {-moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 5px; cursor: pointer; display: inline-block; font-size: 16px; font-weight:bold; line-height: 1.42857; margin-bottom: 0; padding: 10px 16px; text-align: center; vertical-align: middle; white-space: nowrap; }
.btn-xs { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 5px 8px; text-align: center;  vertical-align: middle; white-space: nowrap;}
.checkbox-inline, .radio-inline {margin-right:10px;}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {margin-left: 0px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {background-color:#555;}
.tab-content {margin-top:15px;}
.form-control.is-error { box-shadow: 0 0 0 1px #FF1800; border: 2px solid #FF513F; }
.lbl {height:34px; padding:7px 12px 7px 0px;}
.display .form-group {margin-bottom:0px;}
#manage-agent .form-horizontal label {font-weight:bold;}
#manage-agent .form-horizontal label.checkbox-inline {font-weight:normal;}
#manage-agent .pagination {margin:20px 0 0 0;}
#manage-agent .btn-xs {padding:2px 6px;}
#manage-agent .fa-close {color:#de0000;}
.alert-notice {background-color:#dff0d8; color:#222; padding-top:5px; padding-bottom:5px; text-align:center; border-bottom:1px solid #d6e9c6; margin-bottom:0px;}
.alert-notice .btn {border:1px solid #222; border-radius:4px; padding:0px 5px; margin-left:5px; color:#222; font-size:13px;}
.alert-notice.alert-dismissable .close {color:#222; opacity:1; text-shadow:none; font-size:25px; right:0;}
.topmenu {font-size:13px;}
.topmenu li > a {padding:10px 7px;}

/*Flyout Menu ====================================================*/
.place-dropdown, .place-dropdown:active, .place-dropdown:visited, .place-dropdown:hover, .place-dropdown:focus, .search-wrap a.place-dropdown { text-decoration: none!important; color:#8d8d8d;}
.place-dropdown .fa-caret-down { top: -1px; right: 7px; }
.place-dropdown .value-holder { text-decoration: none; line-height: 24px; margin-left: 25px;}
.dropdown-menu.flyout-menu { padding: 5px; color: #000; width: 800px;}
.flyout-menu .flyout-header { margin-bottom: 5px; background-color: #efefef; cursor: default; font-weight: bold; font-size: 14px; padding: 5px; width: 100%;}
.flyout-menu .flyout-group { max-height:200px; overflow-y: auto; text-decoration: none; list-style: none; margin: 0 0 5px; padding: 0;}
.flyout-menu .flyout-item { border: 0; cursor: pointer; color: #000; width: 250px; padding: 5px 5px; font-size: .9em; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;    }
.flyout-menu .flyout-item:hover { background-color: #000; color: #fff!important; text-shadow: none; border-radius:5px;}
 
/*Payment Sprite - Small =====================================================*/
.sprite-payment-small {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/payment/sprite/sprite-payment-small.png);}
.p-123pay {width:50px; height:20px; background-position: -55px -0px}
.p-2c2p {width:50px; height:20px; background-position: -0px -0px}
.p-711-v2 {width:50px; height:20px; background-position: -0px -25px}
.p-abapay {width:50px; height:20px; background-position: -55px -25px}
.p-alfamart {width:50px; height:20px; background-position: -0px -50px}
.p-alfamidi {width:50px; height:20px; background-position: -55px -50px}
.p-alipay {width:50px; height:20px; background-position: -0px -75px}
.p-allianceBank {width:50px; height:20px; background-position: -55px -75px}
.p-ambank {width:50px; height:20px; background-position: -0px -100px}
.p-amex {width:50px; height:20px; background-position: -55px -100px}
.p-atm {width:50px; height:20px; background-position: -0px -125px}
.p-axs {width:50px; height:20px; background-position: -55px -125px}
.p-ayudhya {width:50px; height:20px; background-position: -0px -150px}
.p-bangkokBank {width:50px; height:20px; background-position: -55px -150px}
.p-bca {width:50px; height:20px; background-position: -0px -175px}
.p-bcard {width:50px; height:20px; background-position: -55px -175px}
.p-bigc {width:50px; height:20px; background-position: -0px -200px}
.p-biiMaybank {width:50px; height:20px; background-position: -55px -200px}
.p-bni {width:50px; height:20px; background-position: -0px -225px}
.p-bri {width:50px; height:20px; background-position: -55px -225px}
.p-cimb {width:50px; height:20px; background-position: -0px -250px}
.p-danamon {width:50px; height:20px; background-position: -55px -250px}
.p-dandan {width:50px; height:20px; background-position: -0px -275px}
.p-debit {width:50px; height:20px; background-position: -55px -275px}
.p-discover {width:50px; height:20px; background-position: -0px -300px}
.p-doku {width:50px; height:20px; background-position: -55px -300px}
.p-easybookWallet {width:50px; height:20px; background-position: -0px -325px}
.p-enets {width:50px; height:20px; background-position: -55px -325px}
.p-familymart {width:50px; height:20px; background-position: -0px -350px}
.p-fpx {width:50px; height:20px; background-position: -55px -350px}
.p-grabPay {width:50px; height:20px; background-position: -0px -375px}
.p-hanaBank {width:50px; height:20px; background-position: -55px -375px}
.p-hlb {width:50px; height:20px; background-position: -0px -400px}
.p-indomaret {width:50px; height:20px; background-position: -55px -400px}
.p-jcb {width:50px; height:20px; background-position: -0px -425px}
.p-kasikorn {width:50px; height:20px; background-position: -55px -425px}
.p-kbz {width:50px; height:20px; background-position: -0px -450px}
.p-kredivo {width:50px; height:20px; background-position: -55px -450px}
.p-ktb {width:50px; height:20px; background-position: -0px -475px}
.p-lawson {width:50px; height:20px; background-position: -55px -475px}
.p-mandiri {width:50px; height:20px; background-position: -55px -500px}
.p-mandiri-v2 {width:50px; height:20px; background-position: -0px -500px}
.p-master {width:50px; height:20px; background-position: -0px -525px}
.p-maybank2u {width:50px; height:20px; background-position: -55px -525px}
.p-mepsFpx {width:50px; height:20px; background-position: -0px -550px}
.p-mobileMoney {width:50px; height:20px; background-position: -55px -550px}
.p-molpay {width:50px; height:20px; background-position: -0px -575px}
.p-mpay {width:50px; height:20px; background-position: -55px -575px}
.p-mpu {width:50px; height:20px; background-position: -0px -600px}
.p-onePay {width:50px; height:20px; background-position: -55px -600px}
.p-onlinebanking {width:50px; height:20px; background-position: -0px -625px}
.p-ovo {width:50px; height:20px; background-position: -55px -625px}
.p-payPost {width:50px; height:20px; background-position: -0px -675px}
.p-payoo {width:50px; height:20px; background-position: -0px -650px}
.p-paypal {width:50px; height:20px; background-position: -55px -650px}
.p-payway {width:50px; height:20px; background-position: -55px -675px}
.p-pbe {width:50px; height:20px; background-position: -0px -700px}
.p-permata {width:50px; height:20px; background-position: -55px -700px}
.p-reddot {width:50px; height:20px; background-position: -0px -725px}
.p-rhb {width:50px; height:20px; background-position: -55px -725px}
.p-scb {width:50px; height:20px; background-position: -0px -750px}
.p-tescoLotus {width:50px; height:20px; background-position: -55px -750px}
.p-tmb {width:50px; height:20px; background-position: -0px -775px}
.p-tot {width:50px; height:20px; background-position: -55px -775px}
.p-touchNgo {width:50px; height:20px; background-position: -0px -800px}
.p-trueMoney {width:50px; height:20px; background-position: -55px -800px}
.p-unionpay {width:50px; height:20px; background-position: -0px -825px}
.p-uob {width:50px; height:20px; background-position: -55px -825px}
.p-visa {width:50px; height:20px; background-position: -0px -850px}
.p-visamaster {width:50px; height:20px; background-position: -55px -850px}
.p-wallet {width:50px; height:20px; background-position: -0px -875px}
.p-webcash {width:50px; height:20px; background-position: -55px -875px}
.p-wingPay {width:50px; height:20px; background-position: -0px -900px}
.p-zalopay {width:50px; height:20px; background-position: -55px -900px}

/*Sprite =====================================================*/
.sprite {display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(https://easycdn.blob.core.windows.net/images/sprite-min-v5.png);}
.oneTwoThreePay {width:33px; height:19px; background-position: -57px -22px}
.oneTwoThreePay-s {width:26px; height:15px; background-position: -228px -73px}
.alfamart {width:33px; height:19px; background-position: -52px -43px}
.alfamart-s {width:26px; height:15px; background-position: -71px -206px}
.alipay {width:50px; height:19px; background-position: -145px -39px}
.alipay-s {width:39px; height:15px; background-position: -130px -165px}
.allianceBank {width:28px; height:19px; background-position: -224px -90px}
.allianceBank-s {width:22px; height:15px; background-position: -232px -250px}
.ambank {width:28px; height:19px; background-position: -224px -111px}
.ambank-s {width:22px; height:15px; background-position: -196px -267px}
.amex {width:33px; height:19px; background-position: -48px -64px}
.amex-s {width:26px; height:15px; background-position: -36px -211px}
.axs {width:45px; height:19px; background-position: -130px -144px}
.axs-s {width:36px; height:15px; background-position: -197px -43px}
.bankIslam {width:65px; height:19px; background-position: -93px -18px}
.bankIslam-s {width:51px; height:15px; background-position: -92px -39px}
.cimbClicks {width:33px; height:19px; background-position: -48px -85px}
.cimbClicks-s {width:26px; height:15px; background-position: -1px -218px}
.discover {width:33px; height:19px; background-position: -48px -106px}
.discover-s {width:26px; height:15px; background-position: -152px -203px}
.dokuWallet {width:33px; height:19px; background-position: -48px -127px}
.dokuWallet-s {width:26px; height:15px; background-position: -180px -203px}
.enets {width:33px; height:19px; background-position: -48px -148px}
.enets-s {width:26px; height:15px; background-position: -208px -216px}
.flag-bn {width:45px; height:26px; background-position: -87px -56px}
.flag-bn-s {width:26px; height:15px; background-position: -115px -220px}
.flag-id {width:45px; height:26px; background-position: -1px -64px}
.flag-id-s {width:26px; height:15px; background-position: -64px -223px}
.flag-jp {width:45px; height:26px; background-position: -134px -60px}
.flag-jp-s {width:26px; height:15px; background-position: -29px -228px}
.flag-kh {width:45px; height:26px; background-position: -83px -84px}
.flag-kh-s {width:26px; height:15px; background-position: -1px -235px}
.flag-kr {width:45px; height:26px; background-position: -1px -92px}
.flag-kr-s {width:26px; height:15px; background-position: -143px -220px}
.flag-la {width:45px; height:26px; background-position: -1px -120px}
.flag-la-s {width:26px; height:15px; background-position: -171px -220px}
.flag-mm {width:45px; height:26px; background-position: -181px -60px}
.flag-mm-s {width:26px; height:15px; background-position: -199px -233px}
.flag-cn-s {width:26px; height:15px; background-position:-148px -237px}
.flag-cn {width:45px; height:26px; background-position: -1px -148px}
.flag-my {width:45px; height:26px; background-position: -130px -88px}
.flag-my-s {width:26px; height:15px; background-position: -227px -233px}
.flag-ph {width:45px; height:26px; background-position: -83px -112px}
.flag-ph-s {width:26px; height:15px; background-position: -92px -237px}
.flag-sea {width:45px; height:26px; background-position: -177px -88px}
.flag-sea-s {width:26px; height:15px; background-position: -57px -240px}
.flag-sg {width:45px; height:26px; background-position: -130px -116px}
.flag-sg-s {width:26px; height:15px; background-position: -29px -245px}
.flag-th {width:45px; height:26px; background-position: -83px -140px}
.flag-th-s {width:26px; height:15px; background-position: -1px -252px}
.flag-tw {width:45px; height:26px; background-position: -177px -116px}
.flag-tw-s {width:26px; height:15px; background-position: -120px -237px}
.flag-vn {width:45px; height:26px; background-position: -1px -148px}
.flag-vn-s {width:26px; height:15px; background-position: -148px -237px}
.fpx {width:33px; height:19px; background-position: -222px -153px}
.fpx-s {width:26px; height:15px; background-position: -176px -250px}
.hongleong {width:18px; height:19px; background-position: -217px -22px}
.hongleong-s {width:14px; height:15px; background-position: -238px -18px}
.jcb {width:33px; height:19px; background-position: -219px -174px}
.jcb-s {width:26px; height:15px; background-position: -204px -250px}
.m-eeba {width:70px; height:19px; background-position: -166px -1px}
.m-eeba-s {width:55px; height:15px; background-position: -160px -22px}
.m-matta {width:28px; height:19px; background-position: -224px -132px}
.m-matta-s {width:22px; height:15px; background-position: -220px -267px}
.m-tourismMsia {width:54px; height:19px; background-position: -1px -22px}
.m-tourismMsia-s {width:43px; height:15px; background-position: -177px -144px}
.mandiriClickpay {width:33px; height:19px; background-position: -48px -169px}
.mandiriClickpay-s {width:26px; height:15px; background-position: -85px -254px}
.master {width:33px; height:19px; background-position: -1px -176px}
.master-s {width:26px; height:15px; background-position: -57px -257px}
.maybank {width:25px; height:19px; background-position: -169px -267px}
.maybank-s {width:20px; height:15px; background-position: -235px -56px}
.meps {width:33px; height:19px; background-position: -124px -182px}
.meps-s {width:26px; height:15px; background-position: -29px -262px}
.mobileMoney {width:22px; height:19px; background-position: -194px -182px}
.mobileMoney-s {width:17px; height:15px; background-position: -238px -1px}
.molpay {width:90px; height:19px; background-position: -1px -1px}
.molpay-s {width:71px; height:15px; background-position: -93px -1px}
.payment_master {width:33px; height:19px; background-position: -83px -185px}
.payment_unionpay {width:33px; height:19px; background-position: -36px -190px}
.paypal {width:49px; height:19px; background-position: -1px -43px}
.paypal-s {width:39px; height:15px; background-position: -83px -168px}
.pbe {width:18px; height:19px; background-position: -237px -35px}
.pbe-s {width:14px; height:15px; background-position: -99px -206px}
.rhb {width:40px; height:19px; background-position: -177px -161px}
.rhb-s {width:32px; height:15px; background-position: -118px -203px}
.unionPay {width:33px; height:19px; background-position: -1px -197px}
.unionPay-s {width:26px; height:15px; background-position: -1px -269px}
.visa {width:33px; height:19px; background-position: -159px -182px}
.visa-s {width:26px; height:15px; background-position: -113px -254px}
.webcash {width:33px; height:19px; background-position: -218px -195px}
.webcash-s {width:26px; height:15px; background-position: -141px -254px}
.payment-new .sprite {margin-right:5px; margin-top:3px;}
.payment-new .sprite:last-child {margin-right:0px;}
.payment-new li:hover {cursor:pointer;}
.payment-new .tooltip-inner {max-width: 390px!important; font-size:11px;}
.payment-new .tooltip.in {opacity:1!important;}
/*.payment-new li div {float:left; text-align:center; font-size:9px; margin-right:5px;}
.payment-new li div:last-child {margin-right:0px;}*/

/*Social Media Sprite =====================================================*/
.social-media-share {position:absolute; right:15px; bottom:-35px; display:none;}
.social-media-sprite {width:20px; height:20px; display:inline-block; overflow:hidden; background-repeat: no-repeat;background-image:url(https://easycdn.blob.core.windows.net/images/social-media/social-media-sprite-v4.png);}
.social-media-twitter  {background-position: -9px -8px}
.social-media-fb  {background-position: -48px -8px}
.social-media-google  {background-position: -8px -42px}
.social-media-instagram  {background-position: -47px -46px}
.social-media-pinterest  {background-position: -85px -8px}
.social-media-weibo  {background-position: -85px -47px}
.social-media-tiktok  {background-position: -123px -9px}

@media (max-width: 767px) {
.social-media-share {position:static; padding-bottom:5px; padding-top:10px;}
.social-media-sprite {width:30px; height:30px;}
.social-media-twitter  {background-position: -4px -4px}
.social-media-fb  {background-position: -42px -4px}
.social-media-google  {background-position: -4px -42px}
.social-media-instagram  {background-position: -42px -42px}
.social-media-pinterest  {background-position: -80px -4px}
.social-media-weibo  {background-position: -80px -42px}
.social-media-tiktok  {background-position: -117px -4.2px}
}

/*Header =====================================================*/
.header-wrap {width:100%; background-color:#ffde2f; /*padding-top:15px;*/}
.header {width:1170px; margin:0 auto; height:58px;}
.logo {width:180px; margin-top:5px;}
.partenr-logo {height:40px; margin-top:7px;}
.partenr-logo-full {height:37px; margin-top:7px;}
#country-list .sprite {vertical-align:-2px;}
.header-menu-icon {margin-top:-10px;}
.header-menu-icon img {width:156px;}
.header-menu-icon-m {background-color:#fff; border-radius:30px; overflow:hidden; padding:5px 30px; display:inline-block; margin:5px 5px 0 5px;}
.header-menu-icon-m img {width:156px;}

@media (max-width: 767px) {
.header-menu-icon img {width:38px; margin-top:15px; margin-right:20px;}
}

/*Currency Dropdown =====================================================*/
ul.cur {min-width:210px;}
.currency {color:#583f99; width:40px; float:left;}


/*Hero Background =====================================================*/
.blossom {position:absolute; left:20px; top:90px; -webkit-animation: rotation 3s infinite ease-out alternate;}
.blossom2 {position:absolute; left:75px; top:60px; -webkit-animation: rotation 2s infinite ease-in alternate; width:20px;}
.blossom3 {position:absolute; left:70px; top:360px; -webkit-animation: rotation 3s infinite ease-in alternate; width:25px;}
.blossom4 {position:absolute; right:50px; top:55px; -webkit-animation: rotation 3s infinite ease-in alternate; width:35px;}
.blossom5 {position:absolute; right:40px; top:5px; -webkit-animation: rotation 2s infinite ease-in alternate; width:20px;}
/*.glow {position:absolute; right:290px; top:130px; -webkit-animation: transfrom 1s infinite ease-in alternate;}
.glow2 {position:absolute; right:150px; top:210px; -webkit-animation: transfrom 0.5s infinite ease-in alternate; width:30px; height:30px;}*/

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
@-webkit-keyframes transfrom {
from {-webkit-transform: scale(1); opacity:0.5;}
to {-webkit-transform: scale(1.3); opacity:1;}
}

.main-bg-zz,
.main-bg-sg,
.main-bg-my,
.main-bg-id,
.main-bg-th,
.main-bg-vn,
.main-bg-mm,
.main-bg-kh,
.main-bg-la,
.main-bg-bn,
.main-bg-ph {
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #000;
    min-height: 400px;
    padding: 100px 0 40px 0;
    background-size: 100% auto;
}

.main-bg-zz {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/zz-05.jpg);}
.main-bg-sg {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/sg-05.jpg);}
.main-bg-my {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/my-05.jpg);}
.main-bg-id {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/id-05.jpg);}
.main-bg-th {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/th-05.jpg);}
.main-bg-vn {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/vn-05.jpg);}
.main-bg-mm {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/mm-05.jpg);}
.main-bg-kh {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/kh-05.jpg);}
.main-bg-la {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/la-05.jpg);}
.main-bg-bn {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/bn-05.jpg);}
.main-bg-ph {background-image:url(https://easycdn.blob.core.windows.net/images/hero-images/ph-05.jpg);}
.sub-bg { width:100%; background-position:top center; background-repeat:no-repeat; background-color:#000; min-height:350px; padding:20px 0; background-size:100% auto;}
.sub-bg-bus {background-image:url(../images/bg-bus.jpg);}
.sub-bg-train {background-image:url(../images/bg-train.jpg);}
.sub-bg-car {background-image:url(../images/bg-car.jpg);}
.sub-bg-tour {background-image:url(../images/bg-tour.jpg);}
.sub-bg-tcp {background-image:url(../images/bg-tcp.jpg);}
.sub-bg-ferry {background-image:url(../images/bg-ferry.jpg); background-position:bottom center;}
.sub-bg-charter {background-image:url(../images/ezygo/bg-charter.jpg); /*background-position:center center;*/}
.sub-bg-flight {background-image:url(../images/bg-flight.jpg);}
.sub-bg h1 {font-size:26px; font-weight:300; margin-bottom:0px; color:#fff; margin-top:15px;}

@media (max-width: 767px) {
.main-bg-zz,
.main-bg-sg,
.main-bg-my,
.main-bg-id,
.main-bg-vn,
.main-bg-bn,
.main-bg-ph{background-position:top right;}
}

@media screen and (max-width: 767px) {
.main-bg-zz,
.main-bg-sg,
.main-bg-my,
.main-bg-id,
.main-bg-th,
.main-bg-vn,
.main-bg-mm,
.main-bg-kh,
.main-bg-la,
.main-bg-bn,
.main-bg-ph{background-size: 250% auto;}
}

#landing-page-operator-list  {padding:30px 0;}
#landing-page-operator-list ul {-webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;}

/*Static Ad =====================================================*/
.ribbon-wrap {list-style:none; padding-left:15px; margin-top:15px;}
.ribbon-wrap {overflow:hidden; width:100%;}
.ribbon-wrap a {height:34px; float:left; text-decoration:none; position:relative;}
.ribbon-wrap li {float:left;}
.ribbon-left {margin:0 0 0 15px;}
.ribbon-left a {padding:5px 15px 0 15px; font-size:10px; background:#ffde2f; color:#222;}
.ribbon-left a span {color:#de0000; font-size:16px; font-weight:bold;}
.ribbon-left a::before {content:""; position:absolute; top:50%; margin-top:-20px; border-width:20px 0 20px 15px; border-style:solid; border-color:#ffde2f #ffde2f #ffde2f transparent; left:-14px;}
.ribbon-right {margin:0 15px 0 0;}
.ribbon-right a {padding:8px 15px 0 15px; font-size:12px; background:#70266e; color:#fff;}
.ribbon-right a span {font-size:14px; font-weight:bold;}
.ribbon-right a::before {content:""; position:absolute; top:50%; margin-top:-20px; border-color:#70266e transparent #70266e #70266e; border-width:20px 15px 20px 0; border-style:solid; right:-14px;}

/*.raya .ribbon-right a {background:#022927;}
.raya .ribbon-right a::before {border-color:#022927 transparent #022927 #022927;}*/

#static-ad .item {margin-bottom:15px;}
#static-ad .item-title {font-weight:normal; font-size:14px; height:60px;}
#static-ad .nav-pills > li {margin-right:5px; margin-bottom:5px;}
#static-ad .nav-pills > li > a {background-color:#ddd; color:#333;}
#static-ad .nav-pills > li.active > a, #static-ad .nav-pills > li > a:hover {background-color:#337ab7; color:#fff;}

#sea-vtl .nav-pills > li {margin-right:5px; margin-bottom:5px;}
#sea-vtl .nav-pills > li > a {background-color:#ddd; color:#333;}
#sea-vtl .nav-pills > li.active > a, #sea-vtl .nav-pills > li > a:hover {background-color:#333; color:#fff;}

/*Main Page =====================================================*/
.main-wrap {width:1170px; margin:0 auto;}
.teaser {color:#fff; text-align:center; font-size:17px; font-weight:bold; line-height:20px; /*margin-top:15px;*/}
.teaser span {font-size:12px; font-weight:300;} 
.country-indicate {font-size:11px; position:absolute; top:22px; left:200px; color:#222;}
.country-indicate-vn {font-size:11px; position:absolute; top:22px; left:385px; color:#222;}
.tagline {font-family: 'LaBelleAurore'; font-size:15px; position:absolute; top:22px; left:250px; color:#222;}
.tagline-vn {font-family: 'DinhTran'; font-size:24px; position:absolute; top:5px; left:240px;}
.tm-logo {position:absolute; top:10px; left:270px;}
.tm-logo img {width:100px;}
.home-article h1 {margin-bottom:20px;}
.home-article h2 {margin-top:50px;}
.home-article p {text-align:center;}
.marketing-point .fa {color:#ffde2f; font-size:24px; vertical-align:-3px; margin-right:3px;}
.marketing-point span {font-size:8px; vertical-align:5px;}
.marketing-msg {color:#111; background-color:#f1f1f1; padding:12px 15px; text-align:center; font-size:18px; font-weight:bold;}
.marketing-msg span {color:#de0000;}
.marketing-msg a {border:1px solid #71276f; border-radius:5px; padding:5px 10px; margin-left:15px; color:#71276f; font-weight:normal; font-size:16px;}
.announcement {background-color:#fff799; padding:5px 10px; font-size:14px; color:#333; margin-top:30px;}
.announcement .fa {color:#70266e; font-size:16px; vertical-align:-1px;}
.announcement ul.list {margin:0px;}
.msg {color:#fff; position:absolute; left:15px; top:45px; font-size:12px; background:rgba(255, 150, 0, 0.8); padding:1px 5px; border-radius:3px;}
.msg-ktm {color:#de0000; position:absolute; left:15px; top:45px; font-size:12px;}
.sub-bg-train .msg-ktm {top:25px;}
.promotional-msg {margin-bottom:10px;}
.promotional-msg span {color:#ffde2f; font-size:13px; background:rgba(78,36,101,0.9); padding:5px 10px; border-radius:3px;}
.promotional-msg span a {color:#ffde2f; margin-right:10px;}
.promotional-msg span a:hover {color:#fff;}
.promotional-msg span a:last-child {margin-right:0px;}
.hotline {color:#fff; position:absolute; left:15px; top:68px; font-size:16px; font-weight:bold;}
.hotline .fa {color:#ffde2f;}
.annivesary {position:absolute; left:15px; top:0px;}
.annivesary img {width:400px;}
.join-us-btn .btn-lg {border:1px solid #fff; padding:15px 25px; background:rgba(35,29,38,0.2); border-radius:0px;}
.join-us-btn a {color:#fff;}
.join-us-btn a:hover {color:#fff;}
div#spinner { display: none; width:100%; height: 100%; position: fixed; text-align:center; font:normal 16px Tahoma, Geneva, sans-serif; z-index:9999999999999; overflow: auto; border:0; background-color: rgba(0, 0, 0, .4); }
/*#announcement-msg .date {display:table; color:#337ab7; font-size:12px; margin-bottom:3px; border-radius:3px; font-style:italic;}
#announcement-msg li {border-bottom:1px dashed #ddd; padding:5px 0; margin-bottom:10px;}
#announcement-msg li a {cursor:pointer;}*/

@media screen and (max-width: 767px) {
.marketing-point .fa {display:block;}
.marketing-msg {line-height:28px;}
}

/*General Parallax =====================================================*/
.parallax {background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; color:#888; padding:60px 0;}
.parallax .title {color:#d7d7d7;}
.parallax .title span {font-weight:normal; font-size:14px;}
.parallax p {color:#888;}
.parallax .carousel-control {color:#ccc!important; border:2px solid #888!important; transition:text-indent 0.3s ease 0s, color 0.3s ease 0s;}
.parallax .carousel-control:hover {color:#fff!important;}
.parallax .carousel-control:focus {color:#888!important;}
.parallax  ul.widget li {border-bottom:1px solid #333;}
.parallax .btn-outline {border:2px solid #bbb; color:#bbb;}
.parallax .btn-outline:hover {color:#337ab7;}


/*Scroll To Top Button =====================================================*/
.scroll-top-wrapper {position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color:#ffde2f; color: #eeeeee; width: 30px; height: 28px; line-height: 23px; right: 30px; bottom: 60px; padding-top: 2px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.scroll-top-wrapper:hover {background-color: #ff9000;}
.scroll-top-wrapper.show {visibility:visible; cursor:pointer;opacity: 1.0;}
.scroll-top-wrapper i.fa {line-height: inherit;}


/*Search Box (Main Page) =====================================================*/
.sub-bg .search-wrap {background:rgba(35,30,38,.9); margin-top:15px;}
.search-wrap {margin-top:15px; margin-bottom:0px; padding:15px 0 15px 0; background:rgba(35, 30, 38, 0.9); color:#fff; font-size:13px; z-index:99;}
.search-wrap .title-wrap {margin-bottom:10px;}
.search-wrap .title-wrap a {text-decoration:none;}
.search-wrap .title {border-bottom:2px solid #ffde2f; font-weight:bold; font-size:16px; margin-right:10px; color:#fff;}
.search-wrap .tab-content {margin-top:0px;}
.search-wrap .row {margin:0;}
.search-wrap .form-control, .sub-search-wrap .form-control {border-radius:0px; height:40px;} 
.search-wrap .form-group {margin:0 -16px 15px 0px;}
.sub-search-wrap .form-group {margin:0 -16px 10px 0px;}
.search-wrap .control-label {margin-bottom:2px;}
.captcha-container {
    text-align: center;
    margin-bottom: 2px;
    width: 300px;
}
.search-wrap .col-sm-3 {width:22%;}
.search-wrap .charter .col-sm-3 {width:16%;}
.search-wrap .col-lg-2 {width:13%;}
.search-wrap .btn {border-radius:0px; font-size:16px; padding:7px 12px; border:1px solid #ffde2f; background-color:transparent; width:100%;}
.search-wrap .search-btn {padding:20px 0 0 0; }
 .search-wrap .btn-orange:focus, .search-wrap .btn-orange:active:focus {background-color:transparent;}
.search-wrap .btn-tour {width:150px;}
.search-wrap a { text-decoration:underline; color:#ffde2f; font-size:12px;}
.search-wrap .label-tag {position:absolute; top:-7px; left:inherit; right:20px; cursor:default;}
.search-wrap .label-discount {background-color:#cb2027; padding:3px 10px; font-size:13px; font-family:inherit;}
.search-wrap .label-discount:before {left:-8px; width:0; border-color:transparent #4b1515 transparent transparent; }
.search-wrap .label-discount span {font-size:12px; letter-spacing:0px; font-weight:normal;}
.search-wrap #sub-charter-box .input-group-addon, .search-wrap #sub-charter-box-m .input-group-addon {border-radius:0px;}
.search-wrap #sub-charter-box .btn {border-radius:4px; font-size:inherit; padding:10px 16px; border:inherit; background-color:#f5f5f5; width:auto;}
.search-wrap #sub-charter-box a {text-decoration:none; color:#333;}
.search-wrap .menu-button {margin-bottom:15px;}
.search-wrap .menu-button .nav-pills > li {background-color:transparent; margin-right:5px;}
.search-wrap .menu-button .nav-pills > li > a {border:1px solid #fff; text-decoration:none; color:#fff; padding:5px 8px; font-size:13px; cursor:pointer;}
.search-wrap .menu-button .nav-pills > li > a:hover {background-color:transparent;}
.search-wrap .menu-button .nav-pills li.active a, .search-wrap .nav-pills li.active a:focus, .search-wrap .nav-pills li.active a:hover {background-color:#ffde2f; border:1px solid #ffde2f; color:#111;}
.search-wrap .inline-info {display:inline-block;}
.search-wrap .inline-info ul {padding:7px; margin-bottom:0px;}
.search-wrap .inline-info ul li {list-style:none;}
.search-wrap .inline-info ul li a {text-decoration:none;}
.search-wrap .title a {text-decoration:none; font-weight:normal; margin-left:15px;}
.search-wrap .notice-info {border-radius: 5px;padding-top: 8px;padding-left:5px;padding-right:5px;padding-bottom:1px; margin-bottom:10px; background-color:rgba(0, 0, 0, 0.5);}
.search-wrap .notice-info ul {margin-left:15px; padding-left:0; margin-bottom:0px;}
ul.search-panel-info-link {padding-left:0; margin-bottom:0;}
ul.search-panel-info-link li {display:inline-block; margin-right:20px;}

@media screen and (max-width: 767px) {
ul.search-panel-info-link li {display: block; padding:2px 0;}
.search-wrap {margin:15px auto 0px auto; background:rgba(35, 30, 38, 0.7);}
}

/*.error-shake{-webkit-perspective:600px;perspective:600px}*/
    @-webkit-keyframes error-shake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        12.5% {
            -webkit-transform: translateX(-6px) rotateY(-5deg);
            transform: translateX(-6px) rotateY(-5deg)
        }

        37.5% {
            -webkit-transform: translateX(5px) rotateY(4deg);
            transform: translateX(5px) rotateY(4deg)
        }

        62.5% {
            -webkit-transform: translateX(-3px) rotateY(-2deg);
            transform: translateX(-3px) rotateY(-2deg)
        }

        87.5% {
            -webkit-transform: translateX(2px) rotateY(1deg);
            transform: translateX(2px) rotateY(1deg)
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    @keyframes error-shake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }

        12.5% {
            -webkit-transform: translateX(-6px) rotateY(-5deg);
            transform: translateX(-6px) rotateY(-5deg)
        }

        37.5% {
            -webkit-transform: translateX(5px) rotateY(4deg);
            transform: translateX(5px) rotateY(4deg)
        }

        62.5% {
            -webkit-transform: translateX(-3px) rotateY(-2deg);
            transform: translateX(-3px) rotateY(-2deg)
        }

        87.5% {
            -webkit-transform: translateX(2px) rotateY(1deg);
            transform: translateX(2px) rotateY(1deg)
        }

        to {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }

    .error-shake{-webkit-perspective:600px;perspective:600px; -webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:error-shake;animation-name:error-shake}

.iconic-input {position:relative; }
.iconic-input input {padding-left: 30px !important;}
.iconic-input select {text-indent: 6px !important;}
.iconic-input i {color: #555; font-size: 18px; margin: 10px 0px 0px 10px; position: absolute;}
.iconic-input img.loading-spinner { position: absolute; right: 10px; top: 12px; }
.swap {float:left; padding:32px 10px 0 12px;}
.swap i {color:#fff;}
.swap a {cursor: pointer;}

.country-avail {position:absolute; top:0px; right:20px;}
.country-avail ul li {float:left; list-style:none; margin-right:5px; font-size:12px;}
.country-avail ul li:last-child {margin-right:0px;}
.country-avail ul li a {cursor:default;}
.country-avail ul li img {width:30px;}
/*.search-wrap #train-search-box .country-avail, .search-wrap #ferry-search-box .country-avail, .search-wrap #car-search-box .country-avail, .search-wrap #sub-charter-box .country-avail, .search-wrap #sub-charter-box-m .country-avail {top:15px;}*/

.label-new {position:absolute; top:-25px; right:-10px; z-index:10; max-width:200px; padding:1px 4px; color:#fff; text-align:center; background-color:#de0000; border-radius:3px; font-size:11px;}
.label-new:before {content:''; display:block; width:0; height:0; position:absolute; right:8px; bottom :-8px; border-top: 10px solid #de0000; border-left: 0px solid transparent; border-right:8px solid transparent;}

.label-new2 {z-index:10; max-width:200px; padding:1px 4px; color:#fff; text-align:center; background-color:#de0000; border-radius:3px; font-size:9px; margin-left:5px;}
.label-new2:before {content:''; display:block; width:0; height:0; position:absolute; right:8px; bottom :-8px; border-top: 10px solid transparent; border-left: 0px solid transparent; border-right:8px solid transparent;}

.label-new3 {z-index:10; max-width:200px; padding:2px 7px; color:#fff; text-align:center; background-color:#de0000; border-radius:10px; font-size:12px; margin-left:3px; vertical-align:1px; display:inline-block;}
.label-new3:before {content:''; display:block; width:0; height:0; position:absolute; right:8px; bottom :-8px; border-top: 10px solid transparent; border-left: 0px solid transparent; border-right:8px solid transparent;}

.label-new-sg {position: absolute;top: -25px;right: -10px;z-index: 10;max-width: 200px;padding: 1px 4px;color: #fff;text-align: center;background-color: #ff4a4a;border-radius: 3px;font-size: 8.5px;}
.label-new-sg:before {content: '';display: block;width: 0;height: 0;position: absolute;right: 8px;bottom: -8px;border-top: 10px solid #ff4a4a;border-left: 0px solid transparent;border-right: 8px solid transparent;}

.label-green {z-index:10; max-width:200px; padding:2px 7px; color:#fff; text-align:center; background-color:#4ba94c; border-radius:10px; font-size:12px; margin-left:3px; vertical-align:1px; display:inline-block;}
.label-green:before {content:''; display:block; width:0; height:0; position:absolute; right:8px; bottom :-8px; border-top: 10px solid transparent; border-left: 0px solid transparent; border-right:8px solid transparent;}

.label-yellow {z-index:10; padding:2px 10px; color:#fff; text-align:center; background-color:#ffa300; border-radius:15px; font-size:13px; margin-left:3px; vertical-align:1px; display:inline-block;}
.label-yellow:before {content:''; display:block; width:0; height:0; position:absolute; right:8px; bottom :-8px; border-top: 10px solid transparent; border-left: 0px solid transparent; border-right:8px solid transparent;}

.label-round {position:absolute; top:-27px; right:0px; z-index:10; width:25px; height:25px; padding:6px 0px; color:#fff; text-align:center; background-color:#de0000; border-radius:50px; font-size:9px;}
.label-round:before {content:''; display:block; width:0; height:0; position:absolute; right:7px; bottom :-7px; border-top: 12px solid #de0000; border-left: 0px solid transparent; border-right:8px solid transparent;}

.label-special {position:absolute; top:-30px; right:0px; z-index:10; padding:3px 8px; text-align:center; background-color:#fff; border-radius:50px;}
.label-special:before {content:''; display:block; width:0; height:0; position:absolute; right:15px; bottom :-7px; border-top: 12px solid #fff; border-left: 0px solid transparent; border-right:8px solid transparent;}
.label-special img {width:50px;}

.label-rounded {position:absolute; top:-25px; right:0px; z-index:10; padding:3px 8px; text-align:center; background-color:#fff; border-radius:50px; font-size:10px; width:max-content;}
.label-rounded:before {content:''; display:block; width:0; height:0; position:absolute; right:15px; bottom :-9px; border-top: 15px solid #fff; border-left: 0px solid transparent; border-right:10px solid transparent;}

/*.label-left-arrow {position:relative; padding:3px 5px; color:#fff; background-color:#de0000; border-radius:4px; font-size:12px; margin-left:4px;}
.label-left-arrow:before {content:''; display:block; width:0; height:0; position:absolute; bottom:6px; left:-8px;  border-top: 0px solid transparent; border-right: 10px solid #de0000; border-bottom:10px solid transparent;}*/

.label-round-corner {position:relative; padding:3px 10px; color:#fff; background-color:#de0000; border-radius:10px; font-size:12px; margin-left:12px;}

.label-popular {padding:3px 6px; color:#fff; text-align:center; background-color:#70266e; border-radius:3px; font-size:12px;}

.label-msg {font-size:13px;}

.datebtn {height:38px; display:block; width:100%; padding:8px 12px; font-size:14px; background-color:#fff; border:1px solid #ccc;}
.datebtn a {color:#8d8d8d; text-decoration:none;}

/*.search-wrap .control-label { font-size: 12px; font-weight: bold; color: #BFBFBF; white-space: nowrap; }*/

a.suggest-route {color:#ffde2f; margin-left:20px; cursor:pointer;} 
#suggest-new-route .title {font-size:14px; margin-bottom:5px;}

/* Car Search Box =====================================================*/
/*.search-wrap #car-search-box {padding-top: 45px;}*/
.search-wrap #car-search-box .title {margin-bottom:15px;}
/*.sub-bg-car .search-wrap {padding-top: 60px;}*/
.btn-toolbar .btn {border-radius:4px; font-size:14px;}


/* Tour Search Box =====================================================*/
.search-wrap #tour-search-box {padding-top: 45px;}
.sub-bg-tour .search-wrap {min-height: 150px;}


/*Train Tabs (Scheduled & Day Pass) =====================================================*/
/*.search-wrap {margin-bottom: 15px;}*/
.modal-dialog {color:#333;}
/*.ktm-fare2 {list-style: none; margin: 0; padding: 0; text-decoration:none!important;}
.ktm-fare-text {text-decoration:underline; margin-left:4px;}
span.ktm-fare-bullet {margin-left:15px;}
span.ktm-fare-bullet:before {content: "• "; color: white; font-size: 20px; text-decoration:none!important; list-style:none; position:relative; top:3px; left:3px; }*/
#routemap .nav-pills > li {margin-right:5px; margin-bottom:5px;}
#routemap .nav-pills > li > a {background-color:#ddd; color:#333; font-size:13px; padding:5px 7px;}
#routemap .nav-pills > li.active > a, #routemap .nav-pills > li > a:hover {background-color:#337ab7; color:#fff;}
/*#routemap .nav-pills > li.active:before {width:0; height:0; border-left:18px solid transparent; border-right:18px solid transparent; border-top:20px solid #337ab7; position:absolute; content:""; bottom:-10px; left:30%;}*/


/*Ferry Tabs =====================================================*/
.ferry-info ul, .ferry-info-inline ul {margin-left:15px; padding-left:0;}
.ferry-info-inline li {float:left; margin-right:35px;}


/*Bus Charter - By Ezygo Tabs =====================================================*/
.powered-by {position:absolute; right:15px; bottom:15px; font-size:12px;}
.powered-by img {width:50px;}
#accordion-stopover .panel-heading a {color:#111; text-decoration:none; cursor:pointer;}
#accordion-stopover {color:#444;}
#accordion-stopover .form-group {position:relative; margin:0 0 15px -15px;}
#accordion-stopover .control-label {position:absolute; top:3px; left:10px; font-size:12px;}


@media screen and (max-width: 767px) {
.powered-by {bottom:-15px;}
#accordion-stopover .col-sm-3 {width:100%; float:left;}
#accordion-stopover .col-xs-6 {width:50%; float:left;}
#accordion-stopover .row {margin-bottom:10px;}
#accordion-stopover .form-group {margin:2px -13px;}
}

#ezygo-itinerary-content {}


/*Flight Tabs =====================================================*/
#flight-search-box .search-btn {padding-top:0;}
.sub-bg-flight .paxcat .dropdown-menu {    color: #333;    width: 220px;     bottom:unset!important;    top: 100%!important;}
.paxcat .dropdown-menu {color:#333; width:220px; /*if dropdown, comment from here -> */ /*bottom:100%!important;*/ top:unset; /* <- to here*/}
.paxcat .dropdown-menu ul {padding-left:0px; margin-bottom:0px;}
.paxcat .dropdown-menu ul li {list-style:none; padding:10px 10px;}
.paxcat .dropdown-menu ul li:before, .paxcat .dropdown-menu ul li:after {content:"."; display:block; height:0; overflow:hidden;}
.paxcat .dropdown-menu ul li:after {clear: both;}
.paxcat .dropdown-menu ul li {zoom: 1; /* IE < 8 */}
.paxcat .dropdown-menu .alertmsg {font-size:11px; line-height:14px; margin-bottom:5px;}
.paxcat .dropdown-menu .alertmsg:last-child {margin-bottom:0px;}
.paxcat .dropdown-menu .alertmsg.alert-red {color:#ca1e1e;}
.paxcat .dropdown-menu .alertmsg.alert-blue {color:#337ab7;}
.paxcat-name {float:left; font-size:13px;}
.paxcat-name span {display:block; font-size:11px; color:#777;}
.paxcat-count {float:right; padding-top:4px;}
a.count-btn {color:#70266e;}
.count-btn {padding:5px 7px; border:1px solid #70266e; border-radius:20px; display:inline-block; width:26px; height:26px; cursor:pointer;}
.count-btn .fa {font-size:14px;}
.count-btn.negative {border:1px solid #aaa; color:#aaa;}
.count-value {font-size:18px; padding:0 2px; vertical-align:-1px;} 
.paxcat .dropdown-menu a.btn {text-decoration:none; background-color:#ffde2f; color:#fff;}
.brief-search .paxcat .dropdown-menu {bottom:unset!important;}
.brief-search a.count-btn {color:#70266e;}
.brief-search .count-btn {padding:3px 7px;}
.brief-search .count-btn.negative {color:#aaa;}
.brief-search .paxcat .dropdown-menu a.btn {text-decoration:none; background-color:#ffde2f!important; color:#fff; border:none; width:100%;}

@media screen and (max-width: 767px) {
#flight-search-box .search-btn {padding-top:20px;}
}

@media screen and (max-width: 767px) {
#flight-search-box .search-btn {padding-top:5px;}
.paxcat .dropdown-menu {width:100%;}
.paxcat .dropdown-menu ul li {border-bottom:1px solid #e7e7e7!important;}
}

/*Product Tabs (New Version-Latest Try) =====================================================*/
ul.product-tab {padding-left:0; padding-bottom:15px; display:flex; align-items:flex-end;}
ul.product-tab [class^="icon-"]:before, ul.product-tab [class*=" icon-"]:before {font-size:24px; margin-right:0px;}
ul.product-tab .fa {font-size:22px;}
ul.product-tab .tooltip-inner {text-align:center; width:140px;}
ul.product-tab li {flex:1 0 5rem; list-style:none; display:inline-block; /*width:10%;*/ position:relative; margin-right:1px;}
ul.product-tab li a {display:inline-block; padding:10px 3px; color:#fff; font-size:13px; text-decoration:none; text-align:center; position:relative; border-radius:4px; background-color:#45444a; width:98%; line-height:27px;}
ul.product-tab li a:hover, ul.product-tab li a.active {background:rgba(255, 222, 47, 1.0); background-color:#ffde2f; color:#111;}
ul.product-tab li.highlight-tab a {color:#ffde2f;}
ul.product-tab li.highlight-tab a:hover {color:#111;}
ul.product-tab li .label-new {top:-12px; right:8px; padding:2px 5px;}
ul.product-tab li .label-new:before {right:8px; bottom :-5px; border-top: 8px solid #de0000; border-left: 0px solid transparent; border-right:6px solid transparent;}
ul.product-tab li .label-new-mask {position:absolute; top:-12px; right:8px; z-index:10; max-width:200px; padding:1px 4px; color:#fff; text-align:center; background-color:#de0000; border-radius:3px; font-size:11px;}
ul.product-tab li .label-new-mask:before {content:''; display:block; width:0; height:0; position:absolute; right:8px; bottom :-8px; border-top: 10px solid #de0000; border-left: 0px solid transparent; border-right:8px solid transparent;}
ul.product-tab li.sub {flex-grow:0; min-width:100px;}
ul.product-tab li.sub a {padding:10px 3px}
ul.product-tab li.sub [class^="icon-"]:before, [class*=" icon-"]:before {font-size:24px;}
ul.product-tab li.start-separate {border-left:1px solid #fff; padding-left:5px;}
ul.product-tab li.divider {border-left:1px solid #fff; height:77px; margin-right:4px; flex:inherit;}

/*SingapoRediscovers Vouchers =====================================================*/
ul.product-tab li .label-new-sg {top: -40px;right: 8px;padding: 1px 3px;}
ul.product-tab li .label-new-sg:before {right: 8px;bottom: -5px;border-top: 8px solid #ff4a4a;border-left: 0px solid transparent;border-right: 6px solid transparent;}
.icon-srv:before {font-size: 21px !important;vertical-align: middle;margin-right: 1.5px !important;}
.srv-label {font-size:7.7px;}

@media screen and (max-width: 767px) {
ul.product-tab {overflow:auto; white-space:nowrap; padding-top:15px;}
ul.product-tab [class^="icon-"]:before, ul.product-tab [class*=" icon-"]:before {font-size:20px!important;}
ul.product-tab .fa {font-size:20px;}
ul.product-tab li {flex:1 0 4.3rem; margin-right:2px;}
ul.product-tab li a {width:100%; line-height:16px;}
ul.product-tab li.sub {min-width:inherit;}
/*ul.product-tab li.sub a {padding:17px 0px 14px 0;}*/
ul.product-tab li.divider {height:42px; margin-right:3px;}
ul.product-tab li .label-new {right:2px;}
ul.product-tab li .label-new-mask {top:-12px; right:-35px; padding:2px 5px;}
ul.product-tab li .label-new-mask:before {right:40px; bottom :-5px;}
ul.product-tab li .label-new-addon {right:-8px;}
ul.product-tab li .label-new-addon:before {right:15px;}

/*SingapoRediscovers Vouchers =====================================================*/
ul.product-tab li .label-new-sg {top: -14px;right:0px;}.icon-srv:before { font-size: 19px !important;}
.srv-label {font-size: 7.6px;}
}

/*Booking Steps =====================================================*/
.htb {color:#fff; position:absolute; right:15px; top:70px; text-align:right; font-weight:bold;}
.htb li {list-style: none; display: inline-block; padding-left: 30px;}
.htb span { background:rgba(255, 179, 0, 1.0) none repeat scroll 0 0; color:#fff; border-radius:50%; width:20px; height:20px; display:inline-block; line-height:19px; text-align:center; font-size:14px}
.book-step-wrap {width:1070px; margin:20px auto; padding:0 0px;}
.book-step-wrap ul {margin:0; padding:0;}
.book-step-wrap li {float:left; list-style:none; padding-left:100px; min-height:70px;}
.book-step-wrap ul.bus li.step1 {width:30%; background:url(../images/step1-bus.png) no-repeat;}
.book-step-wrap ul.bus li.step2 {width:30%; background:url(../images/step2-bus.png) no-repeat;}
.book-step-wrap ul.bus li.step3 {width:37%; background:url(../images/step3-bus.png) no-repeat;}
.book-step-wrap ul.train li.step1 {width:30%; background:url(../images/step1-train.png) no-repeat;}
.book-step-wrap ul.train li.step2 {width:30%; background:url(../images/step2-train.png) no-repeat;}
.book-step-wrap ul.train li.step3 {width:37%; background:url(../images/step3-train.png) no-repeat;}
.book-step-wrap ul.car li.step1 {width:30%; background:url(../images/step1-car.png) no-repeat;}
.book-step-wrap ul.car li.step2 {width:30%; background:url(../images/step2-car.png) no-repeat;}
.book-step-wrap ul.car li.step3 {width:37%; background:url(../images/step3-car.png) no-repeat;}
.book-step-wrap ul.tour li.step1 {width:30%; background:url(../images/step1-tour.png) no-repeat;}
.book-step-wrap ul.tour li.step2 {width:30%; background:url(../images/step2-tour.png) no-repeat;}
.book-step-wrap ul.tour li.step3 {width:37%; background:url(../images/step3-tour.png) no-repeat;}
.book-step-wrap ul.ferry li.step1 {width:30%; background:url(../images/step1-ferry.png) no-repeat;}
.book-step-wrap ul.ferry li.step2 {width:30%; background:url(../images/step2-ferry.png) no-repeat;}
.book-step-wrap ul.ferry li.step3 {width:37%; background:url(../images/step3-ferry.png) no-repeat;}
.book-step-wrap ul.charter li {float:left; list-style:none; padding-left:80px; min-height:70px; font-size:14px;}
.book-step-wrap ul.charter li.step1 {width:33%; background:url(../images/step1-charter-ezygo.png) no-repeat;}
.book-step-wrap ul.charter li.step2 {width:31%; background:url(../images/step2-charter-ezygo.png) no-repeat;}
.book-step-wrap ul.charter li.step3 {width:33%; background:url(../images/step3-charter-ezygo.png) no-repeat;}
.book-step-wrap ul.charter li.step4 {width:24%; background:url(../images/step4-charter.png) no-repeat;}
.book-step-wrap ul.flight li.step1 {width:30%; background:url(../images/step1-flight.png) no-repeat;}
.book-step-wrap ul.flight li.step2 {width:30%; background:url(../images/step2-flight.png) no-repeat;}
.book-step-wrap ul.flight li.step3 {width:37%; background:url(../images/step3-flight.png) no-repeat;}
.book-step-wrap ul.charter .arrow {background-position:95% center ;}
.book-step-wrap .arrow {min-height:65px; background:url(../images/step-arrow.png) no-repeat 90%;}
.book-step-wrap ul.car .arrow {background-position:98% center ;}
.book-step-wrap li span {font-size:18px; font-weight:bold; text-transform:uppercase; color:#333;}


/*Home Slider Carousel =====================================================*/
#homeCarousel.carousel h4, #newsroomCarousel.carousel h4, #tourPackageNewCarousel.carousel h4 {
    font-size: 14px;
    font-weight: normal;
    background-color: #fff;
}
#homeCarousel .item img, #newsroomCarousel .item img, #tourPackageNewCarousel .item img {
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.07);
}
#homeCarousel .btn-outline, #newsroomCarousel .btn-outline, #tourPackageNewCarousel .btn-outline {
    padding: 8px 12px;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    #homeCarousel, #newsroomCarousel, #tourPackageNewCarousel {
        margin-top: 20px;
    }
}

#homeCarousel, #newsroomCarousel, #tourPackageNewCarousel {
    margin-top: 15px;
    margin-bottom: 30px;
}
    #homeCarousel .carousel-indicators, #newsroomCarousel .carousel-indicators, #tourPackageNewCarousel .carousel-indicators {
        bottom: -20px;
    }
        #homeCarousel .carousel-indicators li, #newsroomCarousel .carousel-indicators li, #tourPackageNewCarousel .carousel-indicators li {
            background-color: rgba(0, 0, 0, 0.1);
            border: 0;
            height: 12px;
            width: 12px;
            margin: 0 2px;
        }
            #homeCarousel .carousel-indicators li.active, #newsroomCarousel .carousel-indicators li.active, #tourPackageNewCarousel .carousel-indicators li.active,
            #homeCarousel .carousel-indicators li.hover, #newsroomCarousel .carousel-indicators li.hover, #tourPackageNewCarousel .carousel-indicators li.hover {
                background-color: rgba(0, 0, 0, 0.7);
            }
#homeCarousel, #newsroomCarousel, #tourPackageNewCarousel {
    min-height: 300px;
}

@media all and (min-width: 768px) {
.carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev {left:-50%;}
.carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next {left:50%;}
.carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active {left:0;}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {display: block;}
.bus-trip-suggestion { font-size: 12pt; }
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next {-webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left:0;}
.carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev {-webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left:0;}
.carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left:0;}
.bus-trip-suggestion { font-size: 14pt; }
}

@media all and (min-width: 992px) {
.carousel-showmanymoveone .carousel-inner > .active.left, .carousel-showmanymoveone .carousel-inner > .prev {left:-33%;}
.carousel-showmanymoveone .carousel-inner > .active.right, .carousel-showmanymoveone .carousel-inner > .next {left:33%;}
.carousel-showmanymoveone .carousel-inner > .left, .carousel-showmanymoveone .carousel-inner > .prev.right, .carousel-showmanymoveone .carousel-inner > .active {left:0;}
.carousel-showmanymoveone .carousel-inner .cloneditem-2, .carousel-showmanymoveone .carousel-inner .cloneditem-3 {display:block;}
.bus-trip-suggestion { font-size: 14pt; }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right, .carousel-showmanymoveone .carousel-inner > .item.next {-webkit-transform: translate3d(33%, 0, 0); transform: translate3d(33%, 0, 0); left:0;}
.carousel-showmanymoveone .carousel-inner > .item.active.left, .carousel-showmanymoveone .carousel-inner > .item.prev {-webkit-transform: translate3d(-33%, 0, 0); transform: translate3d(-33%, 0, 0); left:0;}
.carousel-showmanymoveone .carousel-inner > .item.left, .carousel-showmanymoveone .carousel-inner > .item.prev.right, .carousel-showmanymoveone .carousel-inner > .item.active {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0;}
.bus-trip-suggestion { font-size: 14pt; }
}

/*General Carousel Styles =====================================================*/
.carousel h4 {text-decoration:none; margin-top:15px; font-size:17px;}
.carousel p {color:#495057; font-size:13px; text-align:inherit;}
.carousel-inner {border-radius:10px;}
.carousel-control {border-radius:10px;}
.carousel .fa {top:50%; position:absolute; font-size:30px; margin-top:-15px;}
.carousel-showmanymoveone .carousel-control {width:4%; background-image:none; background-color:#fff; top:40%; width:40px; height:40px; text-shadow:none; opacity:1; border-radius:5px;box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; display:flex; -moz-box-align:center; align-items:center; -moz-box-pack:center; justify-content:center;}
.carousel-showmanymoveone .carousel-control.left { margin-left:-5px;}
.carousel-showmanymoveone .carousel-control.right { margin-right:-5px;}
.carousel-showmanymoveone .carousel-control .fa {color:#2F353A;}
.carousel-showmanymoveone .cloneditem-1, .carousel-showmanymoveone .cloneditem-2, .carousel-showmanymoveone .cloneditem-3 {display:none;}
.carousel .item .img-wrap {border-radius:10px; overflow:hidden;}

.xCarousel .carousel-inner {border-radius:0px;}
.xCarousel .carousel-control {width:4%; background-image:none; background-color:#fff; top:30%; width:40px; height:40px; text-shadow:none; opacity:1; border-radius:5px;box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; display:flex; -moz-box-align:center; align-items:center; -moz-box-pack:center; justify-content:center;}
.xCarousel .carousel-control.left { margin-left:-5px;}
.xCarousel .carousel-control.right { margin-right:-5px;}
.xCarousel .carousel-control .fa {color:#2F353A;}
.xCarousel.carousel .item .img-wrap {border-radius:0px; border:1px solid #fff; margin:0 -15px;}

/*Homepage Featured Ad Carousel =====================================================*/
#featuredAdSection {padding:40px 0 30px 0;}

@media all and (min-width: 768px) {
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .active.left, #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .left,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
@media all and (min-width: 992px) {
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .active.left,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .left,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-2,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    #featuredAdCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

/*Homepage Operator Offers Carousel =====================================================*/
#operatorOffersSection {padding:0px 0 30px 0; position:relative;} 
#operatorOffersSection p {line-height:inherit; text-justify:inherit;}
#operatorOffersSection .btn-outline {border:2px solid #ffde2f; color:#2F353A;}

@media all and (min-width: 768px) {
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .active.left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
@media all and (min-width: 992px) {
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .active.left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -33.33%;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 33.33%;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-2,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(33.33%, 0, 0);
        transform: translate3d(33.33%, 0, 0);
        left: 0;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-33.33%, 0, 0);
        transform: translate3d(-33.33%, 0, 0);
        left: 0;
    }
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    #operatorOffersCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

/*Homepage Tour Packages Carousel =====================================================*/
#tourPackagesSection {padding:30px 0 30px 0;}
#tourPackagesSection p {line-height:inherit; text-justify:inherit; color:#7D858E;}
#tourPackagesSection .btn-outline {border:2px solid #ffde2f; color:#2F353A;}
#tourPackagesSection .form-group {margin-bottom:0; margin-right:5px;} 
#tourPackagesSection .form-control {padding:12px 16px; height:inherit; font-size: 16px; box-shadow:none;}
#tourPackagesSection .price {font-size:15px;}
#tourPackagesSection .label {position:absolute; left:10px; bottom:10px; font-weight:normal; font-size:12px; border-radius:5px; padding:5px 7px;}
#tourPackagesSection .label-yellow {background-color:#FFDF8E; color:#000; margin-left:0;}
#tourPackagesSection .carousel .item .img-wrap img {transition:0.5s;}
#tourPackagesSection .carousel .item .img-wrap img:hover {transform:scale(1.1);}

@media all and (min-width: 768px) {
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .active.left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}
@media all and (min-width: 992px) {
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .active.left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-2,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    #tourPackagesCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

.carousel .label {position:absolute; left:10px; bottom:10px; font-weight:normal; font-size:12px; border-radius:5px; padding:5px 7px;}
.carousel .label-yellow {background-color:#FFDF8E; color:#000; margin-left:0;}

@media all and (min-width: 768px) {
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .active.left, .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -50%;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 50%;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .left,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
        display: block;
    }

}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

@media all and (min-width: 992px) {
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .active.left,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .prev {
        left: -25%;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .active.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .next {
        left: 25%;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .left,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .prev.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .active {
        left: 0;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-2,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
        display: block;
    }
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.active.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.active.left,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0;
    }

    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.left,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.prev.right,
    .fourOneCarousel.carousel-showmanymoveone .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0;
    }
}

/*Homepage Easybook Offers =====================================================*/
#easybookOfferSection {padding:30px 0 30px 0;}
#easybookOfferSection p {line-height:inherit; text-justify:inherit; text-align:left; color:#495057; font-size:15px; }
.box {border:1px solid #eee; border-radius:10px; padding:25px; margin-bottom:30px;}
.box-icon {float:left;}
.box-icon img {width:50px;}
.box-content {padding-left:70px;}
.box-content h4 {color:#2F353A; text-decoration:none; font-size:17px; margin-top:0;}
.box-content p {margin-bottom:0; line-height:19px!important;}

@media screen and (max-width: 1024px) {
.box {margin-bottom:15px; min-height:120px;}
}

@media screen and (max-width: 767px) {
.box {min-height:inherit;}
}

/*Search Result Ad Carousel =====================================================*/
#sideCarousel {margin-bottom:15px;}
#sideCarousel .item {border-radius:10px; overflow:hidden;}

/*Subscribe =====================================================*/
.subscribe h1 {font-size:18px; color:#333; line-height:25px; margin-bottom:20px;}
.subscribe .form-group-lg .form-control {border-radius: 0; font-size:14px;}
.subscribe .btn {border-radius: 0; color:#fff; font-size: 18px; padding: 10px 15px;}


/*Footer =====================================================*/
ul.footer, ul.social-media  {padding-left:0px; margin-top:15px;}
ul.footer li {list-style:none; padding:2px 0; font-size:12px;}
ul.footer li a, ul.social-media li a {color:#fff;}
ul.footer li a:hover, ul.social-media li a:hover {color:#636363;}
ul.footer li a.highlight-link {color:#ffde2f; font-weight:bold;}
ul.social-media li {float:left; list-style:none; padding:2px 0; font-size:18px; margin-right:5px;}
ul.global-site li img {width:26px;}
ul.member li img, ul.payment li img, ul.payment-new li img {height:15px;}
ul.awards li img {width:160px; border:1px solid #dedede;}
#footer .title {font-size:16px; font-weight:400; color:#fff;}

/*Popular Route - Main Page =====================================================*/
.popular-route .wd {width:25%;}
.popular-route .title {font-size:16px;}
.popular-route ul {padding-left:13px;}
.popular-route ul.list li {list-style:inherit;}
.popular-route .btn {padding:8px 12px; font-size:13px;}

@media screen and (max-width: 767px) {
.popular-route .wd {width:100%;}
}


/*Featured - Main Page =====================================================*/
.featured {margin:0 auto;}
ul.featured {text-align:center}
ul.featured, ul.global-site, ul.member, ul.payment, ul.awards, ul.payment-new {padding-left:0px; margin-bottom:10px;}
ul.featured li {display:inline-block; list-style:none; margin:0 10px 10px 0; font-size:12px;}
ul.featured li img {height:40px;}
ul.global-site li, ul.member li, ul.payment li, ul.awards li, ul.payment-new li {display:inline-block; list-style:none; margin:0 5px 5px 0; font-size:12px;}


/*Accepted Payment =====================================================*/
.accepted-payment {margin-top:30px; margin-bottom:30px;}
.accepted-payment p {font-size:13px; margin-bottom:5px}
.accepted-payment ul {padding-left:0;}
.accepted-payment ul li {display:inline-block; list-style:none; padding-bottom:3px;}
.accepted-payment ul li img {border:1px solid #ddd; height:32px;}

@media screen and (max-width: 767px) {
.accepted-payment ul li img {height:30px;}
}


/*Sub Pages Header =====================================================*/
.page-title-wrap {width:100%; background-color:#f5f5f5;}
.page-title {width:1170px; margin:0 auto; padding:20px 0;}
.page-title h1, .page-title .title {font-size:18px; font-weight:700; color:#333; margin:0;}
.page-title-bar {background-color:#f5f5f5; padding:20px 0;}
.page-title-bar h1 {margin:0;}
/*.sub-search-wrap .row {margin:0;}*/
.sub-search-wrap {margin-bottom:-12px; color:#222;}
.sub-search-wrap img.icon {width:35px; /*margin-right:25px; display: inline-block; float:left;*/}
.sub-search-wrap img.icon2 {float:left; margin:3px 11px 0 0;}
.sub-search-wrap .radio-container { display: inline-block; padding-left:15px;}
.sub-search-wrap .form-group {margin-bottom:0px;}
.sub-search-wrap .form-control {color:#555;}
.sub-search-wrap .col-date, .sub-search-wrap .col-time {width:13%;}
.sub-search-wrap .col-pax {width:10%;}
.sub-search-wrap .col-cabin { width: 10%;}
/*.sub-search-wrap .col-option {width:12%;}
.sub-search-wrap .col-option2 {width:10%;}*/
.sub-search-wrap .col-mini {width:12%;}
.sub-search-wrap .radio {margin:0px;}
.sub-search-wrap .radio input[type="radio"] {margin-top:3px;}
.sub-search-wrap .btn {font-size:16px; /*border-radius:0px; background-color:transparent!important; color:#70266e; border:2px solid #70266e;*/ padding:7px 12px;}
.sub-search-wrap .btn:focus {color:#70266e;}
.sub-search-wrap .search-btn {display:inline;}
.sub-search-wrap .btn-tour {width:120px;}
.sub-search-wrap .swap {float:left; padding:10px 10px 0 12px;}
.sub-search-wrap .swap i {color:#222;}
.sub-search-wrap .tt-menu .btn {font-size:16px; border-radius:0px; background-color:#333!important; color:#70266e; border:2px solid #70266e; padding:4px 12px;font-weight:normal!important;}
#modify-search.collapse {display:block;}
#car .sub-search-wrap {margin-bottom:-10px;}
.sub-search-wrap .col-sm-1 {width:5.5%;}
.sub-search-wrap .day-pass img.icon {display: block; float:none;}
.sub-search-wrap .charter img.icon {display: block; float:none;}
.sub-search-wrap .charter .col-mini {width:14%;}
.sub-search-wrap .charter .col-sm-1 {width:5.5%;}
.sub-search-wrap .charter .iconic-input i {font-size:16px;}
.sub-search-wrap .charter .iconic-input input, .sub-search-wrap .charter .iconic-input select {padding-left:28px!important;}
.sub-search-wrap .charter .input-group-addon {padding:6px 10px; border-radius:0px;}
.sub-search-wrap .charter .form-control {padding:6px 8px; font-size:12px;}
.sub-search-wrap .charter .form-group {margin:5px -10px;}

@media screen and (max-width: 767px) {
.page-title-wrap {margin-bottom:15px;}
}

/*Search Result By Tabs (bus, ferry, train) =====================================================*/
.search-result-tab .route-info, .search-result-tab .date {font-size:16px; font-weight:bold; color:#111; margin-bottom:20px; position:relative;}
.search-result-tab .route-info i {margin:0 10px;}
.search-result-tab .route-info .info {display:inline-block; font-size:12px; font-weight:normal; color:#777;}
.search-result-tab .alert {padding:7px 10px; font-size:12px; /*border:none; background-color:transparent;*/ margin-bottom:15px;}
.search-result-tab .alert-title {color:#de0000; font-size:14px; font-weight:bold; margin-bottom:5px;}
.search-result-tab .alert-info {color:#111;}
.search-result-tab .alert ul {padding-left:15px;}
.search-result-tab a {cursor:pointer;}
.search-result-tab .tab-content {margin-top:0px;}
.search-result-tab .tab-content .route-info .ellipsis {white-space: nowrap; overflow:hidden; text-overflow:ellipsis; max-width:40%; vertical-align:-7px;}
.search-result-tab .tab-content .date {text-align:right;}
.search-result-tab .result-list .ticket-price a {color:#111;}
.search-result-tab .result-list .ticket-price a i, .search-result-tab .result-list .ticket-price span i {color:#999;}
.search-result-tab .btn-orange, .search-result-tab .btn-orange:focus, .search-result-tab .btn-orange:active:focus, .search-result-tab .btn-orange:hover {background-color:#ffa300;}
.trip-tab {margin-bottom:25px; border-radius:5px; overflow:hidden;}
.trip-tab li .tab-wrap {border:2px solid #f1f1f1; background-color:#f1f1f1; color:#666; padding:10px 13px;}
/*.trip-tab li .tab-wrap.depart-tab {border-radius:5px 0 0 5px;}
.trip-tab li .tab-wrap.return-tab {border-radius:0 5px 5px 0;}*/
.trip-tab li.active .tab-wrap {border:2px solid #303033; background-color:#303033; color:#fff;}
/*.trip-tab li.active .tab-wrap.depart-tab {border-radius:5px 0 0 5px;}
.trip-tab li.active .tab-wrap.return-tab {border-radius:0 5px 5px 0;}*/
.trip-tab li.active .return-tab:before, .trip-tab li.active .return-tab:after, .trip-tab li .return-tab:before, .trip-tab li .return-tab:after {content:''; display:block; position:absolute; width:0; height:0; z-index:1; bottom:40%; border:9px solid transparent;}
.trip-tab li.active .return-tab:before {left:0; border-left-color:#303033;}
.trip-tab li.active .return-tab:after {left:-2px; border-left-color:#f5f5f5;}
.trip-tab li .return-tab:before {left:0px; border-left-color:#303033;}
.trip-tab li .return-tab:after {left:-2px; border-left-color:#303033;}
.trip-tab li .route-info {font-size:15px; font-weight:bold; margin-right:15px; color:#666;}
.trip-tab li .route-info .ellipsis {white-space: nowrap; overflow:hidden; text-overflow:ellipsis; max-width:28%; vertical-align:-7px;}
.trip-tab li .route-info i {margin:0 5px;}
.trip-tab li.active .route-info {color:#fff;}
.trip-tab li .date {font-weight:normal; font-size:13px; color:#666;}
.trip-tab li.active .date {color:#fff;}
.trip-tab li.active .date a {color:#fff;}
.trip-tab .selected-trip-display {font-size:12px; padding-top:5px; min-height:25px;}
.trip-tab li.active .selected-trip-display a {color:#3d9eda;}
.trip-tab .selected-trip-display span {margin-right:10px;}
.trip-tab .fa-check-circle {color:#55bc4a; font-size:20px; vertical-align:-3px;}

@media screen and (max-width: 767px) {
.search-result-tab .alert {margin-top:15px; font-size:11px; line-height:14px;}
.search-result-tab .modify-search-icon {position:absolute; right:0px; top:0px; font-size:20px;}
.search-result-tab .tab-content .route-info {font-size:16px; margin-bottom:15px;}
.search-result-tab .tab-content .date {text-align:center;}
.trip-tab {margin-bottom:15px;}
.trip-tab li .tab-wrap {padding:10px 7px;}
.trip-tab .nav-justified > li {float:left; width:50%; margin-left:0px;}
.trip-tab .route-info {display:none;}
.trip-tab li .date {margin-top:5px; display:block; margin-bottom:0; font-size:11px;}
.search-result-tab .tab-content .route-info {font-size:15px;}
.search-result-tab .tab-content .date {text-align:center; background-color:transparent; font-size:14px; font-weight:normal; text-align:center; padding:8px 0; margin-bottom:0px; margin-top:0px;}
}

/*Search Result By Tabs (bus, ferry, train) - Left Panel Filter =====================================================*/
.journey-sort-filter .sf-button button {border:none; padding:0; outline:none;}
.journey-sort-filter .sf-button .btn {width:100%; border:1px solid #999; padding:8px 15px; background-color:transparent; margin-bottom:15px; color:#337ab7;}
.journey-sort-filter .sf-button .btn i {margin-right:10px;}
.journey-sort-filter .panel-heading a {font-weight:normal;}
.journey-sort-filter .sf-item {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px; font-size:12px;}
.journey-sort-filter .sf-item input[type="radio"] {vertical-align:-1px; margin-right:3px;}
.journey-sort-filter .sf-item input[type="checkbox"] {vertical-align:-1px; margin-right:3px;}
.journey-sort-filter .sf-item input[type="checkbox"]:checked {color:#ffde2f;}
.journey-sort-filter .sf-item .title {font-size:14px; text-decoration:underline; position:relative; margin-bottom:0;}
.journey-sort-filter .sf-item .title a {cursor:pointer; color:#111;}
.journey-sort-filter .sf-item .title span a {color:#337ab7;}
.journey-sort-filter .sf-item .title-collapsed a:before {font-family:'FontAwesome'; content:"\f107"; position:absolute; right:0; top:0; transition:all 0.5s;}
.journey-sort-filter .sf-item .title-collapsed a.collapsed:before {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);} 
.journey-sort-filter .sf-item .title span {font-weight:normal;}
.journey-sort-filter .sf-item .radio-inline {padding-top:0px; padding-bottom:5px; margin-top:-5px; margin-bottom:0px;}
.journey-sort-filter .sf-item .link {margin-bottom:10px;}
.journey-sort-filter .sf-item .link span {margin-right:20px; }
.journey-sort-filter .sf-item ul {padding-left:0px; margin-bottom:0px; margin-top:10px;}
.journey-sort-filter .sf-item ul li {list-style:none; padding:1px 0;}
.journey-sort-filter .sf-item ul li:before, .journey-sort-filter .sf-item ul li:after {content:"."; display:block; height:0; overflow:hidden;}
.journey-sort-filter .sf-item ul li:after {clear: both;}
.journey-sort-filter .sf-item ul li {zoom: 1;}
.journey-sort-filter .sf-item ul li span {padding-top:3px;}
.journey-sort-filter .sf-item ul li label {margin-bottom:0px;}
.journey-sort-filter .sf-item ul li.selected {color:#ff9900;}
.journey-sort-filter .sf-item .collapse-link {margin-top:10px;}
.journey-sort-filter .sf-item .collapse-link span.less {display:inline}
.journey-sort-filter .sf-item .collapse-link a:not(.collapsed) span.more {display:none}
.journey-sort-filter .sf-item .collapse-link a.collapsed span.less {display:none}
.journey-sort-filter .sf-item-banner {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px;}
.journey-sort-filter .sf-item-banner ul {padding-left:0px; margin-bottom:0px;}
.journey-sort-filter .sf-item-banner li {list-style:none; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; position:relative;}
.journey-sort-filter .sf-item-banner li:last-child {border-bottom:none;}
.journey-sort-filter .sf-item-banner li span {display:block; font-size:12px; font-weight:normal;}
.journey-sort-filter .sf-item-banner li a {padding:10px 0; display:block; color:#111;}
.journey-sort-filter .sf-item-banner li img.icon {width:30px; margin-right:10px; margin-top:4px}
.journey-sort-filter .sf-item-banner li {background:url("../images/icon/tick.svg") right 20px no-repeat; background-size:24px 24px;}
.journey-sort-filter .sf-item-banner li.selected {background:url("../images/icon/ticked.svg") right 20px no-repeat; background-size:24px 24px;}
.journey-sort-filter .sf-item-banner li.selected a {color:#ff9900;}
.journey-sort-filter .sf-item-banner-checkbox{border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 10px;}
.journey-sort-filter .sf-item-banner-checkbox ul {padding-left: 0px;margin-bottom: 0px;}
.journey-sort-filter .sf-item-banner-checkbox ul li {list-style: none;padding: 8px 5px;font-size: 16px;font-weight: bold;border-bottom:1px solid #ddd;position:relative;}
.journey-sort-filter .sf-item-banner-checkbox ul li:last-child {border-bottom:none;}
.journey-sort-filter .sf-item-banner-checkbox li img.icon {width: 30px;margin-right: 10px;margin-top: 4px;}
.journey-sort-filter .sf-item-banner-checkbox input[type="checkbox"] {vertical-align: -1px;margin-right: 5px;float:left;margin-top:10px;}
.journey-sort-filter .sf-item-banner-checkbox li span {display: block;font-size: 12px;font-weight: normal;}
/*.journey-sort-filter .sf-item-banner li:before {font-family:'FontAwesome'; content:"\f00c"; position:absolute; right:0px; top:20px;}*/
#journey-sf.collapse {display:block;}
#journey-sf-return.collapse {display:block;}

@media screen and (max-width: 767px) {
.journey-sort-filter .sf-item-banner-checkbox ul {margin-top: 5px;}
#journey-sf.collapse {display:none;}
#journey-sf.collapse.in {display:block;}
#journey-sf-return.collapse {display:none;}
#journey-sf-return.collapse.in {display:block;}
}

/*New Search Result UI =====================================================*/
.brief-search {padding:15px 0;}
.brief-search a {color:#fff;}
.result-found-msg {display:inline-block; font-size:13px; font-weight:normal; color:#444; margin-left:15px; font-style:italic;}
.search-result-new .route-info {font-size:18px; font-weight:bold; color:#111; margin-bottom:20px; position:relative;}
.search-result-new .route-info i {margin:0 10px;}
.search-result-new .route-info .info {display:inline-block; font-size:12px; font-weight:normal; color:#777;}
.search-result-new .date {font-size:18px; font-weight:bold; color:#111; text-align:right; margin-bottom:10px; }
.search-result-new .alert {padding:7px 10px; font-size:12px;}
.search-result-new .alert ul {padding-left:15px;}
.search-result-new a {cursor:pointer;}
.sorting-bar {padding:8px 0px; color:#333; font-size:13px; margin-bottom:15px;}
.sorting-bar:before, .sorting-bar:after {content:"."; display:block; height:0; overflow:hidden;}
.sorting-bar:after {clear: both;}
.sorting-bar {zoom: 1;}
.sorting-bar ul {padding-left:0px; margin-bottom:0px; display:inline-block;}
.sorting-bar ul li {list-style:none; display:inline-block; padding-right:2px;}
.sorting-bar ul li a {border:1px solid #999; padding:8px 15px; border-radius:5px;}
.sorting-bar ul.filter {float:right; padding:0px;}
.sorting-bar ul.filter li {padding-right:0px;}
.sorting-row {padding-bottom:5px; font-size:13px;}
.sorting-row a.btn {border:1px solid #999; padding:6px 13px; border-radius:5px; margin-top:-8px;}
.result-list {border-radius:5px; margin-bottom:15px; padding:15px 15px 0 15px; background-color:#fff; border:1px solid #ddd; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 15px; position:relative}
.result-list .depart-date {font-size:16px; font-weight:bold; color:#111;}
.result-list .depart-time {font-size:16px; font-weight:bold; color:#111;}
.result-list .trip-duration {font-size:11px;}
.result-list .timetable {font-size:11px; margin-top:5px;}
.result-list .route-subplace {color:#111; line-height:20px; font-size:13px;}
.result-list .route-place {font-size:11px;}
.result-list .route-to {text-align:center;}
.result-list .route-to i {font-size:30px; color:#111; vertical-align:5px;}
.result-list .transfer-note {font-size:11px; margin-top:10px; font-style:italic;}
.result-list .vacancy {color:#111; font-size:13px;}
.result-list .arrival-time {font-size: 11px;font-weight: bold;}
.result-list .ticket-price {text-align:right; font-size:14px; font-weight:bold;}
.result-list .ticket-price a {color:#ff9900;}
.result-list .ticket-price a i, .result-list .ticket-price span i {color:#333;}
.result-list .ticket-price a i.fa-angle-down {color:#ff9900;}
.result-list .ticket-price a .price-icon span {display:block;}
.result-list .ticket-price a .price-icon .discounted-price {font-weight:normal; color:#636363; padding-right:0px;}
.result-list .ticket-price a .price-icon .price-fr {font-weight:normal; display:inline-block; font-size:12px;}
.result-list .ticket-price a .price-icon .price-remark {font-weight:normal; font-size:11px; color:#1B6F2E; font-style:italic;}
.result-list .ticket-price span.price {color:#ff9900;}
.result-list .surcharge-info2 {text-align:right; font-size:11px; color:#337ab7; font-weight:normal;}
.result-list .surcharge-info2 span {display:block;}
.result-list .price-icon [class^="icon-"]:before, .result-list .price-icon [class*=" icon-"]:before {margin-left:0px; margin-right:0px; width:16px;}
.result-list .price-icon .icon-child:before {padding-left:1px;}
.result-list .ticket-price ul {padding-left:0px;}
.result-list .ticket-price li {list-style:none; padding:0px; font-size:12px;}
.result-list .ticket-price li:before, .result-list .ticket-price li:after {content:"."; display:block; height:0; overflow:hidden;}
.result-list .ticket-price li:after {clear: both;}
.result-list .ticket-price li .cat-price {float:right;}
.result-list .ticket-price li .cat-price span {display:block; text-decoration:line-through;}
.result-list .ticket-price li .cat-price span.cat-adminfee-p {text-decoration:none; color:#337ab7;}
.result-list .ticket-price li .cat-adminfee-p span {display:block;}
.result-list .ticket-price p {font-size:12px; line-height:16px; min-width:150px;}
.result-list .discounted-price {text-align:right; text-decoration:line-through; font-size:12px; padding-right:15px;}
.result-list .adminfee-p {text-align:right; font-size:12px; padding-right:15px; color:#337ab7;}
.result-list .remark-icon {text-align:right;}
.result-list .remark-icon .fa-info-circle {color:#0db600; font-size:20px !important;}
.result-list .remark-icon .fa-user {color:#333; font-size:17px !important;}
.result-list .remark-icon i {padding-right:10px;}
.result-list .remark-icon p {font-size:12px; line-height:16px; min-width:160px; text-align:justify;}
.result-list .remark-icon p i {padding-right:5px;}
.result-list .different-price-icon {text-align:right;}
.result-list .surcharge-info {text-align:right; font-size:11px; margin-bottom:10px; padding-right:15px;}
.result-list .surcharge-info span {display:block;}
.result-list .separator {border-top:1px dashed #e9e9e9; margin:10px 0px 0px 0px;}
.result-list .additional-info {padding:5px 0px;}
.result-list .additional-info img {height:30px;}
.result-list .additional-info .coachname {font-size:11px; line-height: 13px;}
.result-list .additional-info .coach-info {line-height:10px; padding-top:5px; padding-bottom:5px;}
.result-list .additional-info .features {display:block;}
.result-list .additional-info .features i {color:#555; vertical-align:-2px;}
.result-list .additional-info .features [class*=" icon-"]::before {margin-right:0px;}
.result-list .btn-tag-wrap {margin-top:5px;}
.result-list .rainbow-border-tag.btn-tag {color:#fff; border:none;}
.result-list .btn-tag {border-radius:25px; padding:1px 5px; font-size:10px; font-weight:normal; color:#70266e; border:1px solid #70266e; z-index:1;}
.result-list .btn-tag .fa {color:#333;}
.result-list .btn-tag.btn-print {color:#ff6000; border:1px solid #ff6000;}
.result-list .btn-tag.btn-gps {color:#70266e; border:1px solid #70266e;}
.result-list .btn-tag.btn-instant-confirm {color:#3772cb; border:1px solid #3772cb;}
.result-list .btn-tag.btn-newly-online {color:#287928; border:1px solid #287928;}
.result-list .btn-tag.btn-multistop {color:#A3006D; border:1px solid #A3006D;}
.result-list .btn-tag.btn-flexifare {color:#005B38; border:1px solid #005B38;}
.result-list .btn-tag.btn-limited-offer {color:#ff8400; border:1px solid #ff8400;}
.result-list .btn-tag.btn-hotdeal {color:#de0000; border:1px solid #de0000;}
.result-list .btn-tag.btn-skybus {color:#266099; border:1px solid #266099;}
.result-list .btn-tag.btn-insurance {background-color:#fabc00;color:#ffffff; border:1px solid #fabc00;}
.result-list .btn-tag.btn-reschedule, .result-list .btn-tag.btn-refund, .result-list .btn-tag.btn-direct-boarding {color: #4dad00;border: 1px solid #4dad00;}
.featured-trip.result-list {border:1px solid #999; position:relative; padding:15px 15px 0 15px;}
.result-list .labeltag {background-color: #70266e; color: #fff; font-size: 12px; padding: 0px 25px 0px 20px; position: absolute; top: 0px; left: 0px; border-radius: 5px 0 25px 0;}
.featured-trip .labeltag {background-color:#70266e; color:#fff; font-size:12px; padding:0px 25px 0px 20px; position:absolute; top:0px; left:0px; border-radius:5px 0 25px 0;}
.premium-trip .result-list {border: 1px solid #999;position: relative;padding: 15px 15px 0 15px;}
.premium-trip .labeltag {background-color: #ffa300;color: #fff;font-size: 12px;padding: 0px 25px 0px 20px;position: absolute;top: 0px;left: 0px;border-radius: 5px 0 25px 0;}
.discounted-trip.result-list {border:1px solid #999; position:relative; padding:15px 15px 0 15px;}
.discounted-trip .labeltag {background-color:#fabc00; color:#fff; font-size:12px; padding:0px 25px 0px 20px; position:absolute; top:0px; left:0px; border-radius:5px 0 25px 0;}
.selected-trip.result-list {background-color:#fffde9;}
.disabled-trip.result-list a.get-seat-plan {pointer-events: none; cursor: default; text-decoration: none; color: grey;}
.disabled-trip.result-list {pointer-events: none; background-color:#cdcdcd;}
.disabled-trip.result-list:hover {pointer-events: none; background-color:#cdcdcd;}
.result-list:hover {border:1px solid #999; background-color:#fffde9;}
.price-info .fare-price {color:#222; font-weight:bold;}
.price-info .discounted-price {text-decoration:line-through; font-size:12px;}
.price-info .surcharge-price {font-size:12px; color:#23527c;}
.price-info .remark {font-style:italic; font-size:11px;}
.result-list .icon-child:before, .result-list .icon-senior:before, .result-list .icon-disabled:before, .result-list .icon-student:before {font-size:16px;}
.trip-remark { color: #3c763d; font-size: 11px; text-align: right;}
#get-tripdetails-dialog .preloader {  margin-right: -32px; margin-top: 0px; top: 50%; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; text-align: center; right: 50%;}
.hotdeals-tag {text-align: center;margin-bottom: 5px;font-size: 13.3px;}
.hotdeals-tag-icon {font-size: 20px;color: #ff3242;padding-right: 5px;transform: rotate(-15deg);}
.hotdeals-popup-heading {display: block;margin-top:20px;font-size:22px;font-weight: bold;}
.hotdeals-popup-desc {font-weight: 500;margin-top:6px;color:#706b6b;font-size: 17px;}
.hotdeals-popup-reason {text-align: left;margin-top: 28px;color: #706b6b;font-size: 13.5px;}
.announce-popup-heading {display: block;margin-top:5px;color:#70266e;font-size:26px;font-weight: bold;}
.announce-popup-desc {text-align:left;font-weight: 500;margin-top:6px;color:#000000;font-size: 17px;}

@media (max-width: 767px) {
    .hotdeals-tag {text-align: left;}
}

@media screen and (max-width: 991px) {
.result-list .depart-time {display:inline-block; margin-right:15px;}
.result-list .trip-duration {display:inline-block;}
.result-list .timetable {display:inline-block; margin-left:20px;}
.result-list .m-btn-print {float:right; font-size:20px;}
.result-list .m-btn-print a {color:#222;}
.result-list .m-btn-gps {float:right; font-size:20px;}
.result-list .m-btn-gps a {color:#287928;}
.result-list .transfer-note {margin-top:-5px; margin-bottom:10px;}
.result-list .vacancy {display:inline-block; color:#636363; font-size:11px;}
.result-list .ticket-price {text-align:left;}
.result-list .ticket-price a .price-icon span {display:inline-block;}
.result-list .discounted-price {text-align:left;}
.result-list .adminfee-p {text-align:left;}
.result-list .remark-icon {text-align:left;}
.result-list .different-price-icon {text-align:left;}
.result-list .surcharge-info {text-align:left;}
.result-list .separator {border-top:1px dashed #ccc;}
.result-list .additional-info .coach-info {padding-top:0px; padding-bottom:0px;}
.result-list .additional-info .coachname {font-size:10px;}
.price-info .surcharge-price {font-size:14px; line-height:24px;}
}

@media screen and (max-width: 767px) {
.brief-search {padding:0;}
.result-found-msg {display:inline-block; font-size:13px; font-weight:normal; color:#444; margin-left:0; margin-bottom:10px; font-style:italic;}
.search-result-new .route-info {background-color:#ffde2f; padding:10px 15px; font-size:14px; font-weight:normal; color:#222; margin-top:-1px; margin-bottom:0px;}
.search-result-new .route-info i {vertical-align:5px;}
.search-result-new .route-info .info {color:inherit; vertical-align:8px;}
.search-result-new .route-info .ellipsis {white-space: nowrap; overflow:hidden; text-overflow:ellipsis; width:30%;}
.search-result-new .date {background-color:#f5f5f5; font-size:14px; font-weight:normal; text-align:center; padding:8px 0; margin-bottom:0px; margin-top:0px;}
.search-result-new .date span {margin:0 25px;}
.search-result-new .alert {margin-top:15px;}
.sorting-bar {background-color:#fff; margin:0; padding:15px 0;}
.sorting-bar ul li a {padding:8px 10px}
.modify-search-icon {position:absolute; right:15px; top:10px; font-size:20px;}
.modify-search-icon a {color:#70266e;}
.result-list .route {margin-top:15px; margin-bottom:15px;}
.result-list .additional-info .features {display:inline-block;}
}

/*Flight Search Result UI =====================================================*/
.flight .sorting-bar {float:right;}
.flight .route-info, .flight .date {margin-top:0px;}
.flight .route-info .label {display:inline-block; color:#fff; background-color:#70266e; border-radius:4px; font-size:14px; padding:4px 6px; font-weight:normal;}
.flight .route-info .info {display:inline-block; font-size:12px; font-weight:normal; color:#777;}
.flight .row-title {font-weight:bold; color:#111; border-bottom:1px solid #ddd;}
.flight .result-list:first-child {border-top:1px solid #bbb;}
.flight .result-list .trip-duration {font-size:12px; margin-top:5px; margin-bottom:5px;}
.flight .result-list .trip-duration span {color:#111;}
.flight .result-list .cabin-class {font-size:11px;}
.flight .result-list .depart-time, .flight .result-list .arrival-time {font-size:14px; font-weight:bold; color:#111;}
.flight .result-list .route-place {color:#636363; font-size:13px; line-height:16px; padding-top:5px;}
.flight .result-list .ticket-price {line-height:16px; padding-top:5px;}
.flight .result-list .ticket-price .perpax {font-size:11px; font-weight:normal; color:#666;}
.flight .result-list .ticket-price i {display:block;}
.flight .result-list .final-price {text-align:right; font-size:11px; /*padding-right:13px;*/}
.flight .result-list .final-price .tooltip-inner {width:130px;}
.flight .result-list .details-link {font-size:12px; padding-top:3px;}
.flight .result-list .additional-info img {height:25px;}
/*.flight .result-list .additional-info img:last-child {margin-top:2px;}*/
.flight .result-list .additional-info .flight-info {line-height:10px; padding-top:5px;}
.flight .result-list .additional-info .flight-name {font-size:10px;}
.flight .result-list .additional-info .flight-type {font-size:10px; color:#888;}
.flight .result-list .additional-info .btn-baggage {background-color:#1d885c; vertical-align:2px;}
.flight .result-list .flight-feature-icon {padding-top:2px;}
.flight .result-list .flight-feature-icon img {height:17px; margin-right:-1px;}
.flight .selected-trip.result-list {border:2px solid #ffde2f; position:relative; margin-top:35px; margin-bottom:30px; padding:10px 10px 5px 10px; background-color:transparent; border-radius:0 5px 5px 5px;}
.flight .selected-trip .labeltag {background-color:#ffde2f; color:#111; font-size:14px; padding:5px 10px; position:absolute; top:-31px; left:-2px; border-radius:5px 5px 0 0; font-weight:bold;}
.flight .selected-trip .selected-route {font-weight:bold; color:#222; margin-bottom:20px;}
.flight .selected-trip .selected-date {font-weight:bold; color:#222; margin-bottom:20px; text-align:right;}
.flight .selected-trip .ticket-price {color:#ff9900; font-size:16px;}
.flight .selected-route .label {display:inline-block; color:#fff; background-color:#70266e; border-radius:4px; font-size:12px; padding:3px 5px; font-weight:normal;}
.flight .selected-route .info {display:inline-block; font-size:12px; font-weight:normal; color:#777;}

/*.flight-details .flight-logo {text-align:right;}*/
/*.flight-details .depart-time, .flight-details .arrival-time {font-size:20px; font-weight:bold; color:#111;}*/
.flight-details .flight-duration {font-weight:bold; color:#111;}
.flight-details .route-place {color:#636363; font-size:13px;}
.flight-details .route-to {text-align:center;}
.flight-details .route-to i {font-size:30px; color:#111; vertical-align:5px;}
.flight-details .flight-info {font-size:12px; line-height:10px; padding-top:25px; padding-bottom:15px;}
.flight-details .icon-flight::before {font-size:16px; vertical-align:-1px;}
.flight-details .baggage-info {border:1px solid #bce8f1; border-radius:4px; background-color:#d9edf7; color:#31708f; padding:10px 15px; font-size:12px;}
.flight-details .baggage-info .title {font-size:12px; font-weight:bold; color:#31708f; margin-bottom:5px;}
.flight-details .baggage-info ul {padding-left:12px;}
.flight-details .baggage-info ul:last-child {margin-bottom:0px;}
.flight-details .layover {font-size:12px; border-top:1px dashed #bbb; border-bottom:1px dashed #bbb; padding:5px 0; margin:20px 0; color:#333;}

.flight-sort-filter .sf-button button {border:none; padding:0; outline:none;}
.flight-sort-filter .sf-button .btn {width:100%; border:1px solid #999; padding:8px 15px; background-color:transparent; margin-bottom:15px; color:#337ab7;}
.flight-sort-filter .sf-button .btn i {margin-right:10px;}
.flight-sort-filter .sf-item {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px; font-size:13px;}
.flight-sort-filter .sf-item input[type="radio"] {vertical-align:-1px; margin-right:3px;}
.flight-sort-filter .sf-item input[type="checkbox"] {vertical-align:-1px; margin-right:3px;}
.flight-sort-filter .sf-item .title {font-size:14px; text-decoration:underline;}
.flight-sort-filter .sf-item .title span {font-weight:normal;}
.flight-sort-filter .sf-item .radio-inline {padding-top:0px; padding-bottom:5px; margin-top:-5px; margin-bottom:0px;}
.flight-sort-filter .sf-item .link {margin-bottom:10px;}
.flight-sort-filter .sf-item .link span {margin-right:20px; }
.flight-sort-filter .sf-item ul {padding-left:0px; margin-bottom:0px;}
.flight-sort-filter .sf-item ul li {list-style:none;}
.flight-sort-filter .sf-item ul li:before, .flight-sort-filter .sf-item ul li:after {content:"."; display:block; height:0; overflow:hidden;}
.flight-sort-filter .sf-item ul li:after {clear: both;}
.flight-sort-filter .sf-item ul li {zoom: 1; /* IE < 8 */}
.flight-sort-filter .sf-item ul li span {padding-top:3px;}
.flight-sort-filter .sf-item ul li label {margin-bottom:0px;}
.flight-sort-filter .sf-item .collapse-link {margin-top:10px;}
.flight-sort-filter .sf-item .collapse-link span.less {display:inline}
.flight-sort-filter .sf-item .collapse-link a:not(.collapsed) span.more {display:none}
.flight-sort-filter .sf-item .collapse-link a.collapsed span.less {display:none}


.flight-booking-summary .collapse-link span.less {display:inline}
.flight-booking-summary .collapse-link button {border:none; padding:0; outline:none;}
.flight-booking-summary .collapse-link .btn-default:hover {border-color:inherit;}
.flight-booking-summary .collapse-link button:not(.collapsed) span.more {display:none}
.flight-booking-summary .collapse-link button.collapsed span.less {display:none}
.flight-booking-summary .collapse-link .panel-heading {color:#333; background-color:#f5f5f5; border-color:#ddd; border-bottom:none;}
.flight-booking-summary .collapse-link .panel-heading i {margin-left:15px;}
.flight-booking-summary .return-section {margin-top:30px;}
.flight-booking-summary .title {background-color:#ffde2f; font-size:14px; font-weight:normal; padding:2px 8px; border-radius:3px;}
.flight-booking-summary ul {padding-left:0px; margin-bottom:15px;}
.flight-booking-summary ul li {list-style:none; padding:1px 0;}
.flight-booking-summary ul li:before, .flight-booking-summary ul li:after {content:"."; display:block; height:0; overflow:hidden;}
.flight-booking-summary ul li:after {clear: both;}
.flight-booking-summary ul li {zoom: 1; /* IE < 8 */}
.flight-booking-summary ul.route li {padding-bottom:5px; border-bottom:1px dashed #ddd; margin-bottom:5px;}
.flight-booking-summary .flight-info {font-size:12px; margin-bottom:5px;}
.flight-booking-summary .route-place {font-size:18px; font-weight:bold; color:#111;}
.flight-booking-summary .route-to {text-align:center;}
.flight-booking-summary .route-to i {font-size:30px; color:#111; vertical-align:5px;}
.flight-booking-summary .trip-info {font-size:12px;}
.flight-booking-summary .sub-title {font-size:14px; font-weight:bold; font-size:16px; color:#222; text-decoration:underline; margin-bottom:5px;}
.flight-booking-summary .passenger-name {color:#222; font-weight:bold;}
.flight-booking-summary .subtotal {border-top:1px solid #ddd;}
.flight-booking-summary .subtotal span {color:#222; font-weight:bold;}
.flight-booking-summary .total {border-top:1px solid #ddd; color:#222; font-size:18px; font-weight:bold; margin-top:15px;}
.flight-booking-summary .total span {color:#337ab7;}

.flight-passenger-details .title {border-bottom:1px solid #ddd;}
.flight-passenger-details .sub-title {font-size:14px; font-weight:bold; color:#333; margin-bottom:15px; border-bottom:1px solid #ddd;}
.flight-passenger-details .form-horizontal .control-label {text-align:left;}
.flight-passenger-details .form-horizontal .help-block {margin-bottom:0px;}
.flight-passenger-details .pax-details {margin-bottom:15px;}
.flight-passenger-details .form-control {font-size:12px;}
.flight-passenger-details .panel-heading {color:#333; font-weight:bold; background-color:#f5f5f5; border-color:#ddd;}
.flight-passenger-details .panel-heading i {margin-left:15px;}

.flight-add-on-service .sub-title {margin-bottom:0px; border-bottom:none;}
.flight-add-on-service .addon-icon [class^="icon-"]::before {font-size:26px; color:#70266e;}
.flight-add-on-service .price {color:#ff6600; font-weight:bold;}
.flight-add-on-service .btn-outline {border:1px solid #70266e; color:#70266e; padding:8px 15px; border-radius:3px;}
.flight-add-on-service .line {margin-bottom:15px; border-top:1px solid #dedede; border-bottom:none;}
.flight-add-on-service .nav-pills > li {margin-right:5px; margin-bottom:5px;}
.flight-add-on-service .nav-pills > li > a {border:1px solid #70266e; color:#70266e; padding:8px 15px;}
.flight-add-on-service .nav-pills > li.active > a, .flight-add-on-service .nav-pills > li.active:hover > a {background-color:#70266e; color:#fff;}
.flight-add-on-service .nav-pills > li:hover > a {background-color:transparent;}
.flight-add-on-service .flight-info {font-size:12px; margin-bottom:15px;}
.flight-add-on-service .flight-info img {margin-right:10px;}
.flight-add-on-service ul.psg {padding-left:0;}
.flight-add-on-service ul.psg li {list-style:none; border-bottom:1px solid #ddd; padding:8px 0; height:50px; line-height:33px;}
.flight-add-on-service ul.psg li span {color:#222;}
.flight-add-on-service .tab-content {margin-bottom:35px;}
.flight-add-on-service .add-on-seat ul.psg li {height:inherit; line-height:inherit;}
.add-on-speedy-boarding .link {margin-bottom:10px;}
.add-on-speedy-boarding .link a {margin-right:15px; text-decoration:underline;}
.add-on-speedy-boarding ul.name-list {-webkit-column-count:2; -moz-column-count:2; column-count:2; margin-left:0; padding-left:0;}
.add-on-speedy-boarding ul.name-list li {list-style:none;}

.flight-seat-legend {margin-top:25px;}
.flight-seat-legend ul {padding:0; margin:10px 0;}
.flight-seat-legend ul li {list-style:none; padding:2px 0; font-size:12px;}
.flight-seat-legend .legend {width:16px; height:16px; display:inline-block; margin-right:5px; vertical-align:-3px;}
.flight-seat-legend .cell-preferred {background-color:#ef4722;}
.flight-seat-legend .cell-standard {background-color:#337ab7;}
.flight-seat-legend .cell-occupied {background-color:#ddd;}
.flight-seat-legend .cell-selected {background-color:#45b749;}
.flight-seat-legend [class^="icon-"]::before {color:#222; vertical-align:2px; font-size:14px; margin:0 auto;}

.flight-seat-plan a .cell {color:#fff;}
.flight-seat-plan a .cell-occupied {color:#666;}
.flight-seat-plan .cell {padding:6px 8px; margin:2px; border-radius:3px; text-align:center;}
.flight-seat-plan .cell-aisle {width:30px;}
.flight-seat-plan .cell-preferred {background-color:#ef4722;}
.flight-seat-plan .cell-standard {background-color:#337ab7;}
.flight-seat-plan .cell-occupied {background-color:#ddd;}
.flight-seat-plan .cell-selected {background-color:#45b749;}
.flight-seat-plan [class^="icon-"]::before {margin:0 auto;}

.payment .panel-heading {font-size:18px; color:#222;}
.payment ul {padding-left:0;}
.payment ul li {list-style:none; border-bottom:1px solid #ddd; padding:15px 0; margin-bottom:0;}
.payment ul li img {border:1px solid #ddd; height:20px;}
.payment ul li p {font-size:12px; margin-bottom:5px; margin-top:5px; line-height:16px;}
.payment ul li ul.sub {background-color:#f1f8fa; border:1px solid #bce8f1; border-radius:4px; padding:5px 15px;}
.payment ul li ul.sub li {list-style:none; border-bottom:none; display:inline-block; margin-right:15px; padding:5px 0;}
.payment ul li ul.sub li img {height:35px;}
.payment ol {padding-left:15px;}

@media screen and (max-width: 768px) {
.flight-add-on-service ul.psg li {height:inherit; line-height:33px;}
}

@media screen and (max-width: 767px) {
.flight .route-info .label {display:table-caption; margin-bottom:5px;}
.flight .route-info .info {color:inherit; vertical-align:5px;}
.flight .result-list .trip-duration {padding-top:0px;}
.flight .result-list .cabin-class {display:inline-block;}
.flight .result-list .depart-time, .flight .result-list .arrival-time {font-size:18px;}
.flight .result-list .route {margin-top:10px; margin-bottom:10px;}
.flight .result-list .route-place {padding-top:0px;}
.flight .result-list .final-price {text-align:left; padding-top:5px;}
.flight .result-list .ticket-price i {display:inherit; vertical-align:-1px;}
.flight .result-list .additional-info .flight-info {padding-top:0px; padding-bottom:0px; line-height:inherit;}
.flight .result-list .details-link {text-align:left;}
.flight .result-list .m-btn-baggage {float:right; font-size:13px; margin-top:5px;}
.flight .result-list .m-btn-baggage a {color:#1d885c;}
.flight .result-list .m-btn-baggage .fa-suitcase:before {font-size:16px; vertical-align:-1px;}
.flight .result-list .flight-feature-icon {display:inline-block; vertical-align:1px; margin-bottom:10px;}
.flight .selected-trip.result-list {margin:35px -5px 25px -5px; padding:10px 10px 0 10px;}
.flight .selected-trip .labeltag {font-weight:normal;}
.flight .selected-trip .additional-info {margin:0 -8px;}
.flight .selected-trip .selected-route {margin-bottom:0px;}
.flight .selected-route .label {display:table-caption; margin-bottom:5px;}
.flight .selected-trip .selected-date {text-align:left; font-size:14px;}
.flight-details .flight-duration {font-size:13px;}
.flight-details .flight-info {display:inline-block; margin-right:10px; padding-bottom:0px;}
.flight-add-on-service .addon-icon {margin-bottom:5px;}
.add-on-speedy-boarding ul.name-list {-webkit-column-count:1; -moz-column-count:1; column-count:1;}
}

@media screen and (max-width: 320px) {
.flight .result-list .additional-info img {height:22px;}
.flight-details .flight-logo img {height:30px;}
.flight-details .route-place {font-size:12px;}
}

/*Flight Collapse - SortFilter and Booking Summary =====================================================*/
#flight-sf.collapse {display:block;}
#flight-bs.collapse {display:block;}

@media screen and (max-width: 767px) {
#flight-sf.collapse {display:none;}
#flight-sf.collapse.in {display:block;}
#flight-bs.collapse {display:none;}
#flight-bs.collapse.in {display:block;}
}


/*Flight Combo Trips - Third Party =====================================================*/
.flight-combo-trip a.btn {margin-top:5px;}

.flight-combo-trip-expand {margin:15px;}
.flight-combo-trip-expand table {margin-bottom:0;}
.flight-combo-trip-expand img {width:70px;}
.flight-combo-trip-expand .btn {padding:3px 10px; font-size:13px;}
.flight-combo-trip-expand .btn-primary {background-color:#fff; color:#70266e;}

.flight-transition .item-image {background-color:transparent; border:1px dashed #ddd; border-radius:4px; padding:15px; margin-bottom:15px;}
.flight-transition .ticket-details .labeltag {background-color:#70276e; color:#fff; font-size:14px; padding:5px 20px; position:absolute; top:-30px; left:15px; border-radius:5px 5px 0 0; font-weight:bold;}
.flight-transition .ticket-details .panel {border-radius:0 4px 4px 4px; border:3px solid #ddd;}
.flight-transition .ticket-details .btn-outline {border:1px solid #70266e; color:#70266e; padding:8px 15px; border-radius:3px;}
.flight-transition .ticket-details span {margin-right:15px;}

@media screen and (max-width: 767px) {
.flight-combo-trip a.btn {margin-top:0px;}

.flight-combo-trip-expand {margin:15px 0; font-size:12px;}
.flight-combo-trip-expand .panel-body {padding:10px;}
.flight-combo-trip-expand .panel-body p {line-height:18px;}
.flight-combo-trip-expand img {width:50px;}
.flight-combo-trip-expand .btn {padding:3px 8px; font-size:12px;}

.flight-transition {font-size:12px;}
.flight-transition .item-image {padding:15px 5px; min-height:60px;}
.flight-transition .item-image img {width:100%;}
/*.flight-transition .arrow-transition-wrap {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}*/
.flight-transition .fa.arrow-transition {font-size:20px;}
}

/*Optimise-result =====================================================*/
.flight-grouped-trip-result {font-size:13px; width:90%; margin:20px auto 0 auto;}
.flight-grouped-trip-result table {color:#222;}
.flight-grouped-trip-result .select-seat-btn {text-align:right;}
.flight-grouped-trip-result .btn {padding:3px 10px; font-size:13px;}
.flight-grouped-trip-result .btn-primary {background-color:#fff; color:#70266e;}
.flight-grouped-trip-result .details {text-align:right;}

@media (max-width: 767px) {
.flight-grouped-trip-result {width:100%;}
.flight-grouped-trip-result .flight-feature-icon {display:block!important; margin-bottom:0!important;}
.flight-grouped-trip-result .ticket-price {padding-top:0px!important;}
.flight-grouped-trip-result .details {text-align:left;}
.flight-grouped-trip-result .select-seat-btn {position:absolute; right:15px; bottom:15px; font-size:14px;}
.flight-grouped-trip-result #no-more-tables tr:last-child {border-bottom:none;}
.flight-grouped-trip-result #no-more-tables td {padding-left:10px;}
.flight-grouped-trip-result #no-more-tables td:first-child {padding-top:10px;}
}


/*TPM UI =====================================================*/
.tpm .title {font-size:18px; font-weight:bold; color:#111; margin-top:30px; margin-bottom:30px;}
.tpm-list {border:1px solid #ccc; margin-bottom:15px; padding:10px 10px 0 10px;}
.tpm-list .tpm-post {border-right:1px solid #ccc;}
.tpm-list .tpm-title {color:#111;}
.tpm-list .tpm-desc {font-size:12px; margin:15px 0;}
.tpm-list .price-wrap {font-size:12px;}
.tpm-list .price {font-size:14px; font-weight:bold; color:#000;}
.tpm-list .price-remark {font-size:11px; font-style:italic;}
.tpm-list .discounted-price {text-align:right; text-decoration:line-through; font-size:12px; padding-right:15px;}
.tpm-list .separator {border-top:1px dashed #ccc; margin:10px 0px 0px 0px;}
.tpm-list .additional-info {padding:10px 0px;}
.tpm-list .btn {border-radius:0px;}
.tpm .selected-trip{background-color:#fffde9;}
.tpm-list:hover {background-color:#f9f9f9; border-color:#a0a0a0;}
.tpm .btn-default {border:1px solid #ccc;}

@media screen and (max-width: 767px) {
.tpm {margin:0px auto 30px auto;}
.tpm-list {border:none; border-bottom:1px solid #ccc; margin:0 -15px 15px -15px; padding:10px 15px 15px 15px;}
.tpm-list .tpm-post {margin-top:15px; margin-bottom:15px; border:none;}
.tpm-list .btn {width:100%;}
}

/*Search Result Pages=====================================================*/
.search-result h1 {margin:0 0 10px 0; font-size:18px;}
.search-result h1 .fa-long-arrow-right {margin:0 10px;}
.search-result .date {font-size:18px; font-weight:700; color:#333; /*text-align:right; */margin-bottom:10px;}
.search-result .date a {color:#337ab7;}
.search-result .table > tbody > tr > td {padding:15px 8px;}
.search-result .select-seat-btn {text-align:right;}
.search-result .select-seat-btn a:focus, .search-result .select-seat-btn a:visited {color:#fff;}
.search-result .details {text-align:right; margin:10px 0;}
.search-result .operator-logo {margin-right:10px;}
.search-result .operator-logo img {width:100px; border:1px solid #ccc;}
.search-result .operator-info a {color:#333;}
.search-result .time, .search-result .price {font-weight:bold; color:#333; /*vertical-align:-4px;*/}
#bus-search-result .operator-info, #train-search-result .operator-info, #ferry-search-result .operator-info,  #car-search-result .operator-info {max-width:60%;}
#bus-search-result .select-seat-btn {display:inline-block;}
.currency-label {color: #f80;font-size: 16px; font-weight: bold;}
.star-rating {background: rgba(0, 0, 0, 0) url("../images/star-rating.png") repeat scroll 0 0; display:inline-block; height: 13px; width: 65px; margin-right:5px; vertical-align:-2px; display:block;}
.icon-label {margin-top:2px;}
.car-rental-name {width:95%;}
.star-zero {background-position: 0 0;}
.star-half {background-position: 0 -13px;}
.star-1 {background-position: 0 -26px;}
.star-1-half {background-position: 0 -39px;}
.star-2 {background-position: 0 -52px;}
.star-2-half {background-position: 0 -65px;}
.star-3 {background-position: 0 -78px;}
.star-3-half {background-position: 0 -91px;}
.star-4 {background-position: 0 -104px;}
.star-4-half {background-position: 0 -117px;}
.star-5 {background-position: 0 -130px;}
.car .search-result .table > tbody > tr > td, #car-details .table > tbody > tr > td {vertical-align:middle;}
.car ul {margin-top:0px;}
.icon-fee {color:#de0000;}
.fa-empire {color:#aba500; font-size:18px !important;}
ul.price-category {padding-left:0px;}
ul.price-category li {list-style:none; display:inline-block; margin-right:-4px;}
ul.price-category .icon-child:before, ul.price-category .icon-senior:before, ul.price-category .icon-disabled:before, ul.price-category .icon-student:before {font-size:16px;}
.featured-bg {background-color:#fffcdf;}
.label-tag {position:absolute; top:-23px; left:-115px;}
.label-featured {display:inline-block; background-color:#de0000; border-radius:0px 0px 5px 5px; padding:3px 10px 2px 10px; color:#fff; font-size:12px; font-weight:bold; letter-spacing:1px; font-family:'Century Gothic'; position:relative; margin-left:10px;}
.label-featured:before {content:""; float:left; position:absolute; top:0; left:-7px; width:0; height:0; border-color:transparent #4b1515 transparent transparent; border-style:solid; border-width:8px 8px 0 0;}
.label-discount {display:inline-block; background-color:#3b78d8; border-radius:0px 0px 5px 5px; padding:2px 10px; color:#fff; font-size:13px; font-weight:bold; letter-spacing:1px; font-family:'Century Gothic'; position:relative; margin-left:10px;}
.label-discount:before {content:""; float:left; position:absolute; top:0; left:-7px; width:0; height:0; border-color:transparent #182043 transparent transparent; border-style:solid; border-width:8px 8px 0 0;}
.label-discount span {font-size:10px;}
.ktm-search-fare {margin-bottom:8px; margin-top:8px;}
.trip-info-item {text-align:center; margin:10px 0;}
.trip-info .fa:before, .trip-info .icon-bus:before, .trip-info .icon-ferry:before, .trip-info .icon-car:before, .trip-info .fas-water, .trip-info .fa-road, .trip-info .icon-train:before {font-size:30px; color:#70266e;}
.trip-info-label {color:#333; font-size:13px; font-weight:bold; margin-top:5px;}
.trip-info h2 {margin:5px 0px;}
.search-result-msg .alert { padding:5px 15px;}
.no-trip-result { text-align:center!important; min-height: 50px;}
.bus-trip-suggestion { padding: 0px; margin: 0px; }
.bus-trip-suggestion a { color: #de0000; font-weight: bold;}
.trip-list {margin-bottom:30px;}

/*Day Pass Search Result =====================================================*/
.day-pass-result .routeInfo {margin-bottom:20px;}
.day-pass-result #filter .btn-filter {right:0px;}
.day-pass-result .table > tbody > tr > td {padding:15px 8px;}
.day-pass-result .operator-logo {margin-right:10px; border:1px solid #ddd;}
.day-pass-result .price {font-weight: bold; color: #333;}
.day-pass-result ul.bullet-list {margin-top:0px; margin-bottom:0px;}
.day-pass-result ul.bullet-list li {padding:0px;}
.day-pass-result .details {margin-top:10px;}
#day-pass-details .title {font-size:16px; font-weight:700; color:#333; margin-bottom:10px;}
#day-pass-details .panel p {text-align:left;}
#day-pass-details .line {border-bottom:1px solid #666;}
#day-pass-details img {width:100%; margin-bottom:15px;}
#day-pass-details .fa {color:#337ab7; margin:0 10px;}
#day-pass-details .title .fa {margin:0px;}
#day-pass-details .fa.kuta {color:#01b67a;}
#day-pass-details .fa.legian {color:#ffb403;}
#day-pass-details .fa.seminyak {color:#795b4e;}
#day-pass-details .fa.jimbaran {color:#ec579e;}
#day-pass-details .fa.nusa {color:#0c3a46;}
#day-pass-details .fa.ubud {color:#6453d3;}

/*Charter Search Result =====================================================*/
.charter-result .routeInfo {margin-bottom:20px;}
.charter-result #filter .btn-filter {right:0px;}
.charter-result .table > tbody > tr > td {padding:15px 8px;}
.charter-result .operator-logo {margin-right:10px; border:1px solid #ddd;}
.charter-result .price {font-weight: bold; color: #333;}
.charter-result ul.list {margin-top:0px; margin-bottom:0px;}
.charter-result ul.list li {padding:0px;}
.charter-result .details {margin-top:10px;}
#charter-details .title {font-size:16px; font-weight:700; color:#333; margin-bottom:10px;}
#charter-details .panel p {text-align:left;}
#charter-details .line {border-bottom:1px solid #666;}
#charter-details img {width:100%; margin-bottom:15px;}
#charter-details .fa {color:#337ab7; margin:0 10px;}
#charter-details .title .fa {margin:0px;}
#charter-details .fa.kuta {color:#01b67a;}
#charter-details .fa.legian {color:#ffb403;}
#charter-details .fa.seminyak {color:#795b4e;}
#charter-details .fa.jimbaran {color:#ec579e;}
#charter-details .fa.nusa {color:#0c3a46;}
#charter-details .fa.ubud {color:#6453d3;}
/*Car Search Result =====================================================*/
.search-result .car-operator-logo img {
    width: 100px;
    height: 40px;
}
.search-result .carimg {width: 120px;}
#carSearchResultsTable .item {margin: 0px;}
#carSearchResultsTable .carousel-control {background-color: #333; top: 40%; width: 10px; height: 30px; text-shadow: none; opacity: 0.5;}
#carSearchResultsTable .carousel-control.left {margin-left: -10px;}
#carSearchResultsTable .carousel-control.right {margin-right: -10px;}
/*Payment Result Advertisement =====================================================*/
#ad .item {margin:15px 0;}
#ad .item img {width: 100%; height:100%;}

/*Filter - Search Result Pages=====================================================*/
#filter .btn:focus, #filter .btn:active {box-shadow:none;}
#filter .panel-body h3 {margin-top:0px;}
#filter .btn-filter {position:absolute; top:-60px; right:15px; font-size:16px;}
#filter ul.list {margin-top:0px; font-size:12px;}
#filter ul.list li {padding:2px 0;}
#filter ul.list li input {margin:0px 3px 0 0; vertical-align:middle;}
#filter ul.operator-list {height:160px; overflow-y:scroll;}

#filter .btn-filter-go {position:absolute; bottom:15px; right:15px;}
/*#filter ::-webkit-scrollbar { width: 12px;}
#filter ::-webkit-scrollbar-track {background-color: #bbb; border-radius: 3px;}
#filter ::-webkit-scrollbar-thumb {background-color: #70266e; border-radius: 3px;}*/
.div-filter .panel-body h3 {margin-top:0px;}
.div-filter ul.list {margin-top:0px; font-size:12px;}
.div-filter ul.list li {padding:2px 3px;}
.div-filter ul.list li input {margin:0px 3px 0 0; vertical-align:middle;}
.div-filter ul.operator-list, ul.fromsubplace-list, ul.tosubplace-list { /* EBW 1809 - Modifiel By Marcus 13 June 2018 */
    height: 250px;
    overflow-y: scroll;
}
/*.div-filter ::-webkit-scrollbar { width: 12px;}
.div-filter ::-webkit-scrollbar-track {background-color: #bbb; border-radius: 3px;}
.div-filter ::-webkit-scrollbar-thumb {background-color: #70266e; border-radius: 3px;}*/

/*Seat Plan - Shared=====================================================*/
.legend {padding-left:0px; text-align:center;}
.legend li { display:inline-block; font-size: 12px; padding:8px 20px;}
.legend [class^="icon-"]:before, .legend [class*=" icon-"]:before  {font-size: 15px !important; margin-right: 6px!important;}
.legend .icon-crown:before {font-size: 12px !important;  margin-right:10px!important;}
.legend .vip {width:0; height:0; border-top:8px solid #ff9900; border-left:8px solid transparent; position:absolute; top:0; right:0;}
.legend .vvip {width:0; height:0; border-top:8px solid #8a2c87; border-left:8px solid transparent; position:absolute; top:0; right:0;}
.legend-available, .legend-green, .legend-red, .legend-grey, .legend-special-seat {float:left; height:15px; width:15px; border-radius:3px; margin-right:3px; margin-top:1px; position:relative; overflow:hidden;}
.legend-available {background: #fff none repeat scroll 0 0 !important; border:1px solid #ccc;}
.legend-green {background: #a9d86e none repeat scroll 0 0 !important;}
.legend-red {background: #ff5050 none repeat scroll 0 0 !important;}
.legend-grey {background: #a1a1a1 none repeat scroll 0 0 !important;}
.legend-special-seat {border:2px solid #ffde2f;}

.seat-chart {padding-bottom:40px;}
.seat-chart img {width:25px; margin-bottom:5px;}
.seat-chart img.luxury-cabin {width:150px; margin-bottom:5px;}
.seat-chart span.total-package-fare { font-weight: bold; font-size: 20px; color: #53cc00; margin-right:5px;}
.seat-plan td {padding:4px; min-width:20px;}
.seat-plan td corridor-cell {height:40px; margin:2px; width:25px; padding-top:4px;}
.seat-plan td a.seat .seat-cell {border-radius:5px; /*height:30px; width:30px;*/ padding:10px; text-align: center; position:relative; /*overflow:hidden;*/ font-size:12px; background:#fff none repeat scroll 0 0 !important; border:1px solid #ccc; color:#444;}
.seat-plan td a.seat .seat-cell.seat-icon {background-color:#FDF9E1!important;}

/*Special Seat Price =====================================================*/
/*.seat-price {margin-top:10px;}
.seat-price h3 {margin-top:45px;}
.seat-price .price {color:#ff9900; font-weight:bold;}
.seat-price .original-price {font-size:12px; color:#888; text-decoration:line-through;}
.seat-price ul {margin:10px 0 0 0; padding:0;}
.seat-price ul li {list-style:none; display:inline-block; margin-right:5px; margin-bottom:5px; font-size:13px; vertical-align:top;}
.seat-price ul li:last-child {margin-right:0px;}
.seat-price ul li a {color:#222; padding:5px 15px; display:block; border:1px solid #ddd; border-radius:3px;}
.seat-price ul li.selected a {color:#222; border:1px solid #ffde2f; background-color:#ffde2f;}
.seat-price ul li .original-price {font-size:12px; color:#888; text-decoration:line-through; text-align:center; margin-top:3px;}*/

.selected-seat-summary {margin-top:45px;}
.selected-seat-summary h3 {font-size:15px;}
.selected-seat-summary td.colon {padding:0 5px;}
.selected-seat-summary td {padding:1px 0; vertical-align:top;}
.selected-seat-summary .price {color:#ff9900; font-weight:bold;}
.selected-seat-summary .original-price {font-size:12px; color:#888; text-decoration:line-through;}
.selected-seat-summary #total-fare, .selected-seat-summary #total-depart-fare, .selected-seat-summary #total-return-fare {font-weight:bold; color:#ff9900; margin-right:5px;}
.selected-seat-summary .fare-legend { background-color:#F5F2F2; padding:10px; font-size:12px; border-radius:4px;}
.selected-seat-summary .fare-legend table th { vertical-align: top; }

#choose-seat-dialog .preloader, #bus-choose-seat-dialog .preloader {  margin-right: -32px; margin-top: 0px; top: 50%; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; text-align: center; right: 50%;}
#bus-seat-chart #seat-plan-scroll-btn, #train-seat-chart #seat-plan-scroll-btn { text-align: center; font-weight: 600; line-height: 40px; right: 0; width: 100%; background: rgba(241,241,241,0.9); position: absolute; bottom: 0; z-index:999;}
#choose-seat-dialog .modal-lg, #bus-choose-seat-dialog .modal-lg {width:1170px;}

.seat-chart a.article-readmore,
.seat-chart a.article-readmore:active,
.seat-chart a.article-readmore:visited,
.seat-chart a.article-readmore:focus
 { color: #f80; margin: 5px;} 
.seat-chart a.article-readmore:hover { color: #ffa640;} 

@media (max-width: 1024px) {
#choose-seat-dialog .modal-lg, #bus-choose-seat-dialog .modal-lg {width:inherit;}
}

@media (max-width: 767px) {
.legend {margin-bottom:0px;}
.legend li {display:inline-block; font-size:12px; padding:5px;}
/*.seat-plan td a.seat .seat-cell {height:35px; width:35px; padding-top:8px;}*/
.selected-seat-summary {margin-top:15px;}
}

/*Bus Seat Plan =====================================================*/
.seat-vip {width:0; height:0; border-top:10px solid #ff9900; border-left:10px solid transparent; position:absolute; top:0; right:0;}
.seat-vip-star {position:absolute; top:-7px; right:0px;}
.seat-vip-crown {position:absolute; top:-9px; right:40%;}
.icon-vip::before {color:#FEC022;}
.icon-crown::before {color:#FEC022;}
.seat-vvip {width:0; height:0; border-top:10px solid #8a2c87; border-left:10px solid transparent; position:absolute; top:0; right:0;}
#coach-upper, #coach-lower, #coach-top {
    padding: 15px 0;
    margin-bottom: 15px;
    text-align: center;
}
.tbl-heading-black {background-color:#23272d; color:#fff;}
.tbl-heading-grey {background-color:#555; color:#fff; font-size:12px;}

.seat-plan td a.seat {cursor:pointer;}
.seat-plan td a.seat.disabled {cursor:not-allowed;}
.seat-plan td a.seat .seat-cell.available { background:#fff none repeat scroll 0 0 !important;}
.seat-plan td a.seat .seat-cell.occupied { background:#ff5050 none repeat scroll 0 0 !important; color:#fff;}
.seat-plan td a.seat .seat-cell.selected { background:#a9d86e none repeat scroll 0 0 !important; color: #333;}
.seat-plan td a.seat .seat-cell.special-seat {border:2px solid #ffde2f;}
.seat-plan td a.seat .seat-cell [class^="icon-"]:before, .seat-plan td a.seat .seat-cell [class*=" icon-"]:before  {font-size: 16px !important; margin-right: 0px!important;/*! width: inherit; */}
.seat-plan td a.seat .seat-cell .seat-vip-crown [class^="icon-"]:before, .seat-plan td a.seat .seat-cell .seat-vip-crown  [class*=" icon-"]:before  {font-size: 12px !important;}

.seat-plan td a.sleeper {cursor:pointer;}
.seat-plan td a.sleeper.disabled {cursor:not-allowed;}
.seat-plan td a.sleeper .sleeper-cell { background: url(/images/bed-available-1.png) no-repeat !important; height:62px; width:35px; border-radius:unset; padding-top:10px; font-size:12px;}
.seat-plan td a.sleeper .sleeper-cell.available { background:url(/images/bed-available-1.png) no-repeat !important; border:hidden;}
.seat-plan td a.sleeper .sleeper-cell.occupied { background:url(/images/bed-occupied-1.png) no-repeat !important; border:hidden;}
.seat-plan td a.sleeper .sleeper-cell.selected { background:url(/images/bed-selected-1.png) no-repeat !important; border:hidden;}

#bus-seat-chart .seat-chart {max-height:420px; overflow-y:auto;}

@media (max-width: 767px) {
#bus-seat-chart .seat-chart {max-height:350px; overflow-y:auto;}
}

/*Train Seat Plan =====================================================*/
#train-seat-chart .seat-chart { min-height:200px; overflow: hidden; text-align:center;}
#train-seat-chart .tab-content { overflow-y: auto; max-height: 350px; }
#train-seat-chart table.seat-plan { margin-bottom: 40px; }
#train-seat-chart table.seat-plan thead th { text-align: center; font-size: 10px; }
#train-seat-chart .seat-chart .remark { font-size: 12px; color: #FF6C60;}
#train-seat-chart .deck-list { padding: 5px 0px;}
#train-seat-chart .deck-list .deck { padding: 0; min-width: 50px; border-radius: 5px; text-align: center; margin-right: 5px; margin-bottom: 5px; border:1px solid #ddd; }
#train-seat-chart .deck-list .deck:hover {color:#fff;}
#train-seat-chart .deck-list .deck.active {background-color:#333; border-color:#333; text-decoration:none;}
#train-seat-chart .deck-list .deck a { display:block; color:#444;}
#train-seat-chart .deck-list .deck.active a {color:#fff;}
#train-seat-chart .deck-list .deck a:focus {color:#fff; text-decoration:none;}
#train-seat-chart .selected-seat-summary {margin-top:0px;}

.violette.seat-plan td a.bed {cursor:pointer;}
.violette.seat-plan td a.bed.disabled {cursor:not-allowed;}
.violette.seat-plan td a.bed .seat-cell {background:url(/images/bed-available-h.jpg) no-repeat !important; height:35px; width:62px; line-height:35px; border-radius:unset; padding-left:10px; font-size:12px;}
.violette.seat-plan td a.bed .seat-cell.available { background:url(/images/bed-available-h.jpg) no-repeat !important; border:hidden;}
.violette.seat-plan td a.bed .seat-cell.occupied { background:url(/images/bed-occupied-h.jpg) no-repeat !important; border:hidden;}
.violette.seat-plan td a.bed .seat-cell.selected { background:url(/images/bed-selected-h.jpg) no-repeat !important; border:hidden;}
.violette.seat-plan .corridor-cell {font-size:12px;}

.vnrailway-sit-cell {width:2px; height: 100%; float: left}
.vnrailway-sit-site {width:35px; height: 5px; background-color: midnightblue; border-radius: 1px;}
.vnrailway.seat-plan td a.bed { cursor: pointer; }
.vnrailway.seat-plan td a.bed.disabled { cursor:not-allowed; }
.vnrailway.seat-plan td a.bed .seat-cell { background: url(/images/bed-available-h.jpg) no-repeat !important; height: 35px; width: 62px; line-height:35px; border-radius: unset; padding-left:10px; font-size:12px;}
.vnrailway.seat-plan td a.bed .seat-cell.available { background: url(/images/bed-available-h.jpg) no-repeat !important; border:hidden;}
.vnrailway.seat-plan td a.bed .seat-cell.occupied { background: url(/images/bed-occupied-h.jpg) no-repeat !important; border:hidden;}
.vnrailway.seat-plan td a.bed .seat-cell.selected { background: url(/images/bed-selected-h.jpg) no-repeat !important; border:hidden;}
.vnrailway.seat-plan .corridor-cell {font-size:12px;}

/*Train Depart Seat Plan =====================================================*/
#train-seat-chart .depart-seat-plan table.seat-plan { margin-bottom: 40px; }
#train-seat-chart .depart-seat-plan table.seat-plan thead th { text-align: center; font-size: 10px; }
#train-seat-chart .depart-seat-plan .seat-chart .remark { font-size: 12px; color: #FF6C60;}
#train-seat-chart .depart-seat-plan .deck-list { padding: 5px 0px;}
#train-seat-chart  .depart-seat-plan.deck-list .deck { padding: 0; min-width: 50px; border-radius: 5px; text-align: center; margin-right: 5px; margin-bottom: 5px; border:1px solid #b4a6c2; background-color:#b4a6c2; }
#train-seat-chart .depart-seat-plan .deck-list .deck:hover {background-color:#333; border-color:#333; -webkit-transition: all 0.35s; transition: all 0.35s;}
#train-seat-chart .depart-seat-plan .deck-list .deck.active {background-color:#333; border-color:#333; text-decoration:none;}
#train-seat-chart .depart-seat-plan .deck-list .deck a{ display:block; color:#fff; }
#train-seat-chart .depart-seat-plan .deck-list .deck a:focus {background-color:#333; border-color:#333; text-decoration:none;}

/*Train Return Seat Plan =====================================================*/
#train-seat-chart .return-seat-plan table.seat-plan { margin-bottom: 40px; }
#train-seat-chart .return-seat-plan table.seat-plan thead th { text-align: center; font-size: 10px; }
#train-seat-chart .return-seat-plan .seat-chart .remark { font-size: 12px; color: #FF6C60;}
#train-seat-chart .return-seat-plan .deck-list { padding: 5px 0px;}
#train-seat-chart .return-seat-plan.deck-list .deck { padding: 0; min-width: 50px; border-radius: 5px; text-align: center; margin-right: 5px; margin-bottom: 5px; border:1px solid #b4a6c2; background-color:#b4a6c2; }
#train-seat-chart .return-seat-plan .deck-list .deck:hover {background-color:#333; border-color:#333; -webkit-transition: all 0.35s; transition: all 0.35s;}
#train-seat-chart .return-seat-plan .deck-list .deck.active {background-color:#333; border-color:#333; text-decoration:none;}
#train-seat-chart .return-seat-plan .deck-list .deck a{ display:block; color:#fff; }
#train-seat-chart .return-seat-plan .deck-list .deck a:focus {background-color:#333; border-color:#333; text-decoration:none;}

/*Train Luxury Upgrade Cabin=====================================================*/
#selectCabin .preloader {  margin-right: -32px; margin-top: 0px; top: 50%; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; text-align: center; right: 50%;}
#selectCabin .panel-option {position:absolute; right:50px; bottom:10px;}
#divTrainLuxury span.total-package-fare { font-weight: bold; font-size: 20px; color: #53cc00; margin-right:5px;}
.item-box {border:1px solid #dcdcdc; margin-bottom:15px;}
.item-info {padding:15px; text-align:center;}
.item-title {font-weight:bold; margin-bottom:5px; position:relative;}
.item-desc {color:#999;}
.item-desc p {text-align:center;}
.item-price {color:#999; margin-bottom:15px;}
.item-price span {color:#222;}
.btn-default.selected {background-color:#5e3171; color:#fff;}
.btn-default.selected span {display: none;}
.btn-default.selected:after {background-color:#5e3171; color:#fff; content:'Selected'}
.btn-default.selected:hover {background-color:#5e3171!important; color:#fff!important;}

@media (max-width: 767px) {
#train-seat-chart .tab-content { overflow-y: auto; max-height: 250px; }
}

@media (max-width: 320px) {
#train-seat-chart .tab-content { overflow-y: auto; max-height: 200px; }
}

/*Ferry Seat Plan =====================================================*/
#ferry-seat-chart .seat-chart {min-height:300px; text-align:center;}

@media (max-width: 767px) {
#ferry-seat-chart .seat-chart {min-height:250px; text-align:center;}
}

/*Search Result Page > More Details =====================================================*/
.trip-details .form-horizontal .control-label {text-align:left; padding-top:0px; font-weight:bold;}
.trip-detail-carousel {margin-bottom:20px;}
.trip-detail-carousel .item {margin-bottom:0px;}
.trip-detail-carousel .carousel-inner {height:180px; overflow:hidden; background-color:#333;}
.trip-detail-carousel .carousel-indicators {bottom:-40px; right:0; width: auto; left: auto;}
.trip-detail-carousel .carousel-indicators .active {background-color:#333; border:1px solid #333; width:10px; height:10px; margin:1px;}
.trip-detail-carousel .carousel-indicators li {background-color:#777; border:1px solid #777;}
.trip-detail-carousel .carousel-control { opacity: 1;}
.trip-detail-carousel .carousel-control .fa { font-size: 25px;}
.trip-detail-carousel .carousel-control .fa-angle-left, .trip-detail-carousel .carousel-control .fa-angle-right {top:50%; position:absolute; right: 15px}
.trip-detail-carousel .carousel-control.right { background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); }

/*Passenger Details Pages (All Products) =====================================================*/
#passenger-details .form-horizontal .control-label {text-align:left;}
ul.ticket-info {padding-left:0;}
ul.ticket-info li {list-style:none; padding:4px 0; /*line-height:22px;*/}
ul.ticket-info li span {display:block; font-weight:bold;}
.sub-title {font-size:14px; font-weight:bold; color:#222; text-decoration:underline; margin-bottom:5px;}
.payment-info .row {margin-left:-15px; margin-right:-15px; margin-bottom:5px;}
.payment-info .row .col-xs-3 {text-align:right;}
.payment-info .label-help .tooltip {width:200px;}
.payment-info .label-help .sm .tooltip {width:130px;}
.payment-info .total-price {color:#000; font-weight:bold; font-size:18px; border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
.payment-info .price-breakdown {border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px}
.payment-info .breakdown .fa-chevron-right { transform:rotate(0deg); transition: .5s; }
.payment-info .breakdown .fa-chevron-right.expand { transform:rotate(90deg); transition: .5s; }
.payment-info .breakdown-description { margin-right: 20px; text-align: right; font-size: 12px; color: #7f8287; }
.payment-info .breakdown-price { margin-right: 0px; text-align:right; font-size: 12px; color: #7f8287; position:absolute; bottom: 0; right: 15px; }
#payment-info .panel-body.loading { opacity: .5;}
#payment-info .preloader { position: absolute; top: 35%; right: 40%; width: 74px; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
#payment-info { position: relative; margin-top:5px;}
#depart-info .panel-body.loading { opacity: .5;}
#depart-info .preloader { position: absolute; top: 35%; right: 40%; width: 74px; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
#return-info .panel-body.loading { opacity: .5;}
#return-info .preloader-return { position: absolute; top: 55%; right: 40%; width: 74px; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
#surcharge th { border-top:none; color:#000; }
#payment-option { position: relative; }
#payment-option .panel-body.loading, #payment-option .payment-method-footer.loading{ opacity: .5;}
#payment-option .preloader { position: absolute; top: 7%; right: 40%; width: 74px; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
#attraction-ticket-addon-content .panel-body .attraction-ticket-addon .preloader {position: absolute;top: 33%;right: 40%;width: 74px;height: 46px;background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
#attraction-ticket-addon-content .panel-body.loading {opacity: .5;pointer-events:none;}
#passenger-list .tiket-preloader {
    position: absolute;
    top: 35%;
    z-index:1;
    right: 43%;
    width: 74px;
    height: 46px;
    background: url(/images/icon-preloader.gif?v=2) no-repeat center center;
}
#change-seat-dialog .postselect-preloader {
    margin-right: -32px;
    margin-top: 0px;
    top: 50%;
    height: 46px;
    background: url(/images/icon-preloader.gif?v=2) no-repeat center center;
    text-align: center;
    right: 50%;
}
#post-choose-seat-dialog .postselect-preloader{  margin-right: -32px; margin-top: 0px; top: 50%; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; text-align: center; right: 50%;}
.seat-plan td .corridor-cell {min-height: 20px}
#trip-info .preloader { position: absolute; top: 15%; right: 40%; width: 74px; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
#alertmsg .item {margin-bottom:10px;}
.passenger-info-flex-wrap {display:flex; flex-wrap:wrap}
.bold-warning-text{color:red; font-size:18px; font-weight:bold;}
#lucky-prize .panel.loading, #refundprotection .panel.loading, #voucher-content .panel.loading {
    opacity: .5;
}
.container-with-overlay { position: relative }
.overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2 }
.preloader-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color:rgba(255, 255, 255, 0.5);}
/*.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: .3;
    background: #000;
}*/

/*Sticky Side Bar===================================*/
#stickySidebar.affix {top:15px; min-width:360px; width:360px; /*z-index:9999;*/}

@media (max-width: 768px) {
#stickySidebar.affix {position:static; min-width:inherit;}
}

/*Ferry Add-on Vehicle===================================*/
.addon-vehicle {margin-bottom:25px;}
.addon-vehicle .control-label {padding-top:5px;}
.addon-vehicle .plateno .form-group {margin-bottom:5px;}

@media (max-width: 767px) {
.addon-vehicle .plateno .form-group:last-child {margin-bottom:20px;}
}

/*Flight Product Payment info ====================================================*/
#payment-info .flight-payment-info.loading { opacity: .5; }

/*Confirm Seat Banner ====================================================*/
.confirm-seat-banner {border:8px solid #ebeced; padding:15px; /*text-align:center;*/ border-radius:5px; color:#333; font-size:16px; margin-bottom:15px;}
.confirm-seat-banner .title {color:#111;}
.confirm-seat-banner .banner-content {margin-left:15px; width:80%;}

/*Member Page =====================================================*/
.myform .form-group::before, .myform .form-group::after {content: " "; display: table;}
.myform .form-group::after {clear: both;}
#booking-result .preloader  { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}
#my-profile label, #booking-history label {font-weight:bold;}
#my-profile .form-group {border-bottom:1px solid #eff2f7; padding-bottom:5px; margin-bottom:10px;}
.member .tab-content {margin-top:0px;}
.member-area .nav-pills > li > a {border:1px solid #ddd; border-radius:5px;}
.member-area li.active a, .member-area li.active a:focus, .member-area li.active a:hover {border:2px solid #70266e; background-color:#fff;}
.member-area .nav-pills > li.active > a, .member-area .nav-pills > li.active > a:hover {color:#70266e; font-weight:bold;}
.member-area .nav-stacked li ul.dropdown-menu li a {border:2px solid #fff; background-color:#fff;}
.member-area .nav-stacked li ul.dropdown-menu li.active a {color:#777;}
.member-area .note-txt {font-size:12px; color:#e1301f; margin-left:3px; font-weight:bold;}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 999; /* Ensure it's above all elements */
    display: none; /* Hidden by default */
}

/* Centered spinner */
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#my-voucher .voucher-list {overflow-y:scroll; overflow-x:hidden; max-height:300px; padding-right:5px;}
#my-voucher .drow {/*border-bottom:1px solid #ddd;*/}
#my-voucher .dvalue {display:inline-block; margin-right:5px; font-weight:bold;}
#my-voucher .dcode {display:inline-block; font-size:12px; font-style:italic;}
#my-voucher .dexp {float:right; font-size:12px; font-style:italic; color:#888; margin-top:3px;}
#my-voucher .show-more-link {margin-top:10px; margin-bottom:10px;}
#my-voucher .show-more-link a {cursor:pointer;}

/*Booking History ===========================================*/
#booking-history .form-group {padding-bottom:2px; margin-bottom:5px;}
#booking-history .booking-history-search label {font-weight:normal;}
#booking-history {}
#booking-history .panel-options {top:15px; right:15px;}
#booking-history .panel-options .btn {font-size:13px; padding:6px 10px;}
#booking-history .sub-title {font-weight:bold; color:#000; text-decoration:underline; margin-top:20px;}
#booking-history .date span {display:block;}
#booking-history .btn-outline {font-size:12px; font-weight:normal; border:1px solid #70266e; color:#70266e; border-radius:4px; padding:3px 6px; margin-top:10px;}
#booking-history .separator {border-top:1px dashed #ddd; margin:10px 0 -10px 0;}
#booking-history .info-help { vertical-align:-2px;}
#booking-history .status-tag {color:#fff; border-radius:3px; padding:2px 5px; font-size:12px;}
#booking-history .status-tag.pending {background-color:#ff9900;}
#booking-history .status-tag.success {background-color:#1b6f2e;}
#booking-history .status-tag.failed {background-color:#e1301f;}
#booking-history .status-tag.rescheduled {background-color:#36a73d;}
#booking-history .status-tag.cancelled {background-color:#aaa;}
.booking-transaction {position:relative;}
.booking-transaction .row {margin-bottom:8px;}
.booking-transaction .sub-heading {text-decoration:underline; font-weight:bold; margin-top:20px; display:inline-block;}
.booking-transaction .panel-options .btn {display:block; margin-bottom:7px;}
.booking-transaction .nav-pills > li.active > a, .booking-transaction .nav-pills > li.active > a:focus, .booking-transaction .nav-pills > li.active > a:hover {background-color:#70266E; color:#fff;}
.booking-transaction .nav > li, .nav > li > a:hover, .booking-transaction .nav > li > a:focus {background-color:#F5F5F5; border-radius:4px;}
.booking-transaction .nav-justified > li > a {color:#555; padding:6px 15px;}

@media (max-width: 767px) {
#booking-history {font-size:13px;}
#booking-history .panel-options {position:static; text-align:center; margin-bottom:15px; margin-top:15px;}
#booking-history .line-height {padding:3px 0px;}
#booking-history .date span {display:inline-block;}
#booking-history .btn-outline {margin-top:5px;}
.booking-transaction .panel-options .btn {display:inline-block; margin-bottom:0px;}
}

/*Booking History -Edit Passenger Details ===========================================*/
#edit-booking-passenger .form-horizontal .control-label {text-align:left;}

/*Member Advanced Booking page ===========================================*/
#advanced-booking-container .preloader  { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}

/*Bus Operator Landing Page =====================================================*/
.list li i {width:20px;}
#bus-operator .item-image {max-height:180px;}
#bus-operator .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
#bus-operator .btn-lg span {vertical-align:-2px;}
#bus-operator .panel-heading {font-weight:bold; font-size:18px;}
#bus-operator .panel-heading span {vertical-align:-8px; margin-left:5px;}
#bus-operator .totop {text-align:right; margin-bottom:20px;}
#bus-operator ul {-webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4;}
#bus-operator ul.bullet-list li {margin-left:10px; margin-bottom:6px; padding:0px;}

/*Ferry Operator Landing Page =====================================================*/
#ferry-operator .item-image {max-height:180px;}
#ferry-operator .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
#ferry-operator .btn-lg span {vertical-align:-2px;}
#ferry-operator .panel-heading {font-weight:bold; font-size:18px;}
#ferry-operator .panel-heading span {vertical-align:-8px; margin-left:5px;}
#ferry-operator .totop {text-align:right; margin-bottom:20px;}
#ferry-operator ul {-webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4;}
#ferry-operator ul.bullet-list li {margin-left:10px; margin-bottom:6px; padding:0px;}

/*Train Operator Landing Page =====================================================*/
#train-operator .item-image {max-height:180px;}
#train-operator .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
#train-operator .btn-lg span {vertical-align:-2px;}
#train-operator .panel-heading {font-weight:bold; font-size:18px;}
#train-operator .panel-heading span {vertical-align:-8px; margin-left:5px;}
#train-operator .totop {text-align:right; margin-bottom:20px;}
#train-operator ul {-webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4;}
#train-operator ul.bullet-list li {margin-left:10px; margin-bottom:6px; padding:0px;}

/*All Products Landing Page =====================================================*/
h1.text-grey {margin-bottom:20px;}


/*Bus Operator Details Page =====================================================*/
#profile img {float:left; margin-right:15px;}
#profile #more-content.collapse {display:block;}
#profile i {pointer-events: none; z-index:-99;}
#profile .btn-rate {position:absolute; right:0px; top:-60px;}
#office .box-height {min-height:180px;}
#office p {text-align:left; margin-bottom:5px;}
#schedule2 #no-more-tables td {padding-left:10px;}
#schedule2 #no-more-tables .col-route2 {width:60%;}
#schedule2 #no-more-tables .btn {padding:3px 8px;}


/*Top 10 Destinations to Visit (Main Page) =====================================================*/
#top-attraction {background-image:url("../images/tour/2.jpg");}
#top-attraction .carousel-inner .item:before, .carousel-inner .item:after {content:"."; display:block; height:0; overflow:hidden;}
#top-attraction .carousel-inner .item:after {clear: both;}
#top-attraction .carousel-inner .item {margin-bottom:0px;}
#top-attraction .carousel-inner .item .title {margin-top:40px;}
#top-attraction .control-box {width: 100%; position:absolute; top:-20px; text-align:center;}
#top-attraction .carousel-control{ background-image:none; text-shadow:none; border:2px solid #ddd; color:#333; opacity: 1; padding: 0px 10px; position: static;}
#top-attraction .carousel-control.left, #top-attraction .carousel-control.right {background-image:none;}
#top-attraction .carousel-control:hover {color:#337ab7;}
#top-attraction .carousel-control:focus {color:#333;}
#top-attraction img.flag {height:auto; width:auto;}
#top-attraction .all {position:absolute; top:40px; right:15px; font-weight:bold;}
#top-attraction .all a {color:#ddd; font-size:14px;}
#top-attraction .all a:hover {color:#fff;}
#top-attraction ul.widget {padding:0;}
#top-attraction ul.widget li {border-bottom:1px solid #555; list-style:none;}
#top-attraction ul.widget li .recent-post {padding:10px 0;}
#top-attraction ul.widget li .recent-post .post-thumb {display:block; float:left; margin-right:15px;}
#top-attraction ul.widget li .recent-post .post-thumb img {height:70px; width:100px;}
#top-attraction ul.widget li .recent-post a {padding:0;}
#top-attraction ul.widget li a {transition:text-indent 0.3s ease 0s, color 0.3s ease 0s;}
#top-attraction ul.widget li .recent-post .post-title {margin:0 0 5px 0;}
#top-attraction ul.widget li .recent-post .post-title a {display:inline;}


/*Tour Package Detail Pages =====================================================*/
#tourCarousel .item {margin-bottom:0px;}
#tourCarousel .carousel-inner > .item > a > img, #tourCarousel .carousel-inner > .item > img {height:318px;}
#tourCarousel i {margin-top:150px; font-size:24px;}
#tourCarousel .carousel-control {opacity:0.9;}
#slider-thumbs {height:320px; overflow-y:scroll;}
#slider-thumbs.col-sm-4, #slider.col-sm-8 {padding:0;}
#slider-thumbs.col-sm-4 {width:35%;}
#slider.col-sm-8 {width:65%;}
#slider-thumbs li {float:right;}
#slider-thumbs li.col-sm-6 {padding:0px 14px 5px 0px;}
#slider-thumbs .hide-bullets {list-style:none; margin-left: -25px;}
#slider-thumbs li a:hover {filter: brightness(0.3); -webkit-filter: brightness(0.3); -webkit-transition: all 0.35s; transition: all 0.35s; border:1px solid #ddd;}
#slider-thumbs .thumbnail {padding: 0; height:76px; width:108%; overflow:hidden; margin-bottom:0px; border-radius:0px; cursor:pointer; background-color:#fff;}
#slider-thumbs .carousel-inner>.item>img, #slider-thumbs .carousel-inner>.item>a>img { width: 100%; }

#ts .ts-heading { background-color: #d3d3d3; padding: 5px 10px; font-weight: bold; margin: 0 8px; }
#ts .tt-suggestion:hover {margin: 0 8px; padding-left:2px;}
#ts .btn {background-color:#333; border:none; color:#fff; text-decoration:none;}

/*Tour Destination =====================================================*/
#tour-destination ul.post {padding-left:0px;}
#tour-destination ul.post li{ list-style:none; border-bottom:1px solid #ddd; padding:15px 0px; position:relative;}
#tour-destination .checkbox {float:left; margin-top:0px;}
#tour-destination .post-thumb {float: left; padding: 3px;}
#tour-destination .post-thumb img {width:100px; height:80px;}
#tour-destination .post-info {padding-left:30px; width:75%;}
#tour-destination .post-info span{color: #666; display: block; line-height: 1.4; margin-top: 4px; font-size: 11px;}
#tour-destination .post-info .r-info {position:absolute; top:10px; right:0px;}
#tour-destination .price {color:#000; font-size:16px; font-weight:bold;}
#tour-destination .price span {font-size:13px; font-weight:normal; color:#636363;}
#tour-destination .post-title {margin-bottom:0px;}
#tour-destination .price-wrap {border-left:1px solid #ddd; padding-left:10px; position:relative;}
#tour-destination .tag {margin-right:25px; font-size:12px; width:50px; display:inline-block;}
#tour-destination .fa {width:16px;}
#tour-destination .price {color:#000; font-size:14px; font-weight:bold; margin-bottom:5px;}
#tour-destination .price span {font-size:11px; font-weight:normal; color:#636363; display:block;}
#tour-destination .more-btn .btn {padding:3px 8px;}

/*Related Tour Packages =====================================================*/
.panel-body.related-package {/*min-height:654px; max-height:654px; overflow-y:scroll;*/}
#tour-tab {text-align:center; margin-bottom:15px;}
#tour-tab .btn-tab {margin-right:15px; width:40%;}
#tour-cms-tab {text-align:center; margin-bottom:15px;}
#tour-cms-tab .btn-tab {margin-right:15px; width:30%;}
#related-package ul.post {padding-left:0px;}
#related-package ul.post li{ list-style:none; border-bottom:1px solid #ddd; padding:15px 0px; position:relative;}
#related-package .checkbox {float:left; margin-top:0px;}
#related-package .post-thumb {float: left; padding: 3px;}
#related-package .post-thumb img {width:100px; height:80px;}
#related-package .post-info {padding-left:30px; width:75%;}
#related-package .post-info span{color: #666; display: block; line-height: 1.4; margin-top: 4px; font-size: 11px;}
#related-package .post-info .r-info {position:absolute; top:10px; right:0px;}
#related-package .price {color:#000; font-size:16px; font-weight:bold;}
#related-package .price span {font-size:13px; font-weight:normal; color:#636363;}
/*#related-package .more-btn {padding-top:10px;}*/
.discount-percent, .discount-fixed, .selling-fast {color:#fff; padding:1px 5px; border-radius:3px; display:inline; margin-right:5px;}
#related-package .post-title {margin-bottom:15px;}
#related-package .price-wrap {border-left:1px solid #ddd; padding-left:10px; position:relative;}
#related-package .tag {position:absolute; right:0; top:0px;}
#related-package .tag img {width:16px;}
#related-package .price {color:#000; font-size:14px; font-weight:bold; margin-bottom:5px;}
#related-package .price span {font-size:11px; font-weight:normal; color:#636363; display:block;}
#related-package .more-btn .btn {padding:3px 8px;}
.discount-percent, .discount-fixed, .selling-fast {color:#fff; padding:1px 5px; border-radius:3px; display:inline; margin-right:3px; font-size:12px; font-weight:normal;}
.discount-percent {background-color:#ff4747;}
.discount-fixed {background-color:#5b8ee3}
.selling-fast {background-color:#fbbf3f;}


/*Related Tour Packages Filter Options =====================================================*/
#related-package-filter .checkbox {display:block;}
#related-package-filter .checkbox label {font-weight:normal;}
#related-package-filter label {font-weight:bold; padding-bottom:5px;}
#related-package-filter .row {border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-top: 5px; padding-bottom:5px;}
#related-package-filter .row:last-child {border-bottom:none;}


/*Related Tour Packages Compare Box at Bottom =====================================================*/
.compare-wrap {position:fixed; bottom:0px; margin:0 auto; background-color:#333; width:100%; padding:40px 0 30px 0; z-index:999;}
#compare .post-item { background-color:#fff; padding:5px; position:relative; min-height:77px;}
#compare .post-item:before, #compare .post-item::after {content:"."; display:block; height:0; overflow:hidden;}
#compare .post-item:after {clear: both;}
#compare .post-item-blank {border:1px solid #fff; min-height:77px;}
#compare .post-thumb {float: left; padding: 3px;}
#compare .post-thumb img {width:80px; height:60px;}
#compare .post-info {padding-left:5px; width:100%;}
#compare .close {position:absolute; top:-20px; right:0px; font-size:14px; text-shadow:none; opacity:0.8;}
#compare .close a {color:#fff;}
#compare .item {margin-bottom:0px; padding:20px 0;}
#compare .btn-lg {margin-top:33px;}
#compare-carousel {padding-left:45px;}
#compare-carousel .carousel-control.left {background-image:none; left:-50px; top:35%; z-index:999;}
#compare-carousel .carousel-control.right {background-image:none; right:-80px; top:35%; z-index:999;}


/*Tour Packages Compare Page =====================================================*/
/*---double scroll bar---*/
.wrapper1, .wrapper2 { width: 918px; overflow-x: scroll; overflow-y:hidden;}
.wrapper1, .div1 {height: 17px; }
.wrapper2, .div2 {height: 1300px; }
.div1, .div2 {width:2450px;}
/*---end double scroll bar---*/
#tour-compare .table-responsive { overflow:hidden;}
#tour-compare .compare-info {/*width:918px; overflow:auto;*/ text-align:center;}
#tour-compare .compare-info ul.compare-item {width:307px; border-right:1px solid #ddd;}
#tour-compare td {padding:0px; vertical-align:top;}
#tour-compare .col-label {min-width:150px; font-weight:bold; background-color:#f5f5f5;}
#tour-compare .col-label img {min-height:183px; }
#tour-compare ul.compare-item {padding-left:0px; margin-bottom:0px;}
#tour-compare ul.compare-item li {list-style:none; padding:5px 15px; border-bottom:1px solid #ddd; white-space:normal;}
#tour-compare ul.compare-item li:last-child {border-bottom:none;}
#tour-compare ul.compare-item li.title {height:80px; font-weight:normal; font-size:16px; margin-bottom:0px;}
#tour-compare ul.compare-item li.height-middle {height:48px;}
#tour-compare .col-label ul.compare-item li.height-highlight, #tour-compare .col-label ul.compare-item li.height-inclusive, #tour-compare .col-label ul.compare-item li.height-exclusive, #tour-compare .col-label ul.compare-item li.height-itinerary  {overflow:auto;}
#tour-compare ul.compare-item li.height-highlight  {height:185px; overflow-y:scroll;}
#tour-compare ul.compare-item li.height-inclusive  {height:100px; overflow-y:scroll;}
#tour-compare ul.compare-item li.height-exclusive  {height:100px; overflow-y:scroll;}
#tour-compare ul.compare-item li.height-itinerary  {height:305px; overflow-y:scroll;}
#tour-compare ul.compare-item li ul { margin-bottom:15px;}
#tour-compare ul.compare-item li ul.bullet-list li { list-style:disc; border-bottom:none!important; text-align:left; padding:0px;}
#tour-compare img {width:100%;}
#tour-compare h2 {font-size:14px; color:#636363; text-align:left; }


/*TCP =====================================================*/
#tcp-package h1 {margin-bottom:0px;}
#tcp-package ul.post {padding-left:0px;}
#tcp-package ul.post li{ list-style:none; border-bottom:1px solid #ddd; padding:15px 0px; position:relative;}
#tcp-package .radio-inline {float:left; margin-top:0px; margin-bottom:10px;}
#tcp-package .post-info {border-right:1px solid #ddd; padding:0 15px 15px 15px;}
#tcp-package .post-thumb {display:inline-block; margin-bottom:10px;}
#tcp-package .post-thumb img {width:110px; height:90px;}
#tcp-package .post-title {margin-bottom:10px;}
#tcp-package .post-desc {margin-bottom:10px; font-size:12px; /*white-space:nowrap; overflow:hidden; text-overflow: ellipsis;*/}
#tcp-package .price-wrap {position:relative; margin-top:15px;}
#tcp-package .price {display:inline-block; padding-left:10px; padding-right:10px; color:#000; font-size:14px; font-weight:bold; margin-bottom:5px;}
#tcp-package .price span {font-size:11px; font-weight:normal; color:#636363; display:block;}
#tcp-package .price .form-group {margin-bottom:0px; margin-top:5px;}
#tcp-package .remark {font-size:12px; color:#ffde2f; padding-left:10px;}


/*Top 10 Destinations Pages (Landing, Country, State)=====================================================*/
#top-country-home .hovereffect:hover img { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter'); filter: brightness(1.2); -webkit-filter: brightness(1); -webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg);}
#top-country-home .hovereffect .overlay {border-bottom: none; border-top: none;}
#top-country-home .item {margin-bottom:28px;}
#top-country-home .label-title {position:absolute; left:0px; top:40%; padding:10px 15px; background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0; z-index:999; color:#fff; font-size:18px;}
#top-country-home .item-image {display: block; height: 160px; /*min-height: 220px;*/overflow: hidden; width: 100%; background-color:#CCC;}

#top-country .hovereffect:hover img { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter'); filter: brightness(1.2); -webkit-filter: brightness(1); -webkit-transform: scale(1.1) rotate(0deg); transform: scale(1.1) rotate(0deg);}
#top-country .hovereffect .overlay {border-bottom: none; border-top: none;}
#top-country .item {margin-bottom:28px;}
#top-country .label-title {position:absolute; left:0px; top:40%; padding:10px 15px; background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0; z-index:999; color:#fff; font-size:18px;}
#top-country .item-image {display: block; height: 220px; /*min-height: 220px;*/overflow: hidden; width: 100%; background-color:#CCC;}


/*Tour Type Info=====================================================*/
.tour-type-info .nav > li > a {padding:5px 2px; margin-right:30px; margin-bottom:3px;}
.tour-type-info .nav > li:last-child > a {margin-right:0px;}
.tour-type-info .nav-pills > li.active > a {background-color:#fff; color:#333; font-weight:bold; border-bottom:3px solid #ffde2f; border-radius:0px;  margin-bottom:0px;}
.tour-type-info .nav > li > a:hover {background-color:#fff;}
.tour-type-info .nav {border-bottom:1px solid #ddd;}

@media screen and (max-width: 767px) {
.tour-type-info .nav > li > a {margin-top:10px;}
}


/*SEO Article Pages=====================================================*/
.article h1 {margin-bottom:20px;}
.article img {float:right; border:1px solid #ddd; margin-left:20px; margin-bottom:20px; margin-top:5px; max-width:500px;}
.article iframe {float:left; border:1px solid #ddd; margin-right:20px;}
.article ul, .article ol {/*display:inline-block;*/ margin-bottom:20px; padding-left:15px; /*width:60%;*/}
.article ul li, .article ol li {padding:5px 0; line-height:24px;}
.article ul li a, .article ol li a {color:#636363;}
.article ul li a:hover, .article ol li a:hover {color:#337ab7;}
.article ul li a, .article ol li a {color:#337ab7;}
.article .date { font-style:italic; color:#333;}


/*Popular Route Landing Page=====================================================*/
/*#route .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
#route .btn-lg span {vertical-align:-2px;}
#route .panel-heading {font-weight:bold; font-size:18px;}
#route .panel-heading span {vertical-align:-8px; margin-left:5px;}
#route .totop {text-align:right; margin-bottom:20px;}
#route ul.bullet-list {margin-bottom:40px;}*/
#route .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
#route .btn-lg span {vertical-align:-2px;}
#route .panel-heading {font-weight:bold; font-size:18px;}
#route .panel-heading span {vertical-align:-8px; margin-left:5px;}
#route .totop {text-align:right; margin-bottom:20px;}
#route ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;}
#route ul.bullet-list li {margin-left:10px; margin-bottom:6px; padding:0px;}

@media (max-width: 768px) {
#route ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
}


/*Gallery =====================================================*/
ul.gallery {padding-left:0px;}
ul.gallery li {list-style:outside none none; margin-bottom:30px; height:170px; overflow:hidden;}
ul.gallery li img {width:100%;}


/*Press Release Pages=====================================================*/
.press-release .item {min-height:520px;}
.press-release .item img {border:1px solid #ddd; max-height:250px;}
.press-release .item-desc {height:60px; overflow:hidden;}


/*Latest Deals Pages=====================================================*/
.deals .item {min-height:480px;}
.deals .item img {border:1px solid #ddd; max-height:250px;}
.deals .item-desc {height:60px; overflow:hidden;}
.deals .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
.deals .btn-lg span {vertical-align:-2px;}
.deals .mypanel {transition: 0.2s;}
.deals .mypanel:hover {transform: translateY(-5px);}
.deals .mypanel .item-title {min-height:70px;}
.deals .mypanel img {margin-bottom:10px;}
.deals .mypanel .desc {color:#555; margin-bottom:5px; min-height:45px;}
.deals .step-link {text-align:center;}

@media screen and (max-width: 767px) {
.deals .mypanel .item-title, .deals .mypanel .desc {min-height:inherit;}
.deals .step-link {margin-bottom:50px;}
}


/*Latest News Pages=====================================================*/
.news .item {min-height:475px;}
.news .item img {border:1px solid #ddd; max-height:250px;}
.news .item-desc {height:60px; overflow:hidden;}
.news .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
.news .btn-lg span {vertical-align:-2px;}
.news .item-title { padding-top: 10px; height: 50px; }

/*FAQ Page =====================================================*/
.faq .panel-heading [data-toggle="collapse"]:after {font-family:'FontAwesome'; content:"\f056"; float:right; color:#70266e; font-size:18px;}
.faq .panel-heading [data-toggle="collapse"].collapsed:after {content: "\f055";}
.faq .tab-content {margin-top:0px;}
.faq ol {padding-left:0px; margin-bottom:40px;}
.faq ol li {margin-left:0px;}
.faq ol li a {color:#636363; display:block;}
.faq .panel-default > .panel-heading {padding-left:30px;}
.faq .panel {margin-bottom:10px;}
.faq ol ul {margin-bottom:15px;}
.faq .nav-pills > li > a {border:1px solid #dedede; border-radius:5px;}
.faq li.active a, .faq li.active a:focus, .faq li.active a:hover {border:1px solid #70266e; background-color:#70266e;}
.faq .nav-stacked li ul.dropdown-menu li a {border:1px solid #fff; background-color:#fff;}
.faq .nav-stacked li ul.dropdown-menu li.active a {color:#777;}
ol.faq-ol {margin-left:20px;}
.faq ol li ul li a {color:#337ab7!important;display:inline!important;}
.faq ol li ul li a:hover {color:#23527c!important;}
.faq ol li ul li a:focus {color:#23527c!important;}
/* Internet Explorer 10+, Microsoft Edge Browser */
@supports (-ms-ime-align:auto) {
    .faq ol {
        counter-reset: list;
        list-style: none;
    }

    .faq ol .panel-heading li {
            counter-increment: list;
            position: relative;
      }

     .faq ol .panel-heading li::before {
                content: counter(list) ". ";
                margin-right: 5px;
                position: absolute;
                right: 100%;
         }
}

/* Internet Explorer 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .faq ol {
        counter-reset: list;
        list-style: none;
    }

   .faq ol .panel-heading li {
            counter-increment: list;
            position: relative;
        }
  .faq ol .panel-heading li::before {
                content: counter(list) ". ";
                margin-right: 5px;
                position: absolute;
                right: 100%;
      }
}
/*Contact Page =====================================================*/
.contact h2 {margin-top:0px; margin-bottom:0px;}
#CaptchaCode {text-transform:none!important;}
.contact .lang {color:#31708f; background-color:#d9edf7; border:1px solid #bce8f1; padding:1px 5px; font-size:12px; border-radius:3px;}
.contact .sprite {vertical-align:-8px;}

/*How To Book Page =====================================================*/
.how-to-book .tab-content {margin-top:0px;}
.how-to-book .tab-content h1, .how-to-book .tab-content h2 {margin-bottom:20px;}
.how-to-book ol {padding-left:15px; margin-bottom:40px;}
.how-to-book ol img {margin-left:-15px; margin-bottom:15px; width:100%; border:1px solid #ddd;}
.how-to-book ol li {padding-bottom:5px;}
.how-to-book ol ul {margin-bottom:15px;}
.how-to-book .nav-pills > li > a {border:1px solid #dedede; border-radius:5px;}
.how-to-book li.active a {border:1px solid #555;}
.how-to-book .nav-stacked li ul.dropdown-menu li a {border:1px solid #fff;}
.step-box-wrap {margin:0 auto; position:relative; text-align:center; width:60%;}
.step-box {border:3px solid #ddd; border-radius:15px; padding:25px 30px;}
.step-box p {text-align:center; margin-bottom:0px;}
.step-box p span.no {font-weight:bold; font-size:20px; color:#000;}
.step-box-icon {border:3px solid #ffde2f; border-radius:25px; background-color:#fff; width:50px; height:50px; padding-top:2px; position:absolute; left:-30px; top:15px; font-weight:bold; font-size:28px; color:#000;}
.step-box-icon .fa {color:#222; font-size:28px!important;}


/*Site Map Page =====================================================*/
.sitemap ul {margin-bottom:40px;}
.sitemap .title {margin-bottom:0;}
.sitemap .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.sitemap .row > [class*='col-'] { display: flex; flex-direction: column; }


/*Bus Terminal Page =====================================================*/
.bus-terminals img {border:1px solid #ddd; float:left; margin-right:20px; margin-bottom:15px; width:350px;}
.bus-terminals .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
.bus-terminals .btn-lg span {vertical-align:-2px;}
.bus-terminals .panel-heading {font-weight:bold; font-size:18px;}
.bus-terminals .panel-heading span {vertical-align:-8px; margin-left:5px;}
.bus-terminals ul.bullet-list {margin-top:5px; margin-bottom:30px;}
.bus-terminals .totop {text-align:right; margin-bottom:20px;}

/*Ferry Terminal Page =====================================================*/
.ferry-terminals .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
.ferry-terminals .btn-lg span {vertical-align:-2px;}
.ferry-terminals .panel-heading {font-weight:bold; font-size:18px;}
.ferry-terminals .panel-heading span {vertical-align:-8px; margin-left:5px;}
.ferry-terminals ul.bullet-list {margin-top:5px; margin-bottom:30px;}
.ferry-terminals .totop {text-align:right; margin-bottom:20px;}

/*Train Terminal Page =====================================================*/
.train-terminals .btn-lg {border:1px solid #ccc; margin-bottom:8px; margin-right:5px;}
.train-terminals .btn-lg span {vertical-align:-2px;}
.train-terminals .panel-heading {font-weight:bold; font-size:18px;}
.train-terminals .panel-heading span {vertical-align:-8px; margin-left:5px;}
.train-terminals ul.bullet-list {margin-top:5px; margin-bottom:30px;}
.train-terminals .totop {text-align:right; margin-bottom:20px;}


/*Map Details Content =====================================================*/
#map-details-content h2 {margin:0;}
#map-details-content .title {font-size:16px; margin-bottom:10px; margin-top:5px;}
#map-details-content ul.bullet-list {margin-top:0px; margin-bottom:25px; column-count:2; list-style-position:outside;}
#map-details-content ul.bullet-list li {padding:2px; margin-left:10px;}
#map-details-content .carousel {margin:0 auto 15px auto;}
#map-details-content .carousel-inner {background-color:#333;}
#map-details-content .carousel-inner .item {margin-bottom:0px;}
#map-details-content .carousel-inner p {text-align:center;}
#map-details-content .carousel-control.right {background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%); background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%); background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5))); background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0%,rgba(0,0,0,.5) 100%);}
#map-details-content .carousel-control {opacity:1;}
#map-details-content .carousel-control .fa {position:absolute; top:50%;} 
#map-details-content .carousel-caption {padding-bottom:0px; text-shadow:0 1px 2px rgba(0,0,0,1);}


/*Login Page =====================================================*/
.reset-password-feedback {padding: 15px 0px 0px 0px; font-size:12px;}
.multiple-login .panel-body {max-height:250px; overflow-y:scroll;}
.multiple-login ::-webkit-scrollbar {width:12px;}
.multiple-login ::-webkit-scrollbar-track {background-color:#bbb; border-radius:5px; margin:3px;}
.multiple-login ::-webkit-scrollbar-thumb {background-color:#70266e; border-radius:5px;}
.multiple-login .account {border-bottom:1px solid #ddd; padding:10px 0; line-height:22px;}
.multiple-login .account:last-child {border-bottom:none;}
.multiple-login .account label {width:100%;}
.multiple-login .radio {margin:0;}
.multiple-login .username {display:block; font-weight:bold; color:#337ab7;}
.multiple-login .email {display:block;}
.multiple-login .phone {display:block; font-size:14px;}

.social-login-btn {text-align:center; border-left:1px solid #ddd; margin-top:20px; padding-top:30px; padding-bottom:40px; position:relative;}
.social-login-btn .btn {border-radius:40px; margin-bottom:10px; text-align:left;}
.social-login-btn .btn i {float:left; margin:4px 15px 0 5px; min-width:15px;}
.social-login-btn .btn-primary {background-color:#507cc0; border-color:#507cc0;}
.social-login-btn .btn-primary:hover {background-color:#4973b4;}
.social-login-btn .btn-block {width:50%;}
.social-login-btn .or {position:absolute; left:-20px; top:40%; width:40px; height:40px; border-radius:50px; border:1px solid #ddd; padding-top:8px; background-color:#fff;}
.or-seperator-horizontal {margin:20px 0 10px; text-align:center; border-top:1px solid #ccc; }
.or-seperator-horizontal i {padding:8px 10px; background:#fff; position:relative; top:-11px; z-index:1; border-radius:50px; border:1px solid #ddd;}

@media (max-width: 768px) {
.social-login-btn .btn-block {width:60%;}
}

@media (max-width: 767px) {
.social-login-btn {border:none; margin-top:0px;}
.social-login-btn .btn-block {width:100%;}
}

/*Mobile Apps Page =====================================================*/
.app h2 {font-size:30px; margin-bottom:30px; margin-top:15px;}


/*easiPoint Page =====================================================*/
#easipoint-rewards ::-webkit-scrollbar { width: 12px;}
#easipoint-rewards ::-webkit-scrollbar-track {background-color: #bbb; border-radius: 3px;}
#easipoint-rewards ::-webkit-scrollbar-thumb {background-color: #70266e; border-radius: 3px;}
#easipoint-rewards th {color:#222; background-color:#e8e8e8;}
#easipoint-rewards .space {width:40px; float:left; font-weight:bold;}


/*Image Hover Effect =====================================================*/
.hovereffect {width: 100%; height: 100%; /*float: left;*/ overflow: hidden; position: relative; text-align: center; cursor: default;}
.hovereffect .overlay {position: absolute; overflow: hidden; width: 90%; height: 90%; left: 5%; top: 5%; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1); padding-top:85px; text-transform:uppercase;}
.hovereffect:hover .overlay {opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1);}
.hovereffect img { display: block; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s; }
.hovereffect:hover img {filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter'); filter: brightness(0.3); -webkit-filter: brightness(0.3); -webkit-transform: scale(1.2) rotate(0deg); transform: scale(1.2) rotate(0deg);}
.hovereffect h2 {text-transform: uppercase; text-align: center; position: relative; font-size: 17px; background-color: transparent; color: #FFF; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);}
.hovereffect a, hovereffect p {color: #FFF; padding: 1em 0; opacity: 1; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);}
.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}


/*Tour Details Page - Itinerary =====================================================*/
.tblItiPreview{border-collapse: collapse; margin-bottom: 20px;}
.tblItiPreview tbody, .tblItiPreview tbody td{border:1px solid #cccccc;}
.tblItiPreview td{padding:10px; min-width: 60px;}


/*Tour Details Page - Booking =====================================================*/
.form-label{
    background-color: #ececec;
    padding: 5px 10px;
    margin: 5px 0px;
    border-radius: 5px;
    display:none;
}


/*Place Ticket Page =====================================================*/
#schedule2 #no-more-tables .col-route {width:10%;}
#place-boarding-points ul.bullet-list {column-count: 4;}
#place-dropping-points ul.bullet-list {column-count: 4;}
.col-ticketcost { width: 12% }
.page-link { cursor:pointer }
.product-place-listings ul { list-style-type: none; text-align: center; column-count: 3; }

@media screen and (min-width: 1024px) {
    /*Search Result List================================================================*/
    .trip-list { min-height: 150px; position: relative;}
    .trip-list .preloader { margin-left: -32px; margin-top: -32px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
    .tpm-search-list .preloader { margin-left: -32px; margin-top: -32px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }

    .tour-search-more-list { min-height: 150px; position: relative;}
    .tour-search-more-list .preloader { margin-left: -32px; margin-top: -32px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
}

@media screen and (max-width: 1024px) {
.iconic-input select {text-indent: 12px !important;}
.main-wrap {width:100%;}
.container {width: 100%;}
.s-hide {display:none;}
div.header, .outer, .outer-no-pad, .outer-no-pad-bottom, .outer-no-pad-top, .filter-wrap {width:100%;}
.teaser {font-size:16px; font-weight:normal;}
.teaser span {font-size:13px;}
.hotline {font-weight:normal;}
.partenr-logo-full {height:36px;}
.country-indicate-vn {left:375px;}
.main-bg-zz {padding:50px 0 40px 0;}
.main-bg-sg {padding:50px 0 40px 0;}
.main-bg-my {padding:50px 0 40px 0;}
.main-bg-id {padding:50px 0 40px 0;}
.main-bg-th {padding:50px 0 40px 0;}
.main-bg-bn {padding:50px 0 40px 0;}
.main-bg-mm {padding:50px 0 40px 0;}
.main-bg-vn {padding:50px 0 40px 0;}
.main-bg-kh {padding:50px 0 40px 0;}
.main-bg-la {padding:50px 0 40px 0;}
.main-bg-bn {padding:50px 0 40px 0;}
.main-bg-ph {padding:50px 0 40px 0;}
.sub-bg-charter {background-position:top center;}
/*.search-wrap {width:97%;}*/
.search-wrap .col-sm-3 {width:47%;}
.search-wrap .charter .col-sm-3 {width:30%;}
.search-wrap .col-sm-2 {width:25%;}
.search-wrap .form-group {margin:10px -8px;}
/*.search-wrap #sub-charter-box .col-sm-3,*/ .search-wrap #sub-charter-box-m .col-sm-3 {width:30%;}
/*.search-wrap #sub-charter-box .swap,*/ .search-wrap #sub-charter-box-m .swap {float:none; position:absolute; right:80px; top:150px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); padding:0px;}
.search-wrap .charter .swap {float:none; position:absolute; right:80px; top:190px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); padding:0px;}
.sub-bg-charter .search-wrap #sub-charter-box .swap {float:none; position:absolute; right:80px; top:120px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); padding:0px;}
.sub-bg-car .search-wrap {padding-top: 30px;}
.book-step-wrap {width:100%;}
.book-step-wrap li {padding-left:10px;}
.book-step-wrap ul.bus li.step1, .book-step-wrap ul.bus li.step2, .book-step-wrap ul.bus li.step3, 
.book-step-wrap ul.train li.step1, .book-step-wrap ul.train li.step2, .book-step-wrap ul.train li.step3, 
.book-step-wrap ul.car li.step1, .book-step-wrap ul.car li.step2, .book-step-wrap ul.car li.step3,  
.book-step-wrap ul.tour li.step1, .book-step-wrap ul.tour li.step2, .book-step-wrap ul.tour li.step3,
.book-step-wrap ul.ferry li.step1, .book-step-wrap ul.ferry li.step2, .book-step-wrap ul.ferry li.step3  {background:none;}
.box-inner {height: 160px;}
.line {width:97%;}
ul.awards li img {width:150px;}
.breadcrumb, .page-title {width:100%;}
.modal-dialog {width:90%; height: 100%;}
.payment .col-lg-2 {width:20%;}
.checkbox-inline, .radio-inline {margin-bottom: 0px;}
#top-des .col-sm-3 .item-image {min-height:130px; max-height:130px;}
#top-des .hovereffect .overlay {padding-top:45px;}
.dropdown-menu.flyout-menu { width: 685px;}
#bus-seat-chart .seat-chart {max-height:420px; overflow-y:auto;}
#ferry-seat-chart .seat-chart {min-height:300px; text-align:center;}
.icon-box.news .icon-title {min-width:150px;}
#tcp-package .post-thumb {width:90%; float:right;}
#tcp-package .post-thumb img {width:110%; padding-left:15px;}
.annivesary img {width:300px;}
.label-tag {left:-105px;}
.ferry-terminals ul.bullet-list {column-count:2;}
#bus-operator ul, #train-operator ul, #ferry-operator ul {-webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;}
.sub-search-wrap .col-date, .sub-search-wrap .col-time {width:16.66666667%;}
.sub-search-wrap .col-pax {width:15%;}
.sub-search-wrap .col-option {float:none;}
.sub-search-wrap .col-cabin {width: 15%;}
/*.sub-search-wrap .col-option2 {width:90%;}*/
#place-boarding-points ul.bullet-list, #place-dropping-points ul.bullet-list {column-count: 2;}
}

@media only screen and (min-width:769px) and (max-width:991px) {
.country-indicate-vn {left: 245px;}
}


@media screen and (max-width: 768px) {
div.header {height:inherit;}
.logo {width:140px; margin-top:20px;}
.country-indicate {left:165px;}
.country-indicate-vn {left:197px;}
.nav-m-left30 {margin-left:20px;}
.nav>li>a {padding:15px 7px;}
.member-area .nav>li>a {padding:10px 15px;}
.topmenu {font-size:12px; text-indent:-5px;}
.book-step-wrap li {padding-left:0px;}
.box-inner {height: 120px;}
ul.awards li img {width:105px;}
.htb {font-weight:normal;}
.htb li {padding-left:20px;}
/*.search-wrap {width:96%;}*/
.search-wrap .col-sm-3 {width:46%;}
.search-wrap .form-group {margin:10px -8px;}
/*.search-wrap #sub-charter-box .swap,*/ .search-wrap #sub-charter-box-m .swap {right:60px; top:150px;}
.search-wrap .charter .swap {right:60px; top:190px;}
.sub-bg-charter .search-wrap #sub-charter-box .swap {right:60px; top:120px;}
.sub-search-wrap .col-mini {width:22%;}
.sub-search-wrap .col-sm-6 {width:47%;}
.sub-search-wrap .col-sm-1 {width:8.333%;}
#car .sub-search-wrap {margin-bottom:0px;}
.sub-search-wrap #modify-search {margin-top:15px; position:relative;}
.trip-detail-carousel .carousel-inner { height: 220px;}
.item-image {max-height: 150px;}
#top-des .col-sm-3 .item-image {min-height:100px; max-height:100px;}
#top-des .hovereffect .overlay {padding-top:35px;}
#slider {margin-bottom:20px;}
.press-release .post-thumb img {width:100px;}
.press-release .post-info {height:auto; margin-bottom:0px;}

.page-title {padding:15px 0;}
.page-title a {color:#fff;}
ul.gallery li {height:140px; margin-bottom:0px!important;}
.dropdown-menu.flyout-menu { width: 400px;}
ul.icon-list i {height:unset;}
ul.icon-list span {margin-bottom:10px;}
#top-country-home .item-image {height: 120px;}
#top-country-home .label-title {font-size:14px;}
#top-country .item-image {height: 170px;}
.tagline {display:none;}
.outer-small-pad {width: 100%;}
#bus-seat-chart .seat-chart {max-height:350px;}
#ferry-seat-chart .seat-chart {min-height:300px; text-align:center;}
    #homeCarousel, #newsroomCarousel. #tourPackageNewCarousel {
        min-height: 310px;
    }
.server-name { display:block;}
#bus-search-result .operator-info, #train-search-result .operator-info, #ferry-search-result .operator-info,  #car-search-result .operator-info {width:100%;}
.payment-info {font-size:12px;}
#tcp-package .price {font-size:12px; padding-left:5px; padding-right:5px;}
#tcp-package .remark {padding-left:5px;}
#schedule2 #no-more-tables .col-route2 {width:45%;}
.annivesary img {width:250px;}
ul.operator-col {-webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;}
.sorting-row {font-size:13px;}

/*#bus-choose-seat-dialog.modal { overflow-y: hidden;}
#choose-seat-dialog.modal { overflow-y: hidden;}*/
.label-tag {left:-75px;}
.sub-search-wrap .charter .col-mini {width:19%;}
.sub-search-wrap .charter .col-sm-1 {width:100%;}
.sub-search-wrap .charter .form-group {margin:0 -16px 10px 0;}
#bus-operator ul, #train-operator ul, #ferry-operator ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;}
}


@media screen and (max-width: 767px) {
/*Search Result List================================================================*/
.trip-list { min-height: 80px; position: relative;}
.trip-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
.tpm-search-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
.tour-search-more-list { min-height: 80px; position: relative;}
.tour-search-more-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
.sx-hide {display:none!important;}
.lg-hide {display:block!important;}
.outer {padding-top:10px; width:100%;}
.logo {margin-left:15px; margin-top:8px;}
.teaser {display:none;}	
.hotline {position:static; font-size:14px; padding-left:15px; margin-bottom:10px;}
.htb {display:none;}
.header-wrap {padding-top:0px;}
.topmenu {text-indent:inherit;}
.topmenu li > a {padding:10px 15px;}
.nav-m-left30 {margin-left:-15px;}
.navbar {z-index:999; margin-bottom:0px;}
.navbar-collapse {margin-top:4px;}
.navbar-nav {padding-top:0px; margin-top:0px; margin-bottom:0px; font-size:14px;}
.dropdown-menu li {border-bottom:1px solid #fff;}
.dropdown-menu > li > a {color:#777;}
.navbar-nav .open .dropdown-menu {background-color:#f5f5f5;}
.navbar-default .navbar-collapse {border:none;}
#bs-example-navbar-collapse-1 .nav > li { background-color:#f5f5f5;}
#bs-example-navbar-collapse-1 .nav > li > a {color:#222;}
#bs-example-navbar-collapse-1 .navbar-nav > li {border-bottom:1px solid #f5f5f5;}
#bs-example-navbar-collapse-1 .navbar-nav > li:last-child {border-bottom:none;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { background-color:#f5f5f5;}
#bs-example-navbar-collapse-1 .navbar-nav .open .dropdown-menu {background-color:#efefef; padding:0; border-radius:0px;}
#bs-example-navbar-collapse-1 .navbar-nav .open .dropdown-menu.column-count {column-count:2;}
#bs-example-navbar-collapse-1 .navbar-nav .open .dropdown-menu.column-count li {display:inline-block; width:100%;}
#bs-example-navbar-collapse-1 .navbar-nav .open .dropdown-menu.column-count li a.highlight-link {color:#583f99; font-weight:bold;}
#bs-example-navbar-collapse-1 .navbar-nav .open .dropdown-menu.column-count li a {white-space:normal; padding:5px 0px 5px 25px;}
#bs-example-navbar-collapse-1 .dropdown-menu li {border-bottom:1px solid #efefef;}
#bs-example-navbar-collapse-1 .dropdown-menu li:last-child {border-bottom:none;}
#bs-example-navbar-collapse-1 .dropdown-menu > li > a {color:#222; line-height:30px;}
.currency {color:#70266e;}
.goog-te-gadget {padding:3px 10px; color:#999;}
.goog-te-gadget .goog-te-combo {padding:8px; color:#666;}
.main-bg-zz {padding:25px 0 30px 0;}
.main-bg-sg {padding:25px 0 30px 0;}
.main-bg-my {padding:25px 0 30px 0;}
.main-bg-id {padding:25px 0 30px 0;}
.main-bg-th {padding:25px 0 30px 0;}
.main-bg-bn {padding:25px 0 30px 0;}
.main-bg-mm {padding:25px 0 30px 0;}
.main-bg-vn {padding:25px 0 30px 0;}
.main-bg-kh {padding:25px 0 30px 0;}
.main-bg-la {padding:25px 0 30px 0;}
.main-bg-bn {padding:25px 0 30px 0;}
.main-bg-ph {padding:25px 0 30px 0;}
.sub-bg-ferry {background-position:top center;}
.sub-bg-charter {background-image:url(../images/bg-charter-m.jpg);}
.ribbon-wrap a {height:26px;}
.ribbon-left a span {font-size:12px;}
.ribbon-left a, .ribbon-right a {padding:5px 8px 0 8px}
.label-msg {font-size:8px; line-height:9px;}
.search-wrap {/*width:100%; margin:18px auto;*/ padding:15px 0px 15px 0px;}
.search-wrap .title {font-weight:normal;}
.search-wrap .radio-inline {padding:0 0 5px 20px;}
.search-wrap .row {margin:0;}
.search-wrap .col-sm-3 {width:85%;}
.search-wrap .col-xs-fullwidth {width:100%;}
.search-wrap .charter .col-sm-3 {width:90%;}
.search-wrap .col-sm-2 {width:100%;}
.search-wrap .col-sm-1 {width:100%;}
.search-wrap  label {margin-bottom:0px; font-size:12px;}
.search-wrap .form-group {margin:5px 0px;}
.search-wrap .form-control {height:35px;}
.search-wrap .btn-tour {width:100%;}
.search-wrap .search-btn {padding:5px 0 5px 0;}
.search-wrap .inline-info ul {padding:0px; margin-bottom:5px;}
.swap {float:none; position:absolute; right:25px; top:60px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); padding:0px;}
.search-wrap .col-fullwidth {width:100%!important;}
.search-wrap #sub-charter-box .col-sm-3, .search-wrap #sub-charter-box-m .col-sm-3 {width:90%;}
/*.search-wrap #sub-charter-box .swap,*/ .search-wrap #sub-charter-box-m .swap {right:25px; top:260px;}
.sub-bg-charter .search-wrap #sub-charter-box .swap {right:25px; top:230px;}
.search-wrap .charter .swap {right:25px; top:300px;}
#bus-search-box .swap.advanced-mode, #ferry-search-box .swap.advanced-mode {top:105px;}
#train-search-box .swap.advanced-mode {top:105px;}
#train-search-box .swap, .sub-bg-train .swap {top:60px;}
#others-search-box {min-height:250px;}
.train-info ul, .train-info-inline ul, .ferry-info ul, .ferry-info-inline ul {margin-bottom:20px;}
.bus-info ul {margin-bottom:20px; font-weight:bold;}
.sub-search-wrap {margin-bottom:0px;}
.sub-search-wrap .radio-container {padding-left:20px;}
.sub-search-wrap .col-route {width:90%;}
.sub-search-wrap .swap {right:10px; top:75px;}
.sub-search-wrap .col-date, .sub-search-wrap .col-time, .sub-search-wrap .col-pax, .sub-search-wrap .col-option, .sub-search-wrap .col-mini, .sub-search-wrap .col-cabin {width:100%;}
.sub-search-wrap .form-group {margin:0 0 15px 0;}
#car .sub-search-wrap img.icon {margin-bottom:5px;}
#car .sub-search-wrap {margin-bottom:12px;}
#modify-search form {margin-top:15px;}
#modify-search.collapse {display:none;}
#modify-search.collapse.in {display:block;}
.datepicker, .datepicker-dropdown, .datepicker.datepicker-dropdown.dropdown-menu { z-index: 99999999!important; }
.checkbox-inline, .radio-inline {padding:0 0 15px 20px;}
.book-step-wrap {display:none;}
.page-title {padding:10px 0 0 0;}
#bus-search-result #no-more-tables td, #train-search-result #no-more-tables td, #ferry-search-result #no-more-tables td, #car-search-result #no-more-tables td {padding-left: 15px;}
#bus-search-result #no-more-tables td:first-child, #train-search-result #no-more-tables td:first-child, #ferry-search-result #no-more-tables td:first-child, #car-search-result #no-more-tables td:first-child {padding-top: 10px;}
#bus-search-result #no-more-tables td:last-child, #train-search-result #no-more-tables td:last-child, #ferry-search-result #no-more-tables td:last-child, #car-search-result #no-more-tables td:last-child {padding-bottom: 10px;}
.search-result {margin-top:-10px;}
.search-result .fullwidthnopad {padding-left:0px; padding-right:0px;}
.search-result h1 {font-size:15px; margin:-10px 0 10px 0;}
.search-result .date {text-align:left; font-size:14px;}
.search-result .select-seat-btn {text-align:left; float:left; margin-right:10px;}
.search-result .details {text-align:left; margin-left:10px;}
.search-result-msg .alert {margin:0 0 45px 0;}
.currency-label {font-size: 14px; font-weight:normal;}
.operator-name {width:100%;}
.search-result .operator-logo img {border:1px solid #ccc;}
.search-result .operator-info { font-size:13px; line-height:14px;}
#bus-search-result .operator-info, #train-search-result .operator-info, #ferry-search-result .operator-info,  #car-search-result .operator-info {width:50%;}
#bus-search-result .select-seat-btn {display:block;}
.search-result .modal-footer .btn {margin-bottom:5px;}
.star-rating {display:inline-block;}
.icon-label {margin-top:5px; /*margin-right:15px;*/}
.car-rental-img {margin-right:10px; border:1px solid #ccc;}
.car-rental-name {font-size:13px; width:100%;}
.car-rental-specifications {font-size:13px;}
.car-rental-specifications .icon-factory:before {font-size:15px; width:15px; margin-left:2px;}
.car-rental-specifications ul.list li {padding:2px 0px;}
.modal-dialog {width:auto;}
#modify-search {margin-top:15px;}
.filter {padding:10px 5px;}
.filter li.dropdown {width:15%; position:static;}
.filter .dropdown-menu { top:35px; max-height:300px; left:15px; width:90%}
ul.sort {position:absolute; top:48px; left:-10px;}
ul.sort li {padding:0 15px;}
.payment .col-lg-2 {width:100%;}
.payment .checkbox-inline, .payment .radio-inline {padding-top:0px; padding-bottom:0px; margin:0px;}
.nav-tabs.nav-justified>li {float:left;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {border-bottom-color:#fff;}
.nav-tabs.nav-justified > li > a {border-radius:4px 4px 0 0;}
.data-history .form-group {padding-bottom:2px; margin-bottom:15px;}
.item-image {max-height: 220px;}
.item-image.news {max-height: 170px; min-height:170px;}
.box-height {min-height:0px; margin-bottom:40px;}
#top-des .col-sm-3 {width:50%;}
/*tour details page - myCarousel*/
#tourCarousel .carousel-inner > .item > a > img, #tourCarousel .carousel-inner > .item > img {height:200px;}
#tourCarousel i {margin-top:90px; font-size:24px;}
#slider.col-sm-8 {width:100%;}
#top-des .col-sm-3 {width:33.3%;}
#top-country .item {margin-bottom:18px;}
#tour-tab .btn-tab {margin-right:5px; width:unset;}
#tour-cms-tab .btn-tab {margin-right:5px; width:unset;}
#related-package ul.post li:first-child {padding-top:0px;}
#related-package .checkbox {display:none;}
#related-package .post-title {margin-bottom:5px; font-size:13px; font-weight:bold;}
#related-package .price-wrap {border:none; padding-left:0px; margin-top:5px;}
#related-package .tag {bottom:0px;}
#related-package .price {margin-bottom:0px;}
#related-package .price span {display:inline-block;}
#related-package .more-btn .btn {display:none;}
#tour-compare .table-responsive>.table>tbody>tr>td, #tour-compare .table-responsive>.table>tbody>tr>th, #tour-compare .table-responsive>.table>tfoot>tr>td, #tour-compare .table-responsive>.table>tfoot>tr>th, #tour-compare .table-responsive>.table>thead>tr>td, #tour-compare .table-responsive>.table>thead>tr>th { white-space:normal;}
.article img {width:100%; margin-bottom:15px;}
.car .search-result .select-seat-btn {float:none;}
.operator-info a {color:#333;}
#filter .btn-filter {/*position:static; width:100%;*/top:-30px; font-size:14px;}
#filter .btn-outline {padding:0px; border:none; color:#337ab7 !important;}
#filter ul.list {margin-bottom:30px;}
.faq .dropdown-menu li {border-bottom:1px solid #ddd;}
.faq .dropdown-menu li:last-child {border-bottom:none;}
.bus-terminals img {width:100%;}
#bus-operator .item-image {max-height:none;}
#schedule {font-size:12px;}
.dropdown-menu.flyout-menu { width: 575px;}
.trip-detail-carousel .carousel-inner { height:210px; }
#profile .btn-rate {position:static; text-align:right; margin-bottom:15px;}
#profile #more-content.collapse {display:none;}
#schedule2 #no-more-tables td {font-size:13px;}
#schedule2 #no-more-tables td:first-child {padding-top:10px;}
#schedule2 #no-more-tables td:last-child {padding-bottom:10px;}
#schedule2 .fare {color:#337ab7; font-weight:bold; font-size:14px;}
#schedule2 .title-route {color:#fff; background-color:#70266e; font-size:13px; padding:3px 10px;}
.payment-info {font-size:13px;}
ul.ticket-info {font-size:13px;}
.msg {position:static; margin:0px 15px 15px 15px; width:unset;}
.msg-ktm {position:static; margin:0px 15px 15px 15px; width:unset;}
.sub-bg-train .msg-ktm {margin:0px 0px 0px 0px; }
#tcp-package h1 {font-size:16px;}
#tcp-package .price {padding-left:10px; padding-right:10px;}
#tcp-package .price:first-child {border:none; padding-left:0px;}
#tcp-package .radio-inline {margin-right:0px; padding-bottom:0px;}
#tcp-package .post-thumb {float:none;}
#tcp-package .post-thumb img {width:100%; padding-left:0px; height:160px;}
#tcp-package .post-info, #tcp-package .col-sm-4 {margin-left:20px;}
#tcp-package .col-sm-6 .col-sm-6 {margin-left:0px;}
#tcp-package .remark {padding-left:0px;}
/*.reset-password-feedback {display: table-cell; padding: 0px 0px 0px 10px;}*/
.icon-child:before, .icon-senior:before, .icon-disabled:before, .icon-student:before {margin-right:0px!important;}
.label-tag {right:0px; top:-8px; left:inherit;}
.search-wrap .label-tag {left:inherit; right:20px;}
#bus-search-result .operator-info, #train-search-result .operator-info, #ferry-search-result .operator-info, #car-search-result .operator-info {width:50%;}
.mo-info-left {float:left; width:70%;}
.mo-info-right {float:right; width:30%; text-align:right;}
.mo-time-duration {margin-bottom:10px;}
.mo-operator {margin-bottom:15px;}
.mo-note {margin-top:10px; font-size:11px; color:#de0000;}
.mo-price {margin-bottom:5px;}
.mo-price-catagory {margin-bottom:20px;}
.mo-select-btn {margin-bottom:10px;}
.mo-details .fa {font-size:20px;}
.mo .label-tag {top:-28px;}
.mo .icon-label a {margin-right:25px;}
.day-pass-result .routeInfo {margin-bottom:0px;}
.day-pass-result .lr-pad {padding-left:0px; padding-right:0px;}
.day-pass-result #no-more-tables td {padding-left:15px; padding-right:15px;}
.day-pass-result #no-more-tables td:first-child {padding-top:15px;}
.day-pass-result #no-more-tables td:last-child {padding-bottom:15px;}
.day-pass-result .details {display:inline-block; margin-left:15px;}
.day-pass-result .mo-info-left {float:left; width:70%;}
.day-pass-result .mo-info-right {float:right; width:30%; text-align:right;}
.day-pass-result .mo-ticket-name {margin-bottom:10px;}
.day-pass-result .mo-operator {margin-bottom:15px;}
.day-pass-result .mo-price {margin-bottom:5px;}
.day-pass-result .mo-select-btn {margin-top:10px; margin-bottom:10px;}
.day-pass-result .mo-details .fa {font-size:20px;}

.charter-result .routeInfo {margin-bottom:0px;}
.charter-result .lr-pad {padding-left:0px; padding-right:0px;}
.charter-result #no-more-tables td {padding-left:15px; padding-right:15px;}
.charter-result #no-more-tables td:first-child {padding-top:15px;}
.charter-result #no-more-tables td:last-child {padding-bottom:15px;}
.charter-result .details {display:inline-block; margin-left:15px;}
.charter-result .mo-info-left {float:left; width:70%;}
.charter-result .mo-info-right {float:right; width:30%; text-align:right;}
.charter-result .mo-ticket-name {margin-bottom:10px;}
.charter-result .mo-operator {margin-bottom:15px;}
.charter-result .mo-price {margin-bottom:5px;}
.charter-result .mo-select-btn {margin-top:10px; margin-bottom:10px;}
.charter-result .mo-details .fa {font-size:20px;}

.sub-search-wrap .charter .col-mini {width:100%;}
.sub-search-wrap .charter .form-group {margin:0 0 10px 0;}

ul.sub-product-tab {top:-60px;}
#manage-agent #no-more-tables tr {padding-top:10px; padding-bottom:10px;}
.lbl {padding:0px;}
.step-box-wrap {width:80%;}
.bus-terminals .panel-heading, .ferry-terminals .panel-heading, .train-terminals .panel-heading {font-size:15px;}
.ferry-terminals ul.bullet-list, .train-terminals ul.bullet-list {column-count:1;}

ul.operator-col {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
.ribbon-wrap {margin-top:0px;}
.modify-link {margin-top:15px;}
.carousel-showmanymoveone .carousel-control {width:40px; height:40px; padding-top:5px;}
.carousel-showmanymoveone .carousel-control .fa {font-size:26px;}
#place-boarding-points ul.bullet-list, #place-dropping-points ul.bullet-list {column-count: 1;}
.product-place-listings ul.bullet-list { column-count: 1; }
}

@media screen and (min-width: 767px) {
    /*Search Result List================================================================*/
    .trip-list { min-height: 80px; position: relative;}
    .trip-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
    .tpm-search-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
    .tour-search-more-list { min-height: 80px; position: relative;}
    .tour-search-more-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
.datagrid {width: 60%; }
}

@media screen and (max-width: 505px) 
{
    /*Search Result List================================================================*/
    .trip-list { min-height: 80px; position: relative;}
    .trip-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
    .tpm-search-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
    .tour-search-more-list { min-height: 80px; position: relative;}
    .tour-search-more-list .preloader { margin-left: -32px; margin-top: -16px; top: 50%; position: absolute; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; width: 74px; text-align: center; right: 50%; }
    .dropdown-menu.flyout-menu { width: 375px;}
    .product-tab li.active:before {left:26px;}
    #bus-operator ul, #train-operator ul, #ferry-operator ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
}

@media screen and (max-width: 414px) {
.sub-bg-bus {background-image:url(../images/bg-bus-m.jpg);}
.sub-bg-train {background-image:url(../images/bg-train-m.jpg);}
.sub-bg-car {background-image:url(../images/bg-car-m.jpg);}
.sub-bg-tour {background-image:url(../images/bg-tour-m.jpg);}
.sub-bg-ferry {background-image:url(../images/bg-ferry-m.jpg);}
.sub-bg-flight {background-image:url(../images/bg-flight-m.jpg);}
/*.search-wrap {margin:-10px auto 30px auto; padding:40px 0px 15px 0px;}*/
.search-wrap #car-search-box, .search-wrap #tour-search-box {padding-top: 0px;}
.search-wrap .form-control, .sub-search-wrap .form-control {overflow:hidden;} 
section {padding:40px 0;}
#tour-des .col-sm-3 {width:100%;}
.dropdown-menu.flyout-menu { width: 305px;}
#tour-search-box .search-btn {padding-top:0px;}
/*.product-tab li.active:before {left:30px;}*/
#office .box-height {min-height:120px;}
.annivesary {display:none;}
.xs-display-inline { display: inline; }
.mo-details {position:absolute; bottom:0px; right:5px;}
.mo .icon-label {position:absolute; bottom:0px; right:50px;}
#map-details-content ul.bullet-list {column-count:1;}
}

@media screen and (max-width: 375px) {
/*.product-tab li.active:before {left:22px;}*/
.search-wrap .label-discount {font-size:12px;}
.search-wrap #sub-charter-box .swap, .search-wrap #sub-charter-box-m .swap {right:20px; top:280px;}
.sub-bg-charter .search-wrap #sub-charter-box .swap {right:20px; top:250px;}
.search-wrap .charter .swap {right:25px; top:320px;}
.sorting-bar ul.filter {float:none;}
}

@media screen and (max-width: 342px) {
/*.product-tab li {min-height:120px;}*/
}

@media screen and (max-width: 320px) {
.m-fullwidth {width:100%;}
/*.country-indicate {left:210px;}*/
.payment-info .total-price {font-size:16px;}
.dropdown-menu.flyout-menu { width: 300px;}
.pp-logo img {width:90px;}
.trip-detail-carousel .carousel-inner { height:180px; }
/*.product-tab li {width:18.5%; }*/
/*.product-tab li {width: 50px;}
.product-tab li.active:before {left:15px;}
ul.sub-product-tab li a {padding:7px 8px;}*/
.mo-info-left {width:100%;}
.mo-info-right {float:left; width:100%; text-align:left;}
.mo-route {margin-bottom:10px;}
.mo-note {margin-bottom:10px;}
.mo-price {float:left; margin-right:25px;}
.mo-price-catagory {float:left; margin-bottom:10px;}
.mo-select-btn {float:left; margin-bottom:0px; width:50%;}
.mo .icon-label {right:28px;}
.day-pass-result .mo-info-left {width:100%; margin-bottom:15px;}
.day-pass-result .mo-info-right {width:100%; text-align:left;}
.day-pass-result .mo-select-btn {margin-bottom:0px;}
/*ul.sub-product-tab {top:-90px;}*/
.ktm-route2 {display:inline-block; width:100%}
.ktm-fare2 {list-style: none; margin: 0; padding: 0; text-decoration:none!important;}
.ktm-fare-text {text-decoration:underline; margin-left:4px;}
span.ktm-fare-bullet {margin-left:-15px!important;}
a.ktm-route2 {display:block;margin-bottom:-6px;}
}


/*.all {position:absolute; top:-10px; right:0;}*/

/*.box {display: block; height: 160px; overflow: hidden; width: 100%;}
.box-inner {height: 200px; overflow: hidden; position: relative; width: 100%;}
.box-inner img {margin-left: 0; width: 100%; height:100%;}
.box-title {font-size: 16px; position: relative; width: 100%; padding:10px 0; font-weight:bold;}
.box-title a {text-decoration:none;}
.box-title span {color: #72bf66; float: right; font-size: 18px;}*/


/*Hotel, Attraction Ticket Listing Pages=====================================================*/
/*.item {margin-bottom:60px;}*/
.item-image {display: block; max-height: 220px; overflow: hidden; width: 100%; background-color:#CCC;}
.item-image.news {max-height: 196px; min-height:196px; border:1px solid #dedede; background-color:#CCC;}
.item img {width: 100%; height:100%;}
.item-title {color:#333; padding:10px 0;}
.item-info {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 0;}
.item-desc {text-align:justify; margin:10px 0;}
.item-desc ul {margin-top:0px;}
.item-price {color:#ff6600; font-size:20px; font-weight:bold; padding-top:5px;}
.item .btn {padding:8px 18px; font-weight:400;}

/*.filter-wrap {margin: 0 auto; padding:0 0 10px 0; width: 1170px;}
.filter {background-color:#f5f5f5; padding:10px 15px;}
.filter ul {padding-left:0px; margin-bottom:0px;}
.filter li {float:left; list-style:none;}
.filter li.dropdown {width:18%; text-align:center;}
.filter li.dropdown a {color:#636363; cursor:pointer;}
.filter .dropdown-menu { top:25px; overflow:auto; max-height:300px; min-width:230px; padding:10px 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.filter .dropdown-menu li {display:inline-block; padding:4px 10px; width:100%; overflow:hidden; border-bottom:none;}
.filter .dropdown-menu li.dropdown-header {font-weight:bold;}
.filter .dropdown-menu li input[type="checkbox"] {vertical-align:-2px;}
ul.sort {position:absolute; top:10px; right:0px;}
ul.sort li {padding:0 15px;}*/

/*#top-des .heading {padding-top:0px;}
#top-des ul {padding-left:0;}
#top-des ul li {float:left; list-style:none; margin-bottom:15px; text-align:left;}
#top-des ul li a, #top-des ul li a:focus {color:#636363; text-decoration:none;}
#top-des ul li a:hover {color:#000;}
#top-des .col-sm-3 {width:20%;}
#top-des h2 { margin-bottom:30px; margin-top:20px; font-size:18px; line-height:26px;}
ul.top-des-state li {display:inline-block; margin-right:20px; padding-right:20px; border-right:1px solid #ddd;} */

/*#tour-des .row {margin:0px;}
#tour-des .col-sm-3 {width:20%; padding-left:0px; padding-right:0px;}
#tour-des .col-sm-3 .item-image {max-height:175px; min-height:0px;}
#tour-des .item {margin-bottom:0px;}
#tour-des .hovereffect .overlay {font-weight:bold; padding-top:65px;}
#tour-des .ranking {position:absolute; color:#fff; font-weight:bold; font-size:16px; z-index:9999; top:10%;left:10%; background-color:#333; border-radius:50% 50%; width:35px; height:35px; text-align:center; padding-top:7px;}*/

/*#tour-compare .table {overflow-x:scroll; overflow-y:scroll; cursor:move;}
#tour-compare th {text-align:right;}
#tour-compare .col-label {min-width:150px; font-weight:bold; background-color:#f5f5f5;}
#tour-compare .col {width:250px;}
#tour-compare img {width:100%;}
#tour-compare h2 {font-size:14px; color:#636363;}*/


/*Typeahead dropdown menu =====================================================*/
#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}
    
/*.typeahead,
.tt-hint,*/
.tt-query {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  /*font-size: 24px;*/
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

/*.typeahead {
  background-color: #fff;
}*/

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 450px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #0097cf;
  /*-webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;*/
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  color: #000;
}

.tt-suggestion {
  padding: 3px 10px;
  font-size: 14px;
  line-height: 24px;
  color: #636363;
}

.tt-suggestion .iconic-input i {margin:8px 0 0 10px;}

.tt-place i {margin:5px 0px 0px 0px;}
.tt-subplace.tt-suggestion {padding:3px 13px;}
.tt-subplace i {color:#70266e; margin:5px 0px 0px 0px;}
.tt-subplace .tt-suggestion-optionval.with-icon {padding:3px 10px 3px 25px;}

.tt-suggestion-optionval
{
    padding: 6px 6px 6px 6px;
}

.tt-suggestion-optionval.with-icon
{
    padding: 6px 6px 6px 35px;
}

.tt-suggestion-optionval .place-name
{
    font-weight: bold;
}

.tt-suggestion-optionval .country-name
{
    margin-right: 5px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #000;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #000;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.tt-highlight {
  color: #ffb301;
}

.tt-popular {
    color: #fff;
    font-weight: normal;
    background-color: #70266e;
}

/*.raya .tt-popular {
    background-color: #022927;
}*/


.gist {
  font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message {
  padding: 5px 10px;
 text-align: center;
}

#multiple-datasets .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}

#airport-suggest {
    padding-left: 15px;
    font-size: 15px;
    text-decoration: none;
    font-weight: bolder;
}

#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-menu {
  text-align: right;
}

.tt-menu {
  max-height: 180px;
  overflow-y: auto;
}

@media screen and (max-width: 500px) {
.tt-menu {width:90%;}
}

.required:after 
{
    content: " *";
    color: #c23527;
    font-size: 0.8em;
}

.input-validation-error, .input-validation-error:focus {
    border: 1px solid #e17d7d;
    box-shadow: 0 0 3px #fabcbc;
}

.field-validation-error {
    color: #EA4444;
}

table.tablesorter thead tr .header a.sorting:before {
    color: #70266e;
    font-family: FontAwesome;
    content: "\f0dc";
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp a.sorting:before {
    color: #70266e;
    font-family: FontAwesome;
    content: "\f0de";
}

table.tablesorter thead tr .headerSortDown a.sorting:before {
    color: #70266e;
    font-family: FontAwesome;
    content: "\f0dd";
}

.text-danger ul{
    list-style-type: none;
}

.static-preloader { background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
.static-preloader-left { background: url(/images/icon-preloader.gif?v=2) no-repeat left center;}
.static-preloader-right { background: url(/images/icon-preloader.gif?v=2) no-repeat right center;}

.login-register .preloader { margin-left:15px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height: 46px; width: 74px;}
.login-feedback .preloader { margin-left:15px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height: 46px; width: 74px;}
.login-account .preloader { margin-left:15px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height: 46px; width: 74px;}




#manage-agent-result .preloader  { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}
#subagent-report-result .preloader { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}

.inactiveLink {
   pointer-events: none;
   cursor: default;
}


/*Multi-step =====================================================*/
.multi-step {margin:15px 0 20px 0;}
.multi-step ul {padding-left:0px; margin:0 auto; font-size:0;}
.multi-step li {width:32%; display:inline-block; text-align:center; position:relative; vertical-align:top;}
.multi-step li .connecting-line {position:absolute; top:13px; width:100%; height:3px; background:#e0e0e0; border-radius:0px; z-index:-1;}
.multi-step li a {color:#636363;}
.multi-step li .round-tab {width:30px; height:30px; line-height:26px; display:inline-block; border-radius:50px; background:#DFE3E4; border:2px solid #fff; font-size:14px;}
.multi-step li p {font-size:14px; text-align:center; margin-top:5px; line-height:16px; color:#aaa;}
.multi-step li.active a, .multi-step li.completed a, .multi-step li input {color:#fff;}
.multi-step li.active .round-tab, .multi-step li.completed .round-tab {background:#70266e;}
.multi-step li.active .connecting-line, .multi-step li.completed .connecting-line {background:#70266e;}
.multi-step li.active p, .multi-step li.completed p {color:#222;}

@media screen and (max-width: 767px) {
.multi-step {margin:15px 0 0 0;}
.multi-step li .connecting-line {height:2px;}
.multi-step li p {font-size:12px;}
}

/*E-Wallet =====================================================*/
.e-wallet-logo {margin-right:20px!important; position:relative;}
.e-wallet-logo img {width:inherit;}
.e-wallet-logo .mkt-msg {color:#fff; font-size:11px; position:absolute; right:-20px; top:-20px; background-color:#ed0c6e;
border-radius:10px; padding:1px 8px 0 8px; width:max-content;}
.e-wallet-logo .mkt-msg:before {content:''; display:block; width:0; height:0; position:absolute; right:8px; bottom :-6px; border-top: 10px solid #ed0c6e; border-left: 0px solid transparent; border-right:10px solid transparent;}
.nav-pills > li.special-btn {margin-bottom:10px; text-align:center;}
.nav-pills > li.special-btn > a {border:2px solid #70266e; font-size:18px; font-weight:bold; color:#70266e; border-radius:1000px;}
.nav-pills > li.special-btn > a img {width:20px; vertical-align:-3px; margin-right:5px;}
.nav-pills > li.special-btn.active > a {border:2px solid #70266e; /*color:#fff;*/ color:#fff; background-color:#fff; color:#70266e;}
.nav-pills > li.special-btn > a i::before {margin-right:10px; font-size:28px; vertical-align:-3px;}
.special-btn .label-new2 {padding:2px 6px; border:5px; font-size:12px; vertical-align:1px; animation: example 1.5s ease-in-out infinite;}
@keyframes example {
  0%   {background-color:red;}
  50%  {background-color:orange;}
  100% {background-color:red;}
}
/*#e-wallet .nav {margin-bottom:15px; background-color:#eee; border-radius:4px;}
#e-wallet .nav-pills > li {background-color:transparent; margin-left:0}
#e-wallet .nav-pills > li > a {border:none; border-radius:5px;}
#e-wallet .nav-pills > li.active > a {border-radius:0; background-color:#70266e;}
#e-wallet .nav-pills > li:first-child.active > a {border-radius:4px 0 0 4px;}*/
#e-wallet .nav-pills > li {margin-right:2px; margin-bottom:5px;}
#e-wallet .nav-pills > li > a {border:none; border-radius:5px; background-color:#eee; }
#e-wallet .nav-pills > li.active > a {background-color:#70266e;}

#booking-history .nav-pills > li {margin-right:2px; margin-bottom:5px;}
#booking-history .nav-pills > li > a {border:none; border-radius:5px; background-color:#eee;cursor:pointer;}
#booking-history .nav-pills > li.active > a {background-color:#70266e;cursor:pointer;}

/*Form*/
#e-wallet .form-bordered .form-group {border-bottom:1px solid #EFF2F7;}
#e-wallet .form-static .form-group {margin-bottom:0px;}
#e-wallet .form-static .form-group:last-child {margin-bottom:15px;}
#e-wallet .form-static .btn {margin-top:15px;}
#e-wallet .btn-primary {background-color:#222; border-color:#222;}
#e-wallet .btn-disabled {background-color:#222; border-color:#222; pointer-events: none; opacity: 0.5; color:white;}
#e-wallet .btn-default {border:1px solid #ddd;}
#e-wallet .input-group-btn .dropdown-menu li {border-bottom:none;}
#e-wallet .input-group-btn .dropdown-menu > li > a {padding:3px 20px;}
#e-wallet .title-line {font-size:16px; margin-top:35px;}
#e-wallet .title-line:first-child {margin-top:10px;}

/*ew-wallet Tab*/
#e-wallet .menubox {text-align:center; padding:15px; border:1px solid #ddd; margin-bottom:20px;
background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,.05); border-radius:4px; line-height:20px;}
#e-wallet .menubox i {font-size:30px; color:#333; padding-top:10px; height:45px;}
#e-wallet .menubox h3 {font-size:16px; color:#333; font-weight:bold; margin-bottom:0; padding-bottom:10px; text-decoration:none;}
#e-wallet .menubox img {width:40px;}
#e-wallet .menubox span {font-size:12px; color:#777;}
#ew-wallet .table-balance {margin-bottom:30px;}
#ew-wallet .table-balance img {width:30px;}
#ew-wallet .table-balance td {vertical-align:middle;}
#ew-wallet .preloader  { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}
a.popover-notice {position:relative;}
a.popover-notice .notice-dot {position:absolute; right:-10px; bottom:-15px;}
.popover-notice-wrap .popover {font-size:12px; padding-right:20px; background-color:#1b6f2e; color:#fff; min-width:200px;}
.popover-notice-wrap .popover .close {position:absolute; right:10px; top:5px; color:#fff; opacity:1;}
.popover-notice-wrap .popover.right > .arrow:after {border-right-color:#1b6f2e;}
.popover-notice-wrap .popover-content {padding:5px 10px;}

/*ew-topup Tab*/
#e-wallet .payment ul {padding-left:0;}
#e-wallet .payment ul li {list-style:none; border-bottom:1px solid #ddd; padding:15px 0; margin-bottom:0;}
#e-wallet .payment ul li img {border:1px solid #ddd; height:20px;}
#e-wallet .payment ul li p {font-size:12px; margin-bottom:5px; margin-top:5px; line-height:16px;}
#e-wallet .payment ul li ul.sub {background-color:#f1f8fa; border:1px solid #bce8f1; border-radius:4px; padding:5px 15px;}
#e-wallet .payment ul li ul.sub li {list-style:none; border-bottom:none; display:inline-block; margin-right:15px; padding:5px 0;}
#e-wallet .payment ul li ul.sub li img {height:35px;}
#e-wallet .payment ol {padding-left:15px;}

/*ew-transfer Tab*/
#ew-transfer .input-group {width:300px;}
#ew-transfer .input-group-btn {width:80px;}

/*ew-transaction Tab*/
#ew-transaction table {font-size:13px;}
#ew-transaction .inline-button {margin-top:27px;}

/*ew-creditcard Tab*/
#ew-creditcard table img {width:70px;}

/*ew-withdraw Tab*/
#ew-withdraw .preloader  { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}

/*ew-transaction Tab*/
#ew-transaction .preloader  { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}

/*ew-verification Tab*/
#ew-verification .preloader  { background: url(/images/icon-preloader.gif?v=2) no-repeat center center; height:46px;}

/*ew-verification Tab*/
#ew-verification .verification-msg {color:#333; margin-top:10px;}

/*ewallet info*/
.ewallet-info .title {margin-top:30px;}
.ewallet-info img {margin-bottom:15px;}
.ewallet-info .icon {text-align:right;}
.ewallet-info .icon img {width:40px;}
.ewallet-info .alert-info {color:#07496a;}
.ewallet-info .tbl-heading-grey {font-size:inherit;}
#tnc-easybook-wallet {font-size:14px; text-align:justify;}
#tnc-easybook-wallet ol ul {padding-left:0; margin-bottom:20px;}
#tnc-easybook-wallet ol ul ul {padding-left:20px; margin-bottom:0px;}
#tnc-easybook-wallet .tbl-heading-grey {font-size:inherit;}
.interest-chart {font-size:13px;}
.interest-chart .item {font-size:14px; margin-bottom:15px;}
.interest-chart .legend-interest span {font-weight:bold; color:#70266e;}
.interest-chart .legend-deposit span {font-weight:bold; color:#faa500;}

@media (max-width: 768px) {
.e-wallet-logo {margin-right:5px!important; margin-top:15px;}
.e-wallet-logo img {width:90px;}
.e-wallet-logo .mkt-msg {right:-15px; top:-20px; z-index:999;}
.e-wallet-logo .mkt-msg:before {right:18px; bottom :-6px; border-top: 8px solid #ed0c6e; border-left: 0px solid transparent; border-right:8px solid transparent;}
}

@media (max-width: 767px) {
.e-wallet-logo-m {background-color:#fff; border-radius:30px; overflow:hidden; padding:5px 30px; width:100%; position:relative;}
.e-wallet-logo-m img {width:100px;}
.e-wallet-logo-m .mkt-msg {color:#fff; font-size:11px; position:absolute; right:15px; top:12px; background-color:#ed0c6e;
border-radius:10px; padding:1px 8px 0 8px;}
/*.member-area .nav-pills > li > a {border:1px solid #70266e; background-color:#70266e; color:#fff;}*/
/*.member-area .nav .open>a, .member-area .nav .open>a:hover, .member-area .nav .open>a:focus {border:1px solid #70266e; background-color:#70266e; color:#fff;}*/
.member-area .nav-pills > li.special-btn > a {border:2px solid #70266e; background-color:transparent; color:#70266e; padding:5px 7px;}
.special-btn .label-new2 {vertical-align:2px;}

#e-wallet .menubox h3 {font-size:16px; line-height:20px;}
#e-wallet .menubox span {display:block; font-size:12px}
#e-wallet .nav-pills > li > a {padding:7px 7px; font-size:12px;}
#e-wallet .form-horizontal .control-label {padding-top:7px; font-weight:bold;}
#ew-transaction .inline-button {margin-top:inherit; width:100%; margin-bottom:30px;}
#ew-creditcard table {font-size:13px;}

.ewallet-info .icon {text-align:left;}
#e-wallet .banner {width:100%;}
}

@media (max-width: 320px) {
#e-wallet .panel-options {font-size:12px;}
#ew-creditcard table img {width:50px;}
}


/*ewallet info in login page =====================================================*/
.calculate-interest h4 {font-size:16px;}
.calculate-interest p {line-height:inherit; font-weight:bold;}
.fee-ab {text-align:center; font-size:12px;}
.fee-ab ul {padding-left:0px;}
.fee-ab ul li {display:inline-block; list-style:none; border:1px solid #d9edf7; border-radius:5px; height:180px; background-color:#fff; padding:10px;}
.fee-ab ul.kh li, .fee-ab ul.la li {height:350px;}
.fee-ab h4 {font-size:16px;}
.fee-ab table {background-color:#fff; margin-bottom:15px;}
.fee-ab table:last-child {margin-bottom:0px;}
.fee-ab table th {color:#222;}
.fee-ab table td {text-align:left;}
.fee-ab .table1 {padding-right:5px;}
.fee-ab .t-sg .table, .fee-ab .t-my .table, .fee-ab .t-id .table, .fee-ab .t-th .table, .fee-ab .t-vn .table, .fee-ab .t-mm .table  {height:171px;}
.fee-ab .t-kh .table, .fee-ab .t-la .table {height:341px;}
.fee-ab .tbl-heading-grey {background-color:#f4f4f4; color:#333; text-align:center;}
.fee-ab .table1 th {width:33.3%;}
.fee-ab .table2 {padding-left:5px;}
.fee-ab .table2 th:first-child {width:inherit;}
.fee-ab .table2 th {width:23%;}

@media (max-width: 767px) {
.calculate-interest {margin-bottom:30px;}
.fee-ab {text-align:left;}
.fee-ab ul li {display:inherit; margin-bottom:5px; height:inherit;}
.fee-ab ul.kh li, .fee-ab ul.la li {height:inherit;}
.fee-ab .table1 {padding-right:15px;}
.fee-ab .table2 {padding-left:15px;}
.fee-ab .t-sg .table, .fee-ab .t-my .table, .fee-ab .t-id .table, .fee-ab .t-th .table, .fee-ab .t-vn .table, .fee-ab .t-mm .table  {height:inherit;}
.fee-ab .t-kh .table, .fee-ab .t-la .table {height:inherit;}
}


/*Search Result Pre-book =====================================================*/
.prebook .btn-orange, .btn-orange:focus {background-color:#ff960d; color:#fff;}
.prebook .btn-orange:hover {background-color:#f88c00; color:#fff;}
.prebook i {margin-right:5px;}
.prebook a {color:#1d8343;}

.reminder-advbooking-notes { color: #70266e; font-size:13px;}

@media (max-width: 767px) {
.search-result-new .btn-lg {padding:6px 8px;}
.prebook i {margin-right:8px;}
}


/*Passenger detail Pre-book options =====================================================*/
#advanced-booking-options {margin-top:30px;}
#advanced-booking-options ul {padding-left:0px; margin:15px auto 0 auto;}
#advanced-booking-options ul li {list-style: none; }
#advanced-booking-options span.fromstation,
#advanced-booking-options span.tostation { font-weight: bold; color:#70266e; }
#advanced-booking-options.panel-primary > .panel-heading,
#advanced-booking-agreepolicy.panel-primary > .panel-heading,
#advanced-booking-confirmation.panel-primary > .panel-heading
{background-color:#ffb503; border-color:#ffb503;}
#advanced-booking-options.panel-primary, 
#advanced-booking-agreepolicy.panel-primary,
#advanced-booking-confirmation.panel-primary
{border-color:#ffb503;}

/*Trip Planner =====================================================*/
.tp-brief-search {padding:15px;}
#trip-planner {margin-bottom:30px;}
#trip-planner .tp-route-info {font-size:18px; font-weight:bold; color:#111; margin-top:25px; margin-bottom:30px; position:relative;}
#trip-planner .tp-route-info i {margin:0 10px;}
#trip-planner .tp-date {font-size:18px; font-weight:bold; color:#111; text-align:right; margin-bottom:10px; margin-top:30px;}
#trip-planner .option-list {padding:0; border-bottom:1px solid #bbb;}
#trip-planner .option-list-item {padding:10px 5px;}
#trip-planner .option-list-item:hover {background-color:#f5f5f5;}
#trip-planner .option-list .option {padding-top:3px;}
#trip-planner .option-list .option img {width:25px; margin-bottom:3px;}
#trip-planner .option-list .route {padding-top:5px;}
#trip-planner .option-list .route i {margin:0 10px;}
#trip-planner .option-list .route span {font-weight:bold; color:#000;}
#trip-planner .option-list .duration {font-size:11px; padding-top:5px; text-align:right;}
#trip-planner .option-list .price {color:#f90; padding-top:5px; font-size:14px; text-align:right; font-weight:bold;}

.planner-details-wrap {margin:20px 0 30px 0; border:3px solid #70266e; border-radius:8px;}

/*left-panel*/
.planner-details-wrap .left-panel {margin-right:-15px; background-color:#f1f1f1; border-radius:8px 0 0 8px; min-height:550px;}
.planner-route-details .route-item {position:relative; margin:20px 0;}
.planner-route-details .connecting-line {position:relative;}
.planner-route-details .connecting-line:before {content:' '; background:#22c0e8; display:inline-block; position:absolute; left:11px; width:3px; height:100%; z-index:400;}
.planner-route-details .info {padding:15px 0 15px 40px; position:relative; font-size:11px; width:70%;}
.planner-route-details .product-icon {position:absolute; top:25px; left:0px; width:25px; z-index:401;}
.planner-route-details .dot {padding-left:40px; line-height:16px; color:#000; font-size:13px;}
.planner-route-details .dot:before {content:' '; background:white; display:inline-block; position:absolute; border-radius:50%; border:3px solid #22c0e8; left:5px; width:16px; height:16px; z-index:400;}
.planner-route-details .dot.dot-to {width:70%;}
.planner-route-details .bus .connecting-line:before {background:#6e1469;}
.planner-route-details .train .connecting-line:before {background:#e6571e;}
.planner-route-details .ferry .connecting-line:before {background:#0098db;}
.planner-route-details .car .connecting-line:before {background:#e21465;}
.planner-route-details .flight .connecting-line:before {background:#45b8a0;}
.planner-route-details .bus .dot:before { border-color:#6e1469;}
.planner-route-details .train .dot:before { border-color:#e6571e;}
.planner-route-details .ferry .dot:before { border-color:#0098db;}
.planner-route-details .car .dot:before { border-color:#e21465;}
.planner-route-details .flight .dot:before { border-color:#45b8a0;}
.planner-route-details .transit {position:relative;}
.planner-route-details .transit:before {content:' '; display:inline-block; position:absolute; left:13px; width:3px; height:100%; z-index:400; border-left:dotted; border-color:#999;}
.planner-route-details .transit-info {margin-left:40px; position:relative; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; font-size:12px; color:#999; padding-top:6px; padding-bottom:6px;}
.planner-route-details .bookbtn {position:absolute; right:0; top:31px; text-align:right;}
.planner-route-details .bookbtn .btn {padding:5px 12px; }
.planner-route-details .cart-msg {font-size:12px; color:#298971; margin-top:3px;}

/*right-panel*/
.planner-details-wrap .right-panel {margin-left:-15px;}
.planner-details-wrap .right-panel .map-wrap {height:550px; margin:-15px; border-radius:0px 4px 4px 0px; overflow:hidden;}
.planner-details-wrap .right-panel #map {height:100%;}
.tps-route-info {font-size:16px; font-weight:bold; color:#111; margin-top:25px; margin-bottom:25px; position:relative;}
.tps-route-info img {width:25px; vertical-align:-6px;}
.tps-route-info i {margin:0 10px;}
.tps-date {font-size:16px; font-weight:bold; color:#111; text-align:right; margin-bottom:10px; margin-top:25px;}

.float-cart-icon {position:fixed; bottom:30%; right:15px; z-index:1; border:2px solid #fff; border-radius:50px;}
.float-cart-icon .cart-number {padding:2px; border-radius:50px; position:absolute; top:0px; right:0px; background-color:#de0000; color:#fff; text-align:center; font-size:10px; width:18px; height:18px;}
.float-cart-icon .popover {width:300px; padding:0;}
.float-cart-icon .popover-title {background-color:#ffde2f; border-bottom-color:#ffde2f; padding:10px 14px;}
.float-cart-icon .popover-title .close {opacity:0.7;}
.float-cart-icon .popover-content {padding:0;}
.float-cart-icon .popover-footer {padding:15px 14px; background-color:#f7f7f7; border-top:1px solid #ebebeb; border-radius:0 0 5px 5px; color:#333;}
.float-cart-content {line-height:21px; color:#333; font-size:14px; max-height:300px; overflow-y:scroll; padding:15px;}
.float-cart-content .cart-item {padding:10px 0; border-bottom:1px solid #ddd;}
.float-cart-content .cart-item:last-child {border-bottom:none;}
.float-cart-content .datetime {font-size:12px; color:#777; padding-bottom:5px;}

@media (max-width: 991px) {
#trip-planner .result-list .route {margin-top:15px; margin-bottom:15px;}
}

@media (max-width: 768px) {
#trip-planner .result-list .ticket-price {font-size:13px;}
}

@media (max-width: 767px) {
.planner-details-wrap .left-panel {min-height:inherit;}
.tp-brief-search {padding:0px 15px;}
.tp-brief-search .modify-link {margin:15px;}
#trip-planner .tp-route-info {background-color:#ffde2f; padding:15px 15px; font-size:14px; font-weight:normal; color:#222; margin-top:-1px; margin-bottom:0px;}
#trip-planner .tp-date {background-color:#f5f5f5; font-size:14px; font-weight:normal; text-align:center; padding:8px 0; margin-bottom:0px; margin-top:0px;}
.planner-details-wrap .right-panel .map-wrap {border-radius:0px;}
#trip-planner .right-panel .sorting-bar ul li a {padding:8px 5px;}
#trip-planner .option-list-item:hover {background-color:transparent;}
#trip-planner .option-list .price {text-align:left;}
.planner-details-wrap {margin:20px 15px 30px 14px;}
.planner-details-wrap .left-panel {margin-right:0; border-radius:8px;}
.planner-details-wrap .right-panel {margin-left:0;}
.tps-route-info {margin-bottom:5px;}
.tps-date {text-align:center; background-color:#f3f3f3; padding:5px 0; margin-top:10px;}
.float-cart-icon {bottom:30%;}
.float-cart-content {margin:5px 5px 5px 0;}
}
@media (max-width: 376px) {
.float-cart-icon .popover {width:270px;}
}

@media (max-width: 320px) {
.float-cart-icon .popover {width:220px;}
.float-cart-content {max-height:250px;}
}



/*Easy Cart =====================================================*/
#easycart .btn-outline {border-radius:4px; border:1px solid #70266e; padding:6px 12px; color:#70266e; font-weight:normal;}
#easycart .cart-item {padding:10px 0; border-bottom:1px solid #ddd; position:relative;}
#easycart .cart-item:last-child {border-bottom:none;}
#easycart .cart-booking-info {position:relative;}
#easycart .cart-booking-info .row {margin-bottom:5px;}
#easycart .cart-booking-info .clabel::after {content:none;}
#easycart .cart-booking-info .cinfo::before {content:': ';}
#easycart .cart-btn {position:absolute; right:15px; top:0px;}
#easycart .cart-discount-code {margin-top:15px;}
#easycart .cart-discount-code .form-group {margin-right:-15px;}
#easycart .total-price {text-align:right; font-weight:bold; color:#222; font-size:18px;}
#easycart .total-price span {color:#337ab7;}

.cart-passenger-details .title {border-bottom:1px solid #ddd;}
.cart-passenger-details .sub-title {font-size:14px; font-weight:bold; color:#333; margin-bottom:15px; border-bottom:1px solid #ddd;}
.cart-passenger-details .form-horizontal .control-label {text-align:left;}
.cart-passenger-details .form-horizontal .help-block {margin-bottom:0px;}
.cart-passenger-details .pax-details {margin-bottom:15px;}
.cart-passenger-details .form-control {font-size:12px;}
.cart-passenger-details .panel-heading {color:#333; font-weight:bold; background-color:#f5f5f5; border-color:#ddd;}
.cart-passenger-details .panel-heading i {margin-left:15px;}

@media (max-width: 767px) {
#easycart {margin-top:15px;}
#easycart .cart-item {font-size:12px;}
#easycart .cart-booking-info .clabel::after {content:':';}
#easycart .cart-booking-info .cinfo::before {content:none;}
#easycart .btn {font-size:12px; padding:5px 10px;}
#easycart .cart-btn {position:static; margin-top:5px;}
#easycart .payment-info {font-size:12px;}
#easycart .cart-discount-code {margin-bottom:15px;}
#easycart .cart-discount-code .btn {font-size:14px; padding:6px 12px; width:100%;}
#easycart .total-price {text-align:left; font-size:14px;}
#easycart .total-price span {float:right;}
}


/*Customer Also Bought =====================================================*/
.customer-bought {padding:50px 0 0 0; margin-top:30px;}
.customer-bought h3 {margin-top:15px;}
.customer-bought .item {margin-bottom:50px;}
.customer-bought .img-wrap {max-height:150px; overflow:hidden;}
.customer-bought .item-price {font-size:14px; color:#333; font-weight:bold; padding-top:0px;}
.customer-bought .item-desc {font-size:14px;}

@media (max-width: 1024px) {
.customer-bought .img-wrap {max-height:130px;}
}

@media (max-width: 768px) {
.customer-bought .img-wrap {max-height:100px;}
}

@media (max-width: 767px) {
.customer-bought .img-wrap {max-height:200px;}
}


/*Optimise-result =====================================================*/
.train-grouped-trip-result {font-size:13px; width:85%; margin:0 auto;}
.train-grouped-trip-result table {overflow:hidden; color:#222;}
.train-grouped-trip-result .price-icon {display:inline-block; margin-right:10px;}
.train-grouped-trip-result .price-icon i {color:#444;}
.train-grouped-trip-result .original-price {color:#ff9900; font-weight:bold;}
.train-grouped-trip-result .discounted-price {padding-right:0px; color:#636363;}
.train-grouped-trip-result .select-seat-btn a {padding:3px 10px; font-size:13px;}
.train-grouped-trip-result .btn-primary {background-color:#fff; color:#70266e;}

@media (max-width: 768px) {
.train-grouped-trip-result {width:100%;}
.train-grouped-trip-result .discounted-price {text-align:right;}
}

@media (max-width: 767px) {
.result-list:hover {background-color:transparent;}
.train-grouped-trip-result #no-more-tables tr:last-child {border-bottom:none;}
.train-grouped-trip-result #no-more-tables td {padding-left:10px;}
.train-grouped-trip-result #no-more-tables td:first-child {padding-top:10px;}
.train-grouped-trip-result #no-more-tables .trip-details thead tr {position:static;}
.train-grouped-trip-result #no-more-tables .trip-details td:first-child {padding-top:5px;}
.train-grouped-trip-result #no-more-tables .trip-details td {display:inline-block;}
.train-grouped-trip-result .sub-info {margin:-5px 70px 0 25px; font-size:11px; color:#555;}
.train-grouped-trip-result .price-icon-wrap {margin-left:20px; padding-bottom:5px;}
.train-grouped-trip-result .discounted-price {margin-left:19px;}
.train-grouped-trip-result .surcharge-info2 {margin-left:19px;}
.train-grouped-trip-result .select-seat-btn {position:absolute; right:10px; top:20px;}
.train-grouped-trip-result .modal-footer .btn {margin-bottom:10px;}
}


/*Visit MY =====================================================*/
.visitmy {padding:30px 0 0 0;}
.visitmy h3 {margin-top:0px; margin-bottom:5px; line-height:18px;min-height:35px}
.visitmy .star-rating {margin-bottom:15px;}
.visitmy .item {margin-bottom:30px; border:1px solid #ddd; border-radius:4px; min-height:315px;}
.visitmy .img-wrap {max-height:200px; overflow:hidden; overflow:hidden;}
.visitmy .item-desc-wrap {padding:10px;}
.visitmy .item-price {font-size:14px; color:#333; font-weight:bold; padding-top:0px;}
.visitmy .item-desc {font-size:14px;}
.visitmy-list {margin:50px 0;}
.visitmy-list .title {font-size:14px;}
.visitmy-list {margin-bottom:30px;}
.visitmy-list-item {list-style:none; border-bottom:1px solid #ddd; padding:15px 0 10px 0;}
.visitmy-list-item:hover {background-color:#f5f5f5;}
.visitmy-list-item .btn-outline {border:1px solid #70266e; color:#70266e; font-weight:normal; padding:5px 12px; margin-top:18px;}
.visitmy-list-item .price-wrap {text-align:right; margin-top:18px;}
.visitmy-list-item .original-price {color:#ff9900; font-weight:bold;}
.visitmy-list-item .discounted-price {font-size:12px; color:#636363; text-decoration:line-through;}
.visitmy-list-item .control-label {font-size:12px;}
.visitmy-list-item .link {font-size:12px; position:absolute; bottom:0px; left:15px;}
.visitmy-list-item ul {margin-top:5px; margin-bottom:25px;}
.visitmy-list-item #package-details {font-size:14px;}
#hbCarousel .item {margin-bottom:0;}

@media (max-width: 1024px) {
.visitmy .img-wrap {max-height:180px;}
}

@media (max-width: 767px) {
.visitmy {padding:15px 0 0 0;}
.visitmy .img-wrap {max-height:200px;}
.visitmy .item {margin-bottom:30px;}
.visitmy-list {margin:30px 0;}
.visitmy-list .title {margin-bottom:10px;}
.visitmy-list-item .link {position:static;}
.visitmy-list-item .control-label {font-size:inherit;}
.visitmy-list-item .btn-outline {margin-top:5px;}
.visitmy-list-item .price-wrap {margin-top:0px;}
}

/*Carousel Fading Transition =====================================================*/
.carousel-fade .carousel-inner {background:#000;}
.carousel-fade .carousel-control {z-index:2;}  
.carousel-fade .item {opacity:0; -webkit-transition-property:opacity; -moz-transition-property:opacity; -o-transition-property:opacity; transition-property:opacity;}
.carousel-fade .next.left, .carousel-fade .prev.right, .carousel-fade .item.active {opacity:1;}
.carousel-fade .active.left, .carousel-fade .active.right {left:0; opacity:0; z-index:1;}

/**Carousel Fading Transition (Safari Fix)=====================================================*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {opacity:0; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {opacity:0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
}


/*Search History =====================================================*/
.search-history .panel {min-height:205px;}
.search-history .route {font-weight:bold; color:#222; margin-bottom:10px;}
.search-history .date {font-size:13px; margin-bottom:10px;}
.search-history .pax {font-size:13px; margin-bottom:20px;}

@media (max-width: 767px) {
.search-history .panel {min-height:inherit;}
}


/*Reschedule/Cancellation =====================================================*/
#reschedule-info .title {font-size:16px; margin-top:35px;}
#reschedule-info .title:first-child {margin-top:10px;}
#reschedule-info .title i {color:#338134; font-size:18px; vertical-align:-1px;}
#reschedule-info table {font-size:13px;}
#reschedule-info table th {background-color:#333; color:#fff; font-weight:normal;}
#reschedule .title {margin-top:35px; margin-bottom:35px;}
#reschedule .inline-button {margin-top:27px;}
#reschedule h2 {margin-top:15px;}
#reschedule .step {text-align:center; padding:0 30px; margin-bottom:30px;}
#reschedule table .btn {padding:3px 10px; font-size:13px; margin-bottom:3px;}
#reschedule table .btn-primary {background-color:#fff; color:#70266e;}
#reschedule table .col-trip {width:35%;}
#reschedule table .operator {font-size:12px; margin-top:3px;}

@media (max-width: 767px) {
#reschedule .title {margin-top:20px; margin-bottom:20px;}
#reschedule .inline-button {text-align:center;}
#reschedule .inline-button .btn {padding:10px 16px; font-size:18px;}
#reschedule table {font-size:13px;}
#reschedule table tr {padding:10px 5px;}
}


/*Popular Route/SEO Content in Mobile View Homepage =====================================================*/
#seo-content {margin-bottom:60px;}
#seo-content .panel-item {padding:10px 0px; border-bottom:1px solid #ddd;}
#seo-content .panel-item h3 a .fa {float:right;}
#seo-content .panel-item h3 a {display:block; color:#333;}
#seo-content .panel-item h3 {font-weight:bold; font-size:16px; margin-top:0; margin-bottom:0;}


/*Related Route/Bus Operator List =====================================================*/
.related-route ul, .related-bus-operator ul {line-height:26px; -webkit-column-count:3; /* Chrome, Safari, Opera */ -moz-column-count:3; /* Firefox */ column-count:3;}
.related-route ul.bullet-list li, .related-bus-operator ul.bullet-list li {padding:0; margin-left:10px;}

@media (max-width: 767px) {
.related-route ul, .related-bus-operator ul {-webkit-column-count:1; /* Chrome, Safari, Opera */ -moz-column-count:1; /* Firefox */ column-count:1;}
.related-route ul.bullet-list li, .related-bus-operator ul.bullet-list li {margin-left:0px;}
}


/*Info Listings =====================================================*/
.content-margin {margin-top:40px; margin-bottom:40px;}
.panel-heading h2 {margin-top:5px; margin-bottom:5px;}
.table-heading {background-color:#888; color:#fff;}
.info-listings ul.bullet-list {line-height:26px; -webkit-column-count:3; /* Chrome, Safari, Opera */ -moz-column-count:3; /* Firefox */ column-count:3;}
.info-listings ul.bullet-list li {padding:0; margin-left:10px;}

@media (max-width: 767px) {
.content-margin {margin-top:20px; margin-bottom:20px;}
.info-listings ul.bullet-list {-webkit-column-count:1; /* Chrome, Safari, Opera */ -moz-column-count:1; /* Firefox */ column-count:1;}
.info-listings ul.bullet-list li {margin-left:0px;}
}


/*Charter UI =====================================================*/
.nav-pills.no-bottom-radius > li > a, .nav-pills.no-bottom-radius > li > a:hover {border-radius:3px 3px 0 0; background-color:#eee;}
.nav-pills.no-bottom-radius > li.active > a {background-color:#333;}
.panel.no-top-radius {border-radius:0 0 3px 3px;}
/*ul.charter-result-list {margin-left:0; padding-left:0;}
ul.charter-result-list li {list-style:none; border-bottom:1px solid #ddd; padding:15px 0;}
ul.charter-result-list .car-model {color:#222; font-weight:bold; text-transform:uppercase;}
ul.charter-result-list .car-seater {margin-bottom:15px;}
ul.charter-result-list .price {color:#ff6600; font-weight:bold;}
ul.charter-result-list .iconic-input i {margin:8px 0 0 10px;}
ul.charter-result-list .iconic-input select {text-indent:14px !important;}
ul.charter-result-list .paxcat-count {float:right; padding-top:25%;}
ul.charter-result-list a.count-btn {color:#70266e;}
ul.charter-result-list .count-btn {padding:4px 9px; border:1px solid #70266e; border-radius:20px; display:inline-block; width:30px; height:30px; cursor:pointer;}
ul.charter-result-list .count-btn .fa {font-size:14px;}
ul.charter-result-list .count-btn.negative {border:1px solid #aaa; color:#aaa;}
ul.charter-result-list .count-value {font-size:16px; padding:0 5px; vertical-align:-1px;}*/ 
.charter-result-list .sorting-row {padding:10px 15px 5px 15px; font-weight:bold; color:#222;}
.charter-result-list .list-item {border-bottom:1px solid #ddd; padding:15px;}
.charter-result-list .list-item.selected {background-color:#f3f3f9; color:#000;}
.charter-result-list .car-seater {margin-bottom:15px;}
.charter-result-list .car-seater ul.bullet-list {margin-top:5px;}
.charter-result-list .car-seater ul.bullet-list li {padding:0px;}
.charter-result-list .price {color:#ff6600; font-weight:bold;}
.charter-result-list  .count-btn {padding:3px 7px;}
.charter-selected-info .total-price {font-weight:bold; font-size:18px; color:#265871;}
/*.charter-selected-info ul {margin-left:0; padding-left:0;}
.charter-selected-info ul li {list-style:none; border-bottom:1px solid #ddd; padding:10px 0;}*/
.charter-selected-info ul.bullet-list {margin-top:5px; margin-bottom:0px;}
.charter-selected-info ul.bullet-list li {padding:0px;}
.charter-selected-info .list-item-wrap {max-height:200px; overflow-y:scroll; margin-bottom:15px;}
.charter-selected-info .list-item {border-bottom:1px solid #ddd; padding:15px;}

@media (max-width: 1024px) {
ul.charter-result-list .iconic-input select {text-indent:20px !important;}
ul.charter-result-list .paxcat-count {float:none;}
}

@media (max-width: 767px) {
ul.charter-result-list .paxcat-count {padding-top:5px;}
.nav-pills.no-bottom-radius > li > a, .nav-pills.no-bottom-radius > li > a:hover {border-radius:3px;}
.panel.no-top-radius {border-radius:3px;}
.charter-result-list .pax-lug ul.list li {display:inline-block; margin-right:15px;}
.charter-result-list .price {font-size:18px; margin-top:7px;}
.charter-selected-info-float {position:fixed; bottom:0; width:100%;}
.charter-selected-info-float .panel {margin-bottom:0;}
.charter-selected-info-float .panel-default>.panel-heading {color:#fff; background-color:#70266e; border-color:#ddd;}
.charter-selected-info-float .panel-default>.panel-heading .fa {float:right;}
}

/*Optimise-result =====================================================*/
.car-grouped-trip-result {font-size:13px; width:85%; margin:0 auto;}
.car-grouped-trip-result table {overflow:hidden; color:#222;}
.car-grouped-trip-result .price-icon {display:inline-block; margin-right:10px;}
.car-grouped-trip-result .price-icon i {color:#444;}
.car-grouped-trip-result .original-price {color:#ff9900; font-weight:bold;}
.car-grouped-trip-result .discounted-price {padding-right:0px; color:#636363;}
.car-grouped-trip-result .btn {padding:3px 10px; font-size:13px;}
.car-grouped-trip-result .btn-primary {background-color:#fff; color:#70266e;}

@media (max-width: 768px) {
.car-grouped-trip-result {width:100%;}
.car-grouped-trip-result .discounted-price {text-align:right;}
}

@media (max-width: 767px) {
.car-grouped-trip-result #no-more-tables tr:last-child {border-bottom:none;}
.car-grouped-trip-result #no-more-tables td {padding-left:10px;}
.car-grouped-trip-result #no-more-tables td:first-child {padding-top:10px;}
.car-grouped-trip-result .sub-info {margin:-5px 70px 0 25px; font-size:11px; color:#555;}
.car-grouped-trip-result .price-icon-wrap {margin-left:20px; padding-bottom:5px;}
.car-grouped-trip-result .discounted-price {margin-left:19px;}
.car-grouped-trip-result .surcharge-info2 {margin-left:19px;}
.car-grouped-trip-result .btn {position:absolute; right:10px; top:20px; padding:6px 12px; font-size:14px;}
}

.car-recommended-tag {
    padding: 5px;
    margin-left:5px;
    font-size: 12px;
    background-color: #70266e;
    color: #ffffff;
    border-radius: 8px;
}

/*Ferry River Cruise/Island Hopping UI =====================================================*/
#ferry-trip-details .map-container {height:250px; margin-bottom:30px;}
#ferry-trip-details .logo {float:left; margin-right:10px; width:auto; margin-top:0;}
#ferry-trip-details .title {margin-top:5px;}
#ferry-trip-details h2 {margin-top:20px;}
#ferry-select-details .price {font-weight:bold; color:#333; margin-top:20px;}
#ferry-select-details .price span {color:#ff9900;}
ul.island-selection {padding:0;}
ul.island-selection li {display:inline-block; list-style:none; padding:8px 0px; margin-right:5px; margin-bottom:8px;}
ul.island-selection li a {padding:8px 15px; border:1px solid #70266e; border-radius:3px; color:#70266e;}
ul.island-selection li.selected a {background-color:#70266e; color:#fff;}

@media (max-width: 767px) {
#ferry-trip-details .logo {float:none; margin-right:0px;}
}


/*Bus + Hotel UI =====================================================*/
.bus-hotel-bundle .col-radio {width:5%;}
.bus-hotel-bundle ul {padding-left:0;}
.bus-hotel-bundle ul li {list-style:none; border-bottom:1px solid #ccc; padding:15px 0;}
.bus-hotel-bundle ul li:last-child {border-bottom:none;}
.bus-hotel-bundle ul.notice {font-size:13px; padding-left:inherit;}
.bus-hotel-bundle ul.notice li {list-style:inherit; border-bottom:none; padding:0; list-style-type:disc;}
.bus-hotel-bundle .sub-title {font-weight:bold; color:#222; margin-bottom:15px; font-size:16px;}
.bus-hotel-bundle .total-price {font-size:16px; font-weight:bold; color:#ff6600; text-align:right;}
.bus-hotel-bundle .total-price span {font-size:12px; font-weight:normal; color:#555; display:block;}
.bus-hotel-bundle .alert-info {color:#444;}

@media (max-width: 767px) {
.bus-hotel-bundle .col-radio {width:8.33333333%;}
.bus-hotel-bundle .sub-title {margin-bottom:15px;}
.bus-hotel-bundle img  {margin-bottom:15px;}
.bus-hotel-bundle .total-price {text-align:left; margin-top:20px;}
}


/*Hotel UI Mainpage Modal =====================================================*/
#hotel-genting-carousel.carousel {height:180px; overflow:hidden; background-color:#000; margin-bottom:20px;}
#hotel-genting-carousel .carousel-indicators {bottom:0px;}
#hotel-genting .right-btn {text-align:right;}
#hotel-genting .modal-header img {vertical-align:-12px; margin-left:5px;}
#hotel-genting .price-tag {text-align:right; margin-top:-10px; margin-bottom:20px; font-size:12px;}
#hotel-genting .price-tag span {color:#111; font-size:15px; font-weight:bold;}
#hotel-genting .price-tag i {color:#de0000; margin-right:5px;}
#hotel-genting .price-tag .fa {font-size:16px;}
#hotel-genting .form-control {font-size:13px;}

@media (max-width: 767px) {
#hotel-genting-carousel.carousel {margin-bottom:15px;}
#hotel-genting .right-btn {text-align:left;}
#hotel-genting #no-more-tables tr {border-bottom:none;}
}

#hotel-partners .hotel-col-border-none {
    border-bottom:none;
}

/*Refer and earn popup - login =====================================================*/
#refer-and-earn .input-group-addon {background-color:#70266e; border:1px solid #70266e; /*border-radius:0 30px 30px 0;*/ color:#fff; padding-right:18px; min-width:100px;}
#refer-and-earn input {/*border-radius:30px 0 0 30px; border:2px solid #70266e;*/ padding:20px;}
#refer-and-earn .form-control[readonly] {background-color:#fff;}
#refer-and-earn .panel-important {border:2px solid #337ab7; color:#000; font-size:16px; font-weight:bold; border-radius:6px; padding:5px;}
.or-separator {position:relative; text-align:center; margin:40px 0;}
.or-separator label {background-color:#fff; padding:0 0.4em; position:relative;}
.or-separator:before {content:''; border-style:solid; border-width:0 0 1px 0; position:absolute; left:0; top:50%; width:100%; border-color:#ddd;}

/*Referral Rewards UI =====================================================*/
#referral-rewards h1 {color:#000;}
#referral-rewards .title {text-align:center; font-size:24px; color:#70266e; margin-bottom:50px; margin-top:15px; line-height:24px;}
#referral-rewards .title span {font-weight:normal; font-size:15px; color:#333;}
#referral-rewards .step {text-align:center; padding:0 5px; margin-bottom:30px; font-size:12px;}
#referral-rewards .step h2 {margin-top:20px; color:#000; font-size:15px; line-height:18px;}
#referral-rewards .sub-title {font-size:16px; font-weight:bold; color:#111; margin-bottom:5px; /*text-align:center;*/}
.referral-main-msg {font-family:'Gilroy', sans-serif; text-align:center; margin:20px 0 50px 0; /*border:3px solid #333; border-radius:4px;*/}
.referral-main-msg h1 {color:#000; font-size:30px; margin-bottom:35px;}
.referral-main-msg h1 img {vertical-align:-5px;}
.referral-main-msg .block {display:inline-block; font-size:40px; padding:0 10px; vertical-align:middle; color:#000;}
.referral-main-msg .main {color:#ffde2f;}
.referral-main-msg .sub {font-size:14px; color:#111;}
.referral-main-msg .get {position:absolute; left:15px; top:-20px; font-size:18px; color:#ffde2f;}
.referral-main-msg .block .rainbow-text {font-size:34px;}
.referral-main-msg .btn {background:-moz-linear-gradient(to right, #541b52, #b32556); background:-webkit-linear-gradient(to right, #541b52, #b32556); background:linear-gradient(to right, #541b52, #b32556); background-color:#70266e;  color:#fff; padding:3px 5px; display:block; border-radius:30px; margin-top:20px; font-size:18px;}
.referral-direct-link {margin-bottom:30px; margin-top:40px;}
.referral-direct-link .input-group-addon {background-color:#70266e; border:1px solid #70266e; /*border-radius:0 30px 30px 0;*/ color:#fff; padding-right:18px; min-width:100px;}
.referral-direct-link input {/*border-radius:30px 0 0 30px; border:2px solid #70266e;*/ padding:20px;}
.referral-direct-link .form-control[readonly] {background-color:#fff;}
.referral-direct-email {margin-bottom:40px;}
.referral-direct-email .input-group-addon {background-color:#70266e; border:1px solid #70266e; /*border-radius:0 30px 30px 0;*/ color:#fff; padding-right:18px; min-width:100px;}
.referral-direct-email input {/*border-radius:30px 0 0 30px; border:2px solid #70266e;*/ padding:20px;}
.referral-direct-email .form-control {/*height:45px; overflow:auto; border-radius:30px; border:2px solid #70266e;*/  padding:11px 20px 5px 20px;}
.referral-direct-email .form-control[readonly] {background-color:#fff;}
.import-contacts {margin-bottom:30px;}
.import-contacts .btn {border-radius:25px; min-width:120px; text-align:center;}
.import-contacts .sub-title a {font-weight:normal; cursor:pointer; font-size:13px; text-decoration:underline;}
.import-contacts .sub-title a:hover {text-decoration:underline;}
.import-contacts ul.import-emails {padding-left:0; margin-left:0;}
.import-contacts ul.import-emails li {display:inline-block; list-style:none; vertical-align:top; text-align:center;}
.import-contacts ul.import-emails li a {font-size:13px; cursor:pointer;}
.share-via {margin-bottom:30px;}
.share-via .btn {border-radius:25px; min-width:120px; text-align:center; margin-bottom:40px;}
.share-via a {cursor:pointer;}
#referral-rewards .table-title {font-size:18px; font-weight:bold; color:#333; margin-bottom:10px; margin-top:30px;}
#referral-rewards .table-heading {background-color:#333; color:#fff;}
#tnc-referral {font-size:14px;}
.tnc-referral {color:#222;}
.tnc-referral ul.list {margin-top:0px;}
.tnc-referral li {line-height:22px;}
.tnc-referral li.sublist {text-indent:-1.8em; padding-left:30px;}
.tnc-referral li.sublist table {text-indent:0;}
.tnc-referral li .subtitle {font-weight:bold; text-decoration:underline;}
#import-contacts-box .modal-header.gmail,
#import-contacts-box .modal-header.outlook {border-radius:3px 3px 0 0;}
#import-contacts-box .modal-header.gmail {background-color:#dd4b39;}
#import-contacts-box .modal-header.outlook {background-color:#2672ec;}
#import-contacts-box .modal-header.gmail .close, 
#import-contacts-box .modal-header.gmail .close:hover,
#import-contacts-box .modal-header.outlook .close,
#import-contacts-box .modal-header.outlook .close:hover {color:#fff; opacity:1;}
#import-contacts-box .modal-header.gmail h4,
#import-contacts-box .modal-header.outlook h4 {color:#fff;}
#import-contacts-box .modal-header h4,
#import-contacts-box .modal-header.gmail h4,
#import-contacts-box .modal-header.outlook h4 {text-decoration:none;}
#import-contacts-box .wrap {padding-left:0; height:300px; overflow-y:scroll;}
#import-contacts-box .wrap table {color:#333; width:90%;}
#import-contacts-box .wrap table span {display:block; font-size:12px; color:#888;}
/*.referral-program {padding:40px 0;}*/
.referral-program .content-section {padding:50px 0;}
.referral-program .bg-grey {color:#222;}
.referral-program .bg-grey .feature-title {color:#000;}
.referral-program .bg-grey td {background-color:#fff;}
.referral-program .bg-grey .alert-grey {background-color:#ddd; border-color:#bbb; color:#111;}
.referral-program h1 {font-size:24px; color:#000; margin-bottom:40px;}
.referral-program .title {background:-moz-linear-gradient(to right, #541b52, #76196a); background:-webkit-linear-gradient(to right, #541b52, #76196a); background:linear-gradient(to right, #541b52, #76196a); background-color:#70266e; text-align:center; font-size:18px!important; margin-bottom:20px!important; color:#fff!important; border-radius:30px; padding:5px 25px;}
.referral-program span.title {display:inline-block;}
.referral-program .title-sm {font-size:16px!important; padding:3px;}
.referral-program .title-no-radius {border-radius:0px;}
.referral-program .title a {color:#fff; font-size:14px; font-weight:normal; cursor:pointer;}
.referral-program .legend-title {position:absolute; top:-15px; left:15px; background-color:#70266e; color:#fff; border-radius:20px; font-weight:bold; padding:3px 12px;}
.referral-program .feature-item-wrap {margin-bottom:15px;}
.referral-program .feature-item {display:flex; padding:5px;}
.referral-program .feature-item p {line-height:inherit; margin-bottom:0px;}
.referral-program .feature-icon {margin-right:15px;}
.referral-program .feature-icon img {width:30px;}
.referral-program .feature-title {font-size:16px; font-weight:bold; color:#333; margin-bottom:5px; word-wrap:break-word;}
.referral-program .img-chart {margin-left:auto; margin-right:auto;}
.referral-program p {line-height:inherit;}
.referral-program ul.legend {margin-bottom:15px; box-shadow:none;}
.referral-program ul.legend li {display:inline-block; list-style:none; font-size:14px;}
.referral-program ul.legend li span {color:#000; font-weight:bold;}
.referral-program .alert {padding:10px; margin-bottom:15px}
.referral-program .alert-danger {color:#fff; background-color:#e63935; border-color:#e63935;}
.referral-program .refer-button {background-color:#fff; padding-top:15px; padding-bottom:15px;}
.referral-program .affix .refer-button {background-color:#ffde2f;}
.refer-or {position:absolute; top:20px; right:-12px; font-size:20px;}
/*General Parallax =====================================================*/
.referral-program .parallax {background-attachment:inherit; background-position:bottom; background-repeat:no-repeat; background-size:cover; color:#888; padding:60px 0;}
.referral-program .parallax .panel {border-color:#fff; box-shadow:0 3px 3px rgba(0, 0, 0, .1);}
.referral-program .parallax .panel-body {color:#333; padding:30px 15px; line-height:22px;}
.referral-program .parallax .panel-body h2 {color:#000; min-height:45px;}
.referral-program .parallax .panel-body .step img {height:120px;}
.arrow1 {
  animation: slide1 1s ease-in-out infinite;
  margin-left: 9px;
}
@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}

@media (max-width: 767px) {
.import-contacts {margin-top:20px;}
#referral-rewards .title {margin-bottom:30px;}
#referral-rewards .step, .referral-program .step {margin-bottom:25px;}
#referral-rewards .step h2, .referral-program h2 {margin-top:10px;}
#referral-rewards .panel-options {font-size:12px;}
#referral-rewards .banner {width:100%;}
.referral-main-msg .block {font-size:30px; padding:0 5px; margin-bottom:20px;}
.referral-main-msg .sub {font-size:12px;}
.referral-main-msg .get {left:5px;font-size:16px;}
.referral-main-msg .btn {margin-top:0;}
.referral-program .parallax .panel-body h2 {min-height:inherit;}
.referral-program .content-section {padding:30px 0;}
.referral-program .step img {width:80px;}
.referral-program .feature-title {font-weight:normal!important;}
.refer-or {position:static; text-align:center; padding:15px;}
}

/*Claim Referral Reward Modal =====================================================*/
#claim-referral-reward .title {text-align:center; margin-top:15px; margin-bottom:30px;}
#claim-referral-reward p {text-align:center; height:40px;}

@media (max-width: 767px) {
#claim-referral-reward p {height:inherit;}
#claim-referral-reward img {margin-bottom:60px;}
}

/*Main Page - Statistic UI =====================================================*/
.statistic {margin:-10px 0; color:#fff;}
.statistic .title {text-align:center; font-size:20px;}
.statistic .counter-item {text-align:center; margin:0 20px; padding:15px;}
.statistic .counter-item .fa {font-size:26px;}
.statistic .counter {font-size:30px; color:#ffde2f; font-weight:bold;}
.statistic .counter-desc {font-size:12px;}


/*Main Page - why book with us UI =====================================================*/
.why-book-with-us {padding:40px 0;}
.why-book-with-us .title {text-align:center; font-size:20px; margin-bottom:30px;}
.why-book-with-us .feature-item-wrap {margin-right: 3px;margin-left: 3px;padding-top: 6px;height: 160px;display:flex; background-color: #fff; box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
transition: all 0.3s ease; position:relative; margin-bottom:25px;}
.why-book-with-us .feature-item {display:flex; padding:15px;}
.why-book-with-us .feature-item::before {content: "";
position: absolute;
width: 3px;
color: #70266e;
background: -moz-linear-gradient(top, #70266e 0%, #ffa0cd 100%);
background: -webkit-linear-gradient(top, #70266e 0%, #ffa0cd 100%);
background: linear-gradient(to bottom, #70266e 0%, #ffa0cd 100%);
top: 0;
bottom: 0;
left: 0;}
.why-book-with-us .feature-icon {margin-right:15px;}
.why-book-with-us .feature-title {font-size:16px; font-weight:bold; color:#333; margin-bottom:5px; word-wrap:break-word;}
.why-book-with-us .gradient-fill::before {color: #70266e;
background: -moz-linear-gradient(top, #70266e 0%, #ffa0cd 100%);
background: -webkit-linear-gradient(top, #70266e 0%, #ffa0cd 100%);
background: linear-gradient(to bottom, #70266e 0%, #ffa0cd 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;}

@media (max-width: 768px) {
.why-book-with-us .feature-item-wrap {height: 235px;}
}

@media (max-width: 480px) {
.why-book-with-us .feature-item-wrap {height: 235px;}
}



/*Flight Operator Page =====================================================*/
.alphabet-link ul {padding-left:0; text-align:center; margin:15px 0 30px 0;}
.alphabet-link ul li {display:inline-block; list-style:none; padding:5px 0; font-size:18px; font-weight:bold;}
.alphabet-link ul li.inactiveLink a {color:#aaa;}
.alphabet-link ul li a {padding:0px 10px;}
.alphabet-row {border-bottom:1px solid #ddd; padding:15px 0 0 0;}
.alphabet-row:last-child {margin-bottom:50px;}
.alphabet {font-size:20px; font-weight:bold;}
.flight-operator-logo ul {padding-left:0; margin-bottom:0;}
.flight-operator-logo ul li {display:inline-block; list-style:none; text-align:center; font-size:13px; margin:0 15px 15px 15px;}

#referral-bonus-summary-list-div .preloader {  margin-right: -32px; margin-top: 0px; top: 50%; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; text-align: center; right: 50%;}
#referee-list-div .preloader {  margin-right: -32px; margin-top: 0px; top: 50%; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center; text-align: center; right: 50%;}

#hotel-search-result .panel-body.loading { opacity: .5;}
#hotel-search-result .preloader { position: absolute; top: 75%; right: 45%; width: 74px; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}

/*Car Order Summary =====================================================*/
.rentalcar.order-summary-header td { padding: 10px; }
table .rentalcar.order-summary-body { border-collapse:separate; border-spacing:10px; }
.rentalcar.order-summary-body td table td { padding: 5px; }
.rentalcar.order-summary-body td table td p { margin: 13px 0px; }
.rentalcar.order-summary-body td table.norefund-remark td p { margin: 0; line-height:18px; text-align:left; padding:5px; }
.rentalcar.order-summary-body td table.important-info td p { margin: 13px 0px; line-height:20px; text-align:left; }
.rentalcar.order-summary-body td table.pickup-info td p { margin: 13px 0px; line-height:20px; text-align:left; }
.rentalcar.order-summary-body td table.pickup-info td table p { margin: 0; line-height:20px; text-align:left; padding:5px; }


/*Search Result Rating Modal - Rating Criteria =====================================================*/
.rating-review {color:#333;}
.rating-review h2 {margin-top:0px;}
.rating-review hr {margin-top:15px; margin-bottom:15px; border-color:#ddd;}
.rating-review ul.nav {margin-bottom:5px;}
.rating-review .nav-pills > li.active > a {background-color:#70276e; border:1px solid #70276e;}
.rating-review .nav-pills > li > a {background-color:#eaeaea; border:1px solid #ddd; margin-right:3px; padding:5px 30px; font-weight:bold;}
.rating-review .nav > li > a:hover {}
.rating-review .tab-content {margin-top:0px; margin-bottom:15px;}
.rating-block {background-color:#FAFAFA; border:1px solid #ddd; padding:20px 15px; border-radius:3px;}
.rating-block h4 {margin-top:0px;}
.rating-block .average-rate {padding:10px 16px; color:#fff; background-color:#ff9900; border:1px solid transparent; border-radius:5px; display:inline-block;}
ul.rating-criteria {margin-left:0px; padding-left:0px; font-size:13px;}
ul.rating-criteria li {list-style:none;}
ul.rating-criteria .progress {height:8px; margin-bottom:8px; float:left; width:90%; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1)!important; box-shadow:inset 0 1px 2px rgba(0,0,0,.1)!important;}
ul.rating-criteria .rating {float:right; margin-top:-5px;}

@media (max-width: 768px) {
.rating-block .btn-sm {padding:5px 8px;}
ul.rating-criteria .progress {width:80%;}
}

@media (max-width: 767px) {
.rating-block {margin-bottom:30px;}
}

/*Search Result Rating Modal - Review Post =====================================================*/
.review-block {background-color:#FAFAFA; border:1px solid #ddd; padding:15px; border-radius:3px; margin-bottom:15px; min-height:300px; max-height:300px; overflow-y:scroll;}
.review-block img {height:40px!important;}
.review-block-name {font-size:11px; margin:4px 0 3px 0; color:#111;}
.review-block-date {font-size:10px; color:#555;}
.review-block-rate {font-size:13px; margin-bottom:7px; position:relative;}
.option-link {position:absolute; right:0px; top:0px;}
.review-block-title {font-size:13px; font-weight:700; margin-bottom:5px; color:#111;}
.review-block-description {font-size:12px;}
.reply-button {margin-top:15px; font-size:13px;}
.view-reply-link {margin-top:10px; font-size:12px;}
.view-reply-link a {cursor:pointer;}
.reply-block {margin-top:20px; /*padding:15px; border:1px solid #ddd; background-color:#fff;*/}
.reply-block-item {background-color:#ddd; border-radius:5px; padding:10px; color:#222; margin-bottom:5px;}
.reply-block-item:last-child {margin-bottom:0px;}
.reply-block img {width:30px!important; height:30px!important;}
.reply-block .review-block-date {margin-top:10px;}
.reply-block .review-block-name {font-size:11px;}
.morecontent span {display: none;}

@media (max-width: 767px) {
.review-block-name {margin:0 0 5px 0;}
.review-block-rate {margin-top:15px;}
}

input.apple-switch {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 50px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #D9DADC;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 lightgray;
}

input.apple-switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 26px;
  height: 16px;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}

input.apple-switch:disabled {
  box-shadow: inset -20px 0 0 0 #fff;
}

input.apple-switch:checked {
  box-shadow: inset 20px 0 0 0 #800080;
  border-color: #800080;
}

input.apple-switch:checked:after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}

.float-right{
    float: right;
}


/*Genting Bus =====================================================*/
/* CSS Document */
#genting-skyway .form-group input[type="checkbox"] {
    display: none;
}

#genting-skyway .form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

#genting-skyway .form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}

#genting-skyway .form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;
}

#genting-skyway .form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}

#genting-skyway .form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}

/*New Car Search Result =====================================================*/
.control-button {text-align:right; margin:0 0 10px 0;}
.control-button .btn-outline {border:1px solid #bbb; font-weight:normal; padding:6px 12px; border-radius:4px; background-color:#fff;}
.car-list-panel {border:1px solid #ccc; padding:15px; border-radius:5px; margin-bottom:8px; position:relative;}
.car-list-panel:last-child {margin-bottom:60px;}
.car-list-panel .ex-coll-link {position:absolute; right:15px;}
.car-list-panel .ex-coll-link a {text-decoration:underline;}
.car-list-title {font-weight:bold; color:#222;}
.car-list-supplier {text-align:right;}
.car-list-price {text-align:right; color:#ff6600; font-weight:bold;}
.car-list-price span {font-size:10px; color:#444; font-weight:normal;}
/*.car-list-item [data-toggle="collapse"]:after {font-family:'FontAwesome'; content:"\f106"; float:right; color:#70266e; font-size:18px;}
.car-list-item [data-toggle="collapse"].collapsed:after {content: "\f107";}*/

/*Under #car-list-result*/
.car-list-result-heading {margin-top:40px; font-weight:bold;}
.car-list-result-item {padding:15px 0; font-size:13px; border-top:1px solid #ddd;}
.car-list-result-item:last-child {border-bottom:none;}
.car-list-result-item ul.list li {padding:0px;}
.car-list-result-item ul.list li.included i {color:#2a8a10;}
.car-list-result-item ul.list li.excluded i {color:#de0000;}
.car-list-result-item .car-model {font-weight:bold;}
.car-list-result-item .car-company-logo {display:inline-block; vertical-align:top; margin-right:5px;}
.car-list-result-item .car-company-logo img {height:30px;}
.car-list-result-item .car-company-name {display:inline-block; font-weight:bold;}
.car-list-result-item .car-price {color:#ff6600; font-weight:bold; margin-bottom:10px;}
.car-list-result-item .btn-tag {border-radius:25px; padding:1px 6px; color:#fff; font-size:10px; font-weight:normal;}
.car-list-result-item .btn-tag .fa {color:#333;}
.car-list-result-item .btn-tag.btn-instant-confirm {color:#3772cb; border:1px solid #3772cb;}
.car-list-result-item .btn-tag.btn-newly-online {color:#287928; border:1px solid #287928;}
.car-list-result-item .btn-tag.btn-limited-offer {color:#ff8400; border:1px solid #ff8400;}
.carprice span {display:block;}


@media (max-width: 767px) {
.control-button {text-align:center;}
.car-list-panel-item {margin-bottom:5px;}
.car-list-title {margin-bottom:5px;}
.car-list-supplier {text-align:left;}
.car-list-result-item {font-size:12px;}
.car-list-result-item .car-info {margin-bottom:10px;}
.car-list-result-item .car-company {margin-bottom:15px;}
.carprice span {display:inline-block;}
}

/*Search Result Page > Details Popup Modal =====================================================*/
.trip-details th.header {height:inherit;}


/*Operator Details Template ================================================*/
.affix #operator-menu-tab {background-color:#fff; border-bottom:1px solid #ccc; margin-top:0;}
.affix #operator-menu-tab .nav-pills > li > a {padding:10px 15px;}
#operator-menu-tab {margin-top:15px; margin-bottom:15px;}
#operator-menu-tab .nav-pills > li.active > a {background-color:transparent; color:#222;}
#operator-menu-tab .nav-pills > li > a {border-radius:0px; padding:5px 15px; font-weight:bold; border-right:1px solid #ccc; font-size:16px; color:#ff6600;}
#operator-menu-tab .nav-pills > li:first-child > a {padding-left:0;}
#operator-menu-tab .nav > li > a:hover {background-color:transparent; color:#ff6600;}
#operator-menu-tab .nav > li.active > a:hover {color:#222;}
.content-section {padding:40px 0;}
.content-center {text-align:center;}
.content-center p {text-align:center;}
.content-center table {text-align:left;}
#operator-amenities ul.amenities {margin-left:0; padding-left:0;}
#operator-amenities ul.amenities li {display:inline-block; list-style:none; font-size:12px; width:60px; vertical-align:top;}
#operator-amenities ul.amenities li img {border:2px solid #ccc; border-radius:4px; background-color:#fff; padding:5px; width:100%; margin-bottom:5px;}
#operator-route-list ul.route-list {margin-top:15px; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;}
#operator-gallery .gallery-filter {height:260px; overflow:hidden;}
#operator-gallery img {margin-bottom:30px; height:240px; width:100%;}
#operator-gallery .btn {margin-bottom:5px;}
#operator-schedule .col-route {width:50%;}
#operator-schedule .btn {padding:4px 10px;}


@media (max-width: 768px) {
#operator-gallery .gallery-filter {height:170px;}
#operator-gallery img {height:150px;}
}


@media (max-width: 767px) {
#operator-menu-tab .nav-pills > li > a {padding:5px 10px; font-size:14px; border-right:none;}
#operator-menu-tab .nav-pills > li:first-child > a {padding-left:12px;}
#operator-amenities ul.amenities li {margin-bottom:5px;}
#operator-route-list ul.route-list {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
#operator-gallery .gallery-filter {height:inherit;}
#operator-gallery img {height:unset;}
#office-location .panel-body {padding:0px; font-size:12px;}
#operator-schedule .col-route {width:100%;}
#operator-schedule #no-more-tables {font-size:13px;}
#operator-schedule #no-more-tables td {padding-left:10px; padding-bottom:3px; padding-top:3px;}
#operator-schedule #no-more-tables td:last-child {padding-bottom:5px;}
#operator-schedule #no-more-tables thead tr {position:inherit; background-color:#70266e; color:#fff; border-bottom:none;}
#operator-schedule #no-more-tables thead tr th {font-weight:normal;}
#operator-schedule #no-more-tables thead tr th a {color:#fff;}
#operator-schedule #no-more-tables .btn-primary {background-color:#ff6600; border-color:#ff6600;}
}


/*Easybook secondary Navigation menu bar - Home Page  ================================================*/
.eb-header-menu {background-color:#f5f5f5; /*border-top:1px solid #ddd;*/ display:none;}
.eb-header-menu ul {padding:0px; margin:0px;}
.eb-header-menu ul li {list-style-type:none; float:left;}
.eb-header-menu ul li a {margin-right:25px; color:#000; font-size:13px; display:block; padding:10px 0; cursor:pointer;}
.eb-header-menu ul li:last-child a {margin-right:0;}
.eb-header-menu ul li a:hover {color:#000; text-decoration:none;}
.eb-mobile-menu-toggle {font-size:12px; color:#111;}
.eb-more-menu {padding:0px !important;}

@media (max-width: 767px) {
.eb-header-menu ul li a {margin-right:18px; font-size:12px;}
.eb-mobile-header-menu li {background-color:#ffde2f; float:none!important;}
.eb-mobile-header-menu li a {color:#111; font-size:12px; padding:0px;}
}

/*EBO Price Today - Home Page  ================================================*/

@media (max-width: 991px) {
.ebo-price-today {background-color: #eeeeee; display:block; padding:10px 0; cursor:pointer;}
.ebo-price-today a {color:#000; font-size:13px; padding-left:15px;}
}

/*@media (max-width: 991px) {
.ebo-price-today {background-color: #ddd;}
.ebo-price-today ul {padding:0px; margin:0px;}
.ebo-price-today ul li {list-style-type:none; float:left;}
.ebo-price-today div a {margin-right:25px; color:#000; font-size:12px; display:block; padding:10px 0; cursor:pointer;}
.ebo-price-today ul li a:hover {color:#000; text-decoration:none;}
}*/

/*Home - Campaign Promotion Purple Column  ================================================*/
/*.promo-col {border-radius:10px; min-height:110px; padding:10px; border:2px solid #ddd; background-color:#fff; box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.04); line-height:20px;}
.promo-col img {width:48px; height:48px; margin-top:5px;}
.promo-col img.img-sm {width:30px; height:30px;}
.promo-col-title {color:#111; font-size:16px; font-weight:bold;}
.promo-col-desc {margin-top:8px; color:#444444; font-size:14px;}

@media (max-width: 1024px) {
.promo-col {min-height:200px;}
.promo-col img {margin-bottom:5px}
.promo-col-title {font-size:16px;}
.promo-col-desc {font-size:14px;}
}

@media (max-width: 767px) {
.promo-col {min-height:100px;}
.promo-col img {width:40px; height:40px;}
.promo-col-title {font-size:16px;}
.promo-col-desc {font-size:14px;}
}*/

ul.promo-box {display:flex; align-items:flex-end; padding-left:0; padding-bottom:15px; padding-top:30px; text-align:center; margin-bottom:0;}
ul.promo-box li {flex:1 0 5rem; list-style:none; display:inline-block; margin-right:15px;}
ul.promo-box li a {text-decoration:none;}
ul.promo-box li:last-child {margin-right:0px;}
.rainbow-border.promo-col {border:none;}
.promo-col-title .label-new3 {padding:0 7px; font-weight:normal;}
.promo-col {border-radius:10px; min-height:110px; padding:15px; border:2px solid #ddd; background-color:#fff; box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.04); line-height:20px; position:relative; align-content:center;}
.promo-col img {width:auto; height:30px;}
.promo-col-title {color:#111; font-size:16px; font-weight:bold;}
.promo-col-desc {margin-top:8px; color:#444444; font-size:14px;}
.promo-remarks {margin-top:5px; color:#444444; font-size:12px; font-style:italic; line-height:16px;}

@media (max-width: 767px) {
ul.promo-box {display:block;}
ul.promo-box li {display:block; margin-right:0px;}
.promo-col {min-height:inherit; margin-bottom:10px;}
}

/*Gift Card Page  ================================================*/
.giftcard-frame {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.giftcard-radiobtn {
    white-space:initial;
    display:inline-grid;
    width:100%;
}

.giftcard-radiobtn > .btn-primary.active {
    color: #61215f;
    background-color: #f6cb24;
    border-color: #f6cb24;
}

.giftcard-radiobtn >  label {
    color:#111;
    background-color: #ffffff;
    margin-bottom:5px;
    padding:10px;
    text-align:left;
    border: 2px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.giftcard-radiobtn > input[type="radio"] {
    width:0px;
    height:0px;
    position: fixed;
    opacity: 0;
}

.giftcard-radiobtn > label:hover {
    color: #111;
    background-color: #e6e5e5;
    border: 2px solid #ccc;
    cursor:pointer;
}

.giftcard-radiobtn > input[type="radio"]:focus + label   {
    border: 2px solid #70266e;
    cursor:pointer;
}

.btn.focus .btn:focus .btn.active .btn:active  {
     -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.giftcard-hover img {
    border: solid 1px #4444;
}

.giftcard-hover img:hover {
    opacity:0.6;
}

.giftcard-selling-price-title {
    text-align:left;
}
.giftcard-discount-val {
    font-size:20.5px;
    font-weight:bold;
    color:#ff9900;
    float: right;
    margin-left:10px;
}

.giftcard-ori-val {
    font-size: 17px;
    color: #949090;  
}

.giftcard-price-percent {
    font-size: 12px;
    background-color: #f92929;
    padding: 3px;
    color: #ffffff;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
}

.giftcard-theme-btn {
    margin-top:20px;
    padding: 0px;
    border: none;
    background: transparent;
    outline: none;
}

/*Flight After Payment Success Page  ================================================*/
.fps-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 90%;
    padding: 25px;
    border-radius: 5px;
    font-size: 14px;
    height: auto;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
}
    .fps-head-title {
      color: #fff;
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 16px;
      height: auto;
      background-color: #70266e;
      border-radius: 5px;
      margin-top: 10px;
      margin-bottom: 30px;
      padding-left: 10px;
      padding-right: 10px;
} 

    .fps-info-left {
      background-color: #e8e8e8;
      font-weight: bold;
}
    .fps-table-info {
      border-collapse: collapse;
      width: 100%;
}

    .fps-table-info > tbody > tr > td {
      border: 1px solid #a9a7a7;
      padding:10px;
}

    .fps-image {
       display: block;
       margin-left: auto;
       margin-right: auto;
       width: 375px;
}

   .fps-content {
    padding-top: 10px;
    margin-left: auto;
    margin-right:auto;
    padding-bottom: 10px;
    width: 90%;
}
  
  .fps-email {
     text-decoration: none;
	 color:#337ab7;

}

@media only screen and (max-width: 600px) {
    .fps-content {
      width:100%;
    }
}

/*Hotel Partner Page  ==================================================*/

.hotelpartner-checkbox {
    width:20px;
    height:20px;
    position:relative;
    top:8px;
}

.hotelpartner-checkbox-inline{
    border: solid 2px #cccccc;
    padding-left: 30px !important;
    padding-right: 30px !important;
    border-radius: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
}

/*passenger Details page ================================================*/
.ticket-collector {margin-bottom:20px;}
.passenger-individual-info {margin-bottom:20px;}
.customer-info {margin-bottom:20px;}
.rental-info {margin-bottom:20px;}
.rental-extra-option {margin-bottom:20px;}

/*Insurance section ================================================*/
.insurance-section, .ace {}
.insurance-section input[type="radio"], .insurance-section input[type="checkbox"] {position:absolute; margin-top:3px;}
.insurance-section input[type="radio"] ~ label, .insurance-section input[type="checkbox"] ~ label {padding-left:1.4em; display:inline-block;}
.insurance-section .alert {padding:10px; margin-bottom:10px;}
.insurance-section .alert:last-child {margin-bottom:0px;}
.insurance-section .alert-success {color:#222;}
.insurance-section .alert-lightgrey {background-color:transparent; border:none;}
.insurance-section .fa {font-size:16px;}
.insurance-section .fa-check {color:#218005;}
.insurance-section .fa-warning {color:#de6a28;}
/*.insurance-section .col-sm-2 {width:10.5%;}*/
.insurance-section img {width:60px;}
.insurance-section label {font-weight:normal; margin-bottom:10px;}

/*Refund Protection ================================================*/
.refund-protection {margin-bottom:20px;}
.refund-protection input[type="radio"], .refund-protection input[type="checkbox"] {position:absolute; margin-top:3px;}
.refund-protection input[type="radio"] ~ label, .refund-protection input[type="checkbox"] ~ label {padding-left:1.4em; display:inline-block;}
.refund-protection .alert {padding:10px; margin-bottom:10px;}
.refund-protection .alert:last-child {margin-bottom:0px;}
.refund-protection .alert-success {color:#222;}
.refund-protection .alert-lightgrey {background-color:transparent; border:none;}
/*.refund-protection .col-sm-2 {width:10.5%;}*/
.refund-protection img {width:60px;}
.refund-protection label {font-weight:normal; margin-bottom:10px;}

/*100% Refund Protection ================================================*/
.new-refund-protection {}
.new-refund-protection input[type="radio"], .new-refund-protection input[type="checkbox"] {position:absolute; margin-top:3px;}
.new-refund-protection input[type="radio"] ~ label, .new-refund-protection input[type="checkbox"] ~ label {padding-left:1.4em; display:inline-block;}
.new-refund-protection .alert {padding:10px; margin-bottom:10px;}
.new-refund-protection .alert:last-child {margin-bottom:0px;}
.new-refund-protection .alert-success {color:#222;}
.new-refund-protection .alert-lightgrey {background-color:transparent; border:none;}
/*.new-refund-protection .col-sm-2 {width:10.5%;}*/
.new-refund-protection img {width:60px;}
.new-refund-protection label {font-weight:normal; margin-bottom:10px;}
.new-refund-protection p {text-align:inherit;}

/*Meals Addon ================================================*/
#meals .preloader { position: absolute; top: 35%; right: 40%; width: 74px; height: 46px; background: url(/images/icon-preloader.gif?v=2) no-repeat center center;}
.meals-addon {}
.meals-addon input[type="radio"], .meals-addon input[type="checkbox"] {position:absolute; margin-top:3px;}
.meals-addon input[type="radio"] ~ label, .meals-addon input[type="checkbox"] ~ label {padding-left:1.4em; display:inline-block;  margin-bottom:10px;}
.meals-addon img {width:60px;}
.meals-addon label {font-weight:normal;}
.meals-addon p {text-align:inherit;}
.meals-addon .pax-wrap {margin-top:5px; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.meals-addon .pax-wrap:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.meals-addon .pax-item {padding:5px 0;}
.meals-addon .qty-option {display:flex; justify-content:flex-end;}
.meals-addon .qty-option .btn {background-color:#f5f5f5;}
.meals-addon .pax-type {font-weight:bold;}
.meals-addon .pax-type span {font-size:13px; font-weight:normal; color:#666666; display:block;}
.meals-addon .ticket-price {text-align:right; font-style:italic; padding-top:5px;}
.meals-addon .ticket-price  span {font-size:14px; font-weight:normal;}
.meals-addon .pax-count {margin:0 10px; font-weight:bold; width:45px; border:1px solid #ddd; border-radius:4px; text-align:center; padding:3px;}

@media (max-width: 767px) {
.meals-addon .qty-option .btn {padding:4px 10px;}
.meals-addon .pax-type span {font-size:12px; display:block;}
.meals-addon .ticket-price {font-size:13px;}
.meals-addon .pax-count {width:35px;}
}

/*Attraction Ticket Addon ================================================*/
.attraction-ticket-addon {}
.attraction-ticket-addon input[type="radio"], .attraction-ticket-addon input[type="checkbox"] {position:absolute; margin-top:3px;}
.attraction-ticket-addon input[type="radio"] ~ label, .attraction-ticket-addon input[type="checkbox"] ~ label {padding-left:1.4em; display:inline-block;  margin-bottom:10px;}
.attraction-ticket-addon img {width:60px;}
.attraction-ticket-addon label {font-weight:normal;}
.attraction-ticket-addon p {text-align:inherit;}
.attraction-ticket-addon-option {margin-top:15px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #ddd;}
.attraction-ticket-addon .pax-wrap {margin-top:5px; margin-bottom:15px;}
.attraction-ticket-addon .pax-item {padding:5px 0;}
.attraction-ticket-addon .qty-option {display:flex; justify-content:flex-end;}
.attraction-ticket-addon .qty-option .btn {background-color:#f5f5f5;}
.attraction-ticket-addon .pax-type {font-weight:bold;}
.attraction-ticket-addon .pax-type span {font-size:13px; font-weight:normal; color:#666666;}
.attraction-ticket-addon .ticket-price {font-weight:bold; text-align:right;}
.attraction-ticket-addon .ticket-price  span {font-size:14px; font-weight:normal;}
.attraction-ticket-addon .pax-count {margin:0 10px; font-weight:bold; width:30px; border:none; text-align:center;}

@media (max-width: 767px) {
.attraction-ticket-addon .qty-option .btn {padding:4px 10px;}
.attraction-ticket-addon .pax-type span {font-size:12px; display:block;}
.attraction-ticket-addon .pax-count {width:inherit;}
}

/*Indonesia Simas Insurtech Insurance section ================================================*/
.simas-insurance-wrapper {display: inline-flex;}
.simas-insurance-wrapper input[type="checkbox"] {position: inherit;}
.simas-insurance-chkbox-border {border: solid 1px #444444; padding: 8px;border-radius: 4px;}
.simas-insurance-bullet-tick {padding-left: 15px;list-style-image: url('https://easycdn.blob.core.windows.net/images/insurance-tick.png');}
.simas-insurance-showmore-link {color: #337ab7;}

/*EBO Ticket Bundle ================================================*/
.ebo-ticket-bundle {margin-bottom:20px;}
.ebo-ticket-bundle ul {margin-top:0; margin-bottom:0;}
.ebo-ticket-bundle ul.list {padding-left:18px;}
.ebo-ticket-bundle input[type="radio"], .ebo-ticket-bundle input[type="checkbox"] {margin-left:-18px;}
/*.ebo-ticket-bundle .col-sm-2 {width:10.5%;}*/
.ebo-ticket-bundle img {width:60px;}
.ebo-ticket-bundle label {font-weight:normal; margin-bottom:10px;}

/*Lucky Draw ================================================*/
.lucky-draw {margin-bottom:20px;}
.lucky-draw input[type="radio"], .lucky-draw input[type="checkbox"] {position:absolute; margin-top:3px;}
.lucky-draw input[type="radio"] ~ label, .lucky-draw input[type="checkbox"] ~ label {padding-left:1.4em; display:inline-block;}
.lucky-draw .alert {padding:10px; margin-bottom:10px;}
.lucky-draw .alert:last-child {margin-bottom:0px;}
.lucky-draw .alert-success {color:#222;}
.lucky-draw .alert-lightgrey {background-color:transparent; border:none;}
/*.lucky-draw .col-sm-2 {width:10.5%;}*/
.lucky-draw img {width:60px;}
.lucky-draw label {font-weight:normal; margin-bottom:10px;}

/*Easipoint ================================================*/
.easipoint-section {margin-bottom:20px;}

/*Lucky Prize ================================================*/
.lucky-prize .sub-hero {z-index:1; width:100%; height:100%; position:relative; background:linear-gradient(-45deg, #ffdd00, #f7931d, #5d25a1); background-size:400% 400%; animation:gradient 15s ease infinite; color:#fff; overflow:hidden;}
.lucky-prize .sub-hero h1 {font-size:50px; margin-top:30px; margin-bottom:30px; color:#fff; line-height:inherit;}
.lucky-prize .sub-hero p {font-size:20px; color:#fff;}
.lucky-prize .section-title {font-size:26px; color:#000; margin-bottom:40px; text-align:center;}
.lucky-prize .section {padding:40px 15px;}
.lucky-prize .sub-title {font-size:16px; color:#000; margin-bottom:10px; margin-top:10px; font-weight:bold;}
.lucky-prize ol {margin-top:0;}
.lucky-prize ol li {padding:8px 0; line-height:inherit;}
.lucky-prize .border-bottom {border-bottom:1px solid #ddd;}
.buyandwin-title {font-size: 26px;color: #ffffff;margin-bottom: 40px;text-align: center;background-color: #a4508b;background-image: linear-gradient(326deg, #a4508b 0%, #7d33a0 74%);width: 260px;margin-left: auto;margin-right: auto;padding: 10px;border-radius: 16px;font-weight: 600;color: #ffffff;text-transform: capitalize;}

@media (max-width: 767px) {
.lucky-prize .sub-hero h1 {font-size:40px;}
.lucky-prize .step img {margin-bottom:15px;}
.lucky-prize .step:last-child img {margin-bottom:0px;}
.lucky-prize .winner img {max-width:150px; margin:0 auto;}
}

/*Antigen Rapid Test (ART)  ================================================*/
.art {margin-bottom:20px;}
.art input[type="radio"], .art input[type="checkbox"] {position:absolute; margin-top:3px;}
.art input[type="radio"] ~ label, .art input[type="checkbox"] ~ label {padding-left:1.4em; display:inline-block;}
.art .alert {padding:10px; margin-bottom:10px;}
.art .alert:last-child {margin-bottom:0px;}
.art .alert-success {color:#222;}
.art .alert-lightgrey {background-color:transparent; border:none;}
.art img {width:60px;}
.art label {font-weight:normal; margin-bottom:10px;}
#art-content {position:relative;}
.art-content-transparent-layer {position:absolute; background-color:#fff; z-index:1; width:100%; height:100%; overflow:hidden; opacity:0.5;}



/*confetti ================================================*/
.confetti {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  position: absolute;
  top: -1rem;
  left: 0;
  z-index: 150;
}
.confetti .rotate {
  animation: driftyRotate 1s infinite both ease-in-out;
  perspective: 1000;
}
.confetti .askew {
  background: currentColor;
  transform: skewY(10deg);
  width: 1rem;
  height: 1rem;
  animation: drifty 1s infinite alternate both ease-in-out;
  perspective:1000;
}
  
.confetti:nth-of-type(5n) {
  color: #F56620;
}
.confetti:nth-of-type(5n+1) {
  color: #00EAFF;
}
.confetti:nth-of-type(5n+2) {
  color: #EA8EE0;
}
.confetti:nth-of-type(5n+3) {
  color: #EBFF38;
}
.confetti:nth-of-type(5n+4) {
  color: #0582FF;
}

.confetti:nth-of-type(7n) .askew {
  animation-delay: -.6s;
  animation-duration: 2.25s;
}
.confetti:nth-of-type(7n + 1) .askew {
  animation-delay: -.879s;
  animation-duration: 3.5s;
}
.confetti:nth-of-type(7n + 2) .askew {
  animation-delay: -.11s;
  animation-duration: 1.95s;
}
.confetti:nth-of-type(7n + 3) .askew {
  animation-delay: -.246s;
  animation-duration: .85s;
}
.confetti:nth-of-type(7n + 4) .askew {
  animation-delay: -.43s;
  animation-duration: 2.5s;
}
.confetti:nth-of-type(7n + 5) .askew {
  animation-delay: -.56s;
  animation-duration: 1.75s;
}
.confetti:nth-of-type(7n + 6) .askew {
  animation-delay: -.76s;
  animation-duration: 1.5s;
}
  
.confetti:nth-of-type(9n) .rotate {
  animation-duration: 2s;
}
.confetti:nth-of-type(9n + 1) .rotate {
  animation-duration: 2.3s;
}
.confetti:nth-of-type(9n + 2) .rotate {
  animation-duration: 1.1s;
}
.confetti:nth-of-type(9n + 3) .rotate {
  animation-duration: .75s;
}
.confetti:nth-of-type(9n + 4) .rotate {
  animation-duration: 4.3s;
}
.confetti:nth-of-type(9n + 5) .rotate {
  animation-duration: 3.05s;
}
.confetti:nth-of-type(9n + 6) .rotate {
  animation-duration: 2.76s;
}
.confetti:nth-of-type(9n + 7) .rotate {
  animation-duration: 7.6s;
}
.confetti:nth-of-type(9n + 8) .rotate {
  animation-duration: 1.78s;
}

@keyframes drifty {
  0% {
    transform: skewY(10deg) translate3d(-250%, 0, 0);
  }
  100% {
    transform: skewY(-12deg) translate3d(250%, 0, 0);
  }
}
@keyframes driftyRotate {
  0% {
    transform: rotateX(0);
  }
  100% {
    transform: rotateX(359deg);
  }
}

/*Terms and Conditions ================================================*/
.tnc ol.bullet-list, .tnc ul.bullet-list  {margin-top:5px; margin-bottom:25px;}
.tnc ol.bullet-list li, .tnc ul.bullet-list li {line-height:inherit;}

/*Payment Method New (Vertical Tabs Switch to Accordion in mobile view) ================================================*/
.payment-method-new ul.tabs {display:inline-block; vertical-align:top; padding:0; list-style:none; width:30%;}
.payment-method-new li {background-color:#f5f5f5; color:#111; border:1px solid #ddd; padding:10px 15px; border-radius:4px; margin-bottom:2px; cursor:pointer;}
.payment-method-new li i {color:#fff; font-size:20px; vertical-align:-2px; margin-right:5px;}
.payment-method-new li.active {background-color:#fff; border-radius:4px 0 0 4px; border-right:none;}
.payment-method-new li.active i {color:#70266e;}
.payment-method-new .tab_container {display:inline-block; width:69%;}
.payment-method-new .tab_content {padding-left:20px; display:none;}
.payment-method-new .tab_heading {display:none;}
.payment-method-new ul.bullet-list li a {color: #337ab7;}
.payment-method-new .pm-msg {border:1px solid #31708f; color:#31708f; font-size:13px; border-radius:4px; margin-bottom:20px; padding:6px 10px; background-color:#fff;}
.payment-method-new .pm-msg a {text-decoration:underline;}
.payment-method-new .pm-msg .p-item {margin-top:15px; margin-bottom:5px; font-weight:bold; text-decoration:underline; text-align:left; line-height:20px;}
.payment-method-new .pm-msg .p-item:first-child {margin-top:0px;}
.payment-method-new .pm-msg ul.bullet-list {margin-top:0;}
.payment-method-new .pm-msg ul.bullet-list li {padding:0;}
.payment-method-new .pm-msg #more-info {margin-top:15px;}
.payment-method-new ul.pm {margin:0; padding:0;}
.payment-method-new ul.pm li {list-style:none; display:inline-block; position:relative; background-color:transparent; border:none; padding:0;}
.payment-method-new ul.pm li label {margin-right:10px; margin-bottom:10px; border:1px solid #ddd; border-radius:4px; padding:5px; position:relative; background-color:#fff;}
.payment-method-new ul.pm li .info {position:absolute; bottom:-7px; right:15px; font-size:11px;}
.payment-method-new ul.pm.special {margin-bottom:20px; border-bottom:1px solid #ddd;}
.payment-method-new ul.pm.special li {margin-bottom:10px;}
.payment-method-new ul.pm.special .table {margin-bottom:40px;}

@media screen and (max-width: 767px) {
.payment-method-new ul.tabs {display:none;}
.payment-method-new .tab_container {display:block; width:100%;}
.payment-method-new .tab_content {padding:15px; background-color:#f1f1f1;}
.payment-method-new ul.pm li label {border:none;}
.payment-method-new .tab_heading {margin:1px 0px; padding:10px 15px; display:block; cursor:pointer; background-color:#70266e; color:#fff; border:1px solid #70266e; border-radius:0px;}
.payment-method-new .tab_heading i {color:#fff; font-size:20px; margin-right:5px;}
.payment-method-new .d_active.tab_heading i {color:#ffde2f;}
}

/*Payment Method ================================================*/
.payment-method .nav-pills > li.active > a, .payment-method .nav-pills > li.active > a:focus, .payment-method .nav-pills > li.active > a:hover {background-color:#fff; color:#fff; border-radius:4px 0 0 4px; border:1px solid #ddd; border-right:none;}
.payment-method .nav-pills > li.active > a span, .payment-method .nav-pills > li.active > a:focus span, .payment-method .nav-pills > li.active > a:hover span {color:#111;}
.payment-method .nav-pills > li.active > a i, .payment-method .nav-pills > li.active > a:focus i, .payment-method .nav-pills > li.active > a:hover i {color:#70266e; /*color:#1b6f2e;*/}
.payment-method .nav-pills > li > a {background-color:#f5f5f5; color:#111; border:1px solid #ddd;}
.payment-method .nav-pills > li > a i {color:#fff; font-size:20px; vertical-align:-2px; margin-right:5px;}
.payment-method .tab-content {margin-top:0;}
.payment-method .pm-title {font-weight:bold; color:#000; text-decoration:underline; margin-top:15px; margin-bottom:15px; font-size:16px;}
.payment-method p {line-height:inherit;}
.payment-method ul.bullet-list li a {color:#337ab7;}
/*.payment-method .pm-msg {font-size:13px; color:#666; margin-bottom:20px}*/
.payment-method .pm-msg {border:1px solid #31708f; color:#31708f; font-size:13px; border-radius:4px; margin-bottom:20px; padding:6px 10px;}
.payment-method .pm-msg a {text-decoration:underline;}
.payment-method .pm-msg .p-item {margin-top:15px; margin-bottom:5px; font-weight:bold; text-decoration:underline;}
.payment-method .pm-msg .p-item:first-child {margin-top:0px;}
.payment-method .pm-msg ul.bullet-list {margin-top:0;}
.payment-method .pm-msg ul.bullet-list li {padding:0;}
.payment-method .pm-msg #more-info {margin-top:15px;}
.payment-method ul.pm {margin:0; padding:0;}
.payment-method ul.pm li {list-style:none; display:inline-block; position:relative;}
.payment-method ul.pm li label {margin-right:8px; margin-bottom:20px; border:1px solid #ddd; border-radius:4px; padding:5px; position:relative;}
.payment-method ul.pm li .info {position:absolute; bottom:4px; right:15px; font-size:11px;}
.payment-method ul.pm.special {margin-bottom:20px; border-bottom:1px solid #ddd;}
.payment-method ul.pm.special li {margin-bottom:10px;}
.payment-method ul.pm.special .table {margin-bottom:40px;}
.payment-method .table {font-size:13px;}
.payment-method .table > tbody > tr > td {vertical-align:middle;}
#fpx-channels ul.pm li label {margin-bottom:10px;}

@media (max-width: 767px) {
.payment-method .nav-pills > li.active > a, .payment-method .nav-pills > li.active > a:focus, .payment-method .nav-pills > li.active > a:hover {background-color:#f5f5f5; color:#111; border-radius:4px; border:1px solid #ddd;}
}

/*Free Tickets ShoutOut ==========================================*/
.free-ticket-shoutout {
    position:absolute; display:inline-block; z-index:9; color:#000; font-size:16px; animation:driftyRotate 1s alternate; right:15px; top:10px; border-radius:5px; padding:10px 20px 10px 30px; font-size:20px; font-weight:bold; font-family:'Arial', Helvetica, sans-serif; box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.04); background-color:#f8f8f8;
    /*background: 
        radial-gradient(circle at right top, transparent 6px, #ffde2f 0) top left / 0px 51% no-repeat, 
        radial-gradient(circle at right bottom, transparent 6px, #ffde2f 0) bottom left /0px 51% no-repeat, 
        radial-gradient(circle at left top, transparent 10px, #fff 0) top right /280px 51% no-repeat, 
        radial-gradient(circle at left bottom, transparent 10px, #fff 0) bottom right /280px 51% no-repeat;*/}
.left-circle {background:radial-gradient(circle at 0 50%, transparent 8px, #f8f8f8 0) top left/100% no-repeat;}
.free-ticket-shoutout a {border:1px solid #71276f; border-radius:5px; padding:4px 8px; color:#71276f; font-size:14px; margin-top:2px; font-weight:bold; display:inline-block; margin-left:5px;}
.free-ticket-shoutout .highlight-text {color:#fea800;}

@media (max-width: 1024px) {
.free-ticket-shoutout {padding:15px 15px 15px 20px; font-size:16px;}
.free-ticket-shoutout .highlight-text {font-size:16px;}
}

@media (max-width: 768px) {
.free-ticket-shoutout {position:static; width:36%; margin-top:50px;}
}

@media (max-width: 767px) {
.free-ticket-shoutout {width:80%; margin:0 auto 15px auto; padding:10px 15px 10px 20px;}
}

@media (max-width: 320px) {
.free-ticket-shoutout {width:90%;}
}

/*OTP GUide Page ==========================================*/
.otp-guide .nav-pills > li {margin-right:5px;}
.otp-guide .nav-pills > li.active > a {background-color:#333;}
.otp-guide .nav-pills > li > a {background-color:#eee;}
.otp-guide .panel-title {margin-bottom:10px;}
.otp-guide .card-text {min-height:60px;}

@media (max-width: 767px) {
.otp-guide .card-text {min-height:inherit;}
}

/*Digital Pass Guide Page ==========================================*/
.digital-pass-guide .section-title {font-size:26px; color:#000; margin-bottom:40px; text-align:center; font-weight:bold;}
.digital-pass-guide .section-title-sub {font-size:16px; color:#666; font-weight:normal;}
.digital-pass-guide h3 {font-size:18px; margin-bottom:30px; margin-top:0px; text-decoration:underline;}
.digital-pass-guide h5 {font-weight:bold; text-decoration:underline; margin-bottom:5px;}
.digital-pass-guide .tab-content {margin-top:0px;}
.digital-pass-guide .nav-pills > li.active > a, .digital-pass-guide .nav-pills > li.active > a:hover {background-color:#555;  border:1px solid #555;}
.digital-pass-guide .nav-pills > li > a {background-color:#eee; border:1px solid #ddd;}
.digital-pass-guide .nav-pills > li > a:hover {background-color:#ddd;}
.digital-pass-guide .panel-body {min-height:90px; padding:0px 10px 5px 10px;}
.digital-pass-guide .app-icon {width:30px; margin-right:5px;}
.digital-pass-guide .screenshot {margin-bottom:60px; width:100%;}

@media (max-width: 767px) {
.digital-pass-guide .section-title {font-size:20px; margin-bottom:15px;}
.digital-pass-guide h3 {margin-top:20px;}
.digital-pass-guide .tab-content {text-align:center;}
.digital-pass-guide .panel-body {margin-top:0px; min-height:inherit;}
.digital-pass-guide .app-icon {width:40px;}
.digital-pass-guide .screenshot {margin-bottom:30px; width:200px;}
}

/*Share Digital Pass ==========================================*/
.share-digital-pass {margin-bottom:30px; text-align:center;}
.share-digital-pass .section-title {font-size:26px; color:#000; margin-bottom:30px; text-align:center; font-weight:bold;}
.share-digital-pass .section-title-sub {font-size:16px; color:#666; font-weight:normal;}
.share-digital-pass {margin-bottom:30px; text-align:center;}
.share-digital-pass .input-group .form-control {height:46px;}
.share-digital-pass .input-group .btn {height:46px;}
.share-digital-pass .input-group-addon img {width:30px;}
.share-digital-pass .big-link {margin-top:60px;}
.share-digital-pass .big-link a {font-size:18px; font-weight:bold; text-decoration:underline;}

@media (max-width: 767px) {
.share-digital-pass .section-title {font-size:20px;}
.share-digital-pass .section-title-sub {font-size:14px;}
.share-digital-pass .input-group .form-control {height:34px;}
.share-digital-pass .input-group .btn {height:34px;}
.share-digital-pass .input-group-addon img {width:20px;}
}

/*CTT Terminals ==========================================*/
.ctt-list .tbl-heading-grey {font-size:14px;}


/*Food Delivery Page ==========================================*/
.food-delivery .panel {overflow:hidden;}
.food-delivery .panel-body h3 {margin-top:0px; text-decoration:none; min-height:47px;}
.food-delivery .img-wrap {position:relative;}
.food-delivery .halal-sign {position:absolute; bottom:5px; right:5px;}
.food-delivery .halal-sign img {width:40px;}
.food-delivery .item-price {font-size:14px; color:#ff9900; font-weight:bold;}
.food-delivery .tag {color:#636363; font-size:13px; margin-bottom:5px;}
.product-quantity {margin-bottom:15px;}
.product-quantity .quantity-left-minus, .product-quantity .quantity-right-plus {padding:0 15px; border-radius:0;}
.product-quantity button, .product-quantity .form-control {height:40px !important; text-align:center; border:1px solid rgba(0, 0, 0, 0.1) !important; font-size:14px; min-width:50px;}

@media screen and (max-width: 767px) {
.food-delivery .panel-body h3 {min-height:inherit;}
}

/*Food Delivery Page - Filter ==========================================*/
.food-sort-filter .sf-button button {border:none; padding:0; outline:none;}
.food-sort-filter .sf-button .btn {width:100%; border:1px solid #999; padding:8px 15px; background-color:transparent; margin-bottom:15px; color:#337ab7;}
.food-sort-filter .sf-button .btn i {margin-right:10px;}
.food-sort-filter .sf-item {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px; font-size:13px;}
.food-sort-filter .sf-item input[type="radio"] {vertical-align:-1px; margin-right:3px;}
.food-sort-filter .sf-item input[type="checkbox"] {vertical-align:-1px; margin-right:3px;}
.food-sort-filter .sf-item .title {font-size:14px; text-decoration:underline;}
.food-sort-filter .sf-item .title span {font-weight:normal;}
.food-sort-filter .sf-item .radio-inline {padding-top:0px; padding-bottom:5px; margin-top:-5px; margin-bottom:0px;}
.food-sort-filter .sf-item .link {margin-bottom:10px;}
.food-sort-filter .sf-item .link span {margin-right:20px; }
.food-sort-filter .sf-item ul {padding-left:0px; margin-bottom:0px;}
.food-sort-filter .sf-item ul li {list-style:none;}
.food-sort-filter .sf-item ul li:before, .food-sort-filter .sf-item ul li:after {content:"."; display:block; height:0; overflow:hidden;}
.food-sort-filter .sf-item ul li:after {clear: both;}
.food-sort-filter .sf-item ul li {zoom: 1; /* IE < 8 */}
.food-sort-filter .sf-item ul li span {padding-top:3px;}
.food-sort-filter .sf-item ul li label {margin-bottom:0px;}
.food-sort-filter .sf-item .collapse-link {margin-top:10px;}
.food-sort-filter .sf-item .collapse-link span.less {display:inline}
.food-sort-filter .sf-item .collapse-link a:not(.collapsed) span.more {display:none}
.food-sort-filter .sf-item .collapse-link a.collapsed span.less {display:none}

/*Food Collapse - SortFilter=====================================================*/
#food-sf.collapse {display:block;}

@media screen and (max-width: 767px) {
#food-sf.collapse {display:none;}
#food-sf.collapse.in {display:block;}
}


/*Bus Meal Option=====================================================*/
#meal-options-content label {font-weight:normal;}


/*Discount Voucher=====================================================*/
.discount-voucher .sub-hero {z-index:1; width:100%; height:100%; position:relative; background:linear-gradient(-45deg, #ffdd00, #f7931d, #5d25a1); background-size:400% 400%; animation:gradient 15s ease infinite; color:#fff; overflow:hidden;}
.discount-voucher .sub-hero h1 {font-size:40px; margin-top:10px; margin-bottom:15px; color:#fff; line-height:inherit;}
.discount-voucher .sub-hero ul {font-size:26px; color:#fff; margin-bottom:10px; list-style-position:inside;}

@media (max-width: 767px) {
.discount-voucher .sub-hero h1 {font-size:26px; margin-top:0px;}
.discount-voucher .sub-hero ul {font-size:20px; margin-bottom:0px;}
}

.discount-voucher {}
.discount-voucher .voucher-shape {
    /* Key code */
    background: radial-gradient(circle at left bottom, transparent 10px,  white 0) top left /50% 50% no-repeat,
      radial-gradient(circle at left top, transparent 10px,  white 0) bottom left /51% 51% no-repeat,
      radial-gradient(circle at right bottom, transparent 10px, white 0) top right /51% 51% no-repeat,
      radial-gradient(circle at right top, transparent 10px, white 0) bottom right /51% 51% no-repeat;
    filter: drop-shadow(0 4px 3px rgba(0,0,0,.15));
    border-radius: 5px; margin-bottom:30px;
  }
.discount-voucher .voucher-shape.selected {
    /* Key code */
    background: radial-gradient(circle at left bottom, transparent 10px, #fffde9 0) top left /51% 51% no-repeat,
      radial-gradient(circle at left top, transparent 10px,  #fffde9 0) bottom left /51% 51% no-repeat,
      radial-gradient(circle at right bottom, transparent 10px, #fffde9 0) top right /51% 51% no-repeat,
      radial-gradient(circle at right top, transparent 10px, #fffde9 0) bottom right /51% 51% no-repeat;
    filter: drop-shadow(0 4px 3px rgba(0,0,0,.15));
    border-radius: 5px; margin-bottom:30px;
  }
.discount-voucher .voucher-wrap {display:flex; padding:15px 20px; align-items:center;}
.discount-voucher .voucher-wrap img {height:30px; margin-bottom:5px; padding-right:15px;}
.discount-voucher .vertical {border-left: 4px dotted #bbb; height: 90px;}
.discount-voucher .voucher-content {margin-left:15px; flex:auto;}
.discount-voucher .voucher-content .label-new3 {padding:1px 5px; margin-left:0;}
.discount-voucher .voucher-content .item-title {color:#777; padding:0; margin-bottom:5px; font-size:14px; font-weight:normal;}
.discount-voucher .voucher-content .item-title span {}
.discount-voucher .voucher-content .item-subtitle {color:#565656; margin-bottom:5px;}
.discount-voucher .voucher-content .item-price {color:#333; padding:0; margin:0px; font-size:20px;}
.discount-voucher .voucher-content .item-price span {color:#888; font-size:14px; font-weight:normal; text-decoration:line-through;}
.discount-voucher .voucher-content .radio input[type="radio"] {margin-left:0px;}
.discount-voucher .voucher-content .radio label {cursor:default;}
.discount-voucher .voucher-content p {font-size:12px; color:#888; margin-bottom:0px;}
.discount-voucher .voucher-content a {font-weight:bold; text-decoration:underline;}
.discount-voucher .voucher-content .btn {padding:5px 14px; border-radius:30px; margin-top:5px;}
.discount-voucher .voucher-content .btn-outline {border-color:#bbb; color:#337ab7;}
.discount-voucher .voucher-content .btn-outline:hover {color:#111;}
.discount-voucher .voucher-value-wrap {margin-right:15px;}
.discount-voucher .voucher-value {font-size:26px; text-transform:uppercase; text-align:center; background-color:aliceblue; padding:7px 15px; min-width:130px; font-family:'Gilroy'; color:#333;}
.discount-voucher .voucher-value span {font-size:12px; display:block; font-weight:normal; font-family:'Roboto';}
.discount-voucher .voucher-remark {text-align:center; margin-top:3px; font-size:11px;}
.discount-voucher .voucher-discount {font-size:32px; text-align:center; font-weight:bold; margin-right:15px; min-width:100px; font-family:'Gilroy'; color:#333;}
.discount-voucher .voucher-discount span {font-size:12px; display:block; font-weight:normal;}
.discount-voucher ol.bullet-list li {font-size:13px; line-height:inherit;}
.discount-voucher .operator ul {-webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4;}
.discount-voucher .operator ul li {/*border-bottom:1px solid #ddd;*/ break-inside:avoid;}
.discount-voucher .operator ul li img {height:30px; vertical-align:-8px; margin-right:5px;}
/*#discount-voucher-content .discount-voucher {overflow-y:scroll; overflow-x:hidden; max-height:400px;}*/
#discount-voucher-content .discount-voucher .voucher-list {overflow-y:scroll; overflow-x:hidden; max-height:300px; padding-right:5px;}
#discount-voucher-content .discount-voucher p {text-align:inherit;}
#discount-voucher-content .discount-voucher .option-link {right:15px; top:0px;}
#discount-voucher-content .discount-voucher .option-link a {/*text-decoration:underline;*/}
#discount-voucher-content .discount-voucher .drow {border-bottom:1px solid #ddd;}
#discount-voucher-content .discount-voucher .drow label {margin-bottom:0;}
#discount-voucher-content .discount-voucher .dvalue {display:inline-block; margin-right:5px; font-weight:bold;}
#discount-voucher-content .discount-voucher .dcode {display:inline-block; font-size:12px; font-style:italic;}
#discount-voucher-content .discount-voucher .dexp {float:right; font-size:12px; font-style:italic; color:#888; margin-top:3px;}
#discount-voucher-content .discount-voucher .dselect {display:inline-block; margin-right:5px;}
#discount-voucher-content .discount-voucher .inactive .drow {color:#888;}
#discount-voucher-content .discount-voucher .show-more-link {margin-top:10px; margin-bottom:10px;}
#discount-voucher-content .discount-voucher .show-more-link a {cursor:pointer;}
#discount-voucher-content .discount-voucher .voucher-content {margin-left:10px;}
#discount-voucher-content .discount-voucher .voucher-logo {vertical-align:-10px; margin-right:10px; width:70px;}
#discount-voucher-content .discount-voucher .voucher-wrap {padding:0; margin-bottom:10px;}
#discount-voucher-content .discount-voucher .voucher-value {font-size:20px; padding:5px; min-width:80px; margin-right:0;}
#discount-voucher-content .discount-voucher .inactive .voucher-value {color:#888; background-color:#eee;}
#discount-voucher-content .discount-voucher .voucher-value span {font-size:10px;}
#discount-voucher-content .discount-voucher .vertical {height: 70px;}
#discount-voucher-content .discount-voucher .tooltip-inner {min-width:250px;}
#voucher-bus-operators ul {-webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2;}
#voucher-bus-operators ul li {/*border-bottom:1px solid #ddd;*/ break-inside:avoid;}
#voucher-bus-operators ul li img {height:30px; vertical-align:-8px; margin-right:5px;}

@media screen and (max-width: 767px) {
.discount-voucher .voucher-value-wrap {margin-right:10px;}
.discount-voucher .voucher-value {font-size:20px; padding:10px 5px; min-width:100px;}
.discount-voucher .voucher-content .item-price {font-size:18px;}
.discount-voucher .operator ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
#discount-voucher-content .discount-voucher .option-link {right:inherit; top:inherit; position:relative; margin-bottom:15px;}
#discount-voucher-content .discount-voucher input[type="checkbox"] {margin-top:2px;}
#discount-voucher-content .discount-voucher .voucher-content .item-subtitle {font-size:12px;}
#discount-voucher-content .discount-voucher .tooltip-inner {min-width:inherit;}
#voucher-bus-operators ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
}

@media screen and (max-width: 375px) {
#discount-voucher-content .discount-voucher .btn-xs {font-size:12px; padding:5px 4px;}
}

/*Mask  ================================================================*/
.mask .section-title {font-size:26px; color:#000; margin-bottom:30px; text-align:center; font-weight:bold;}
.mask .section-title-sub {font-size:16px; color:#666; font-weight:normal;}
.mask .breadcrumb-wrapper {background-color:#fff; margin-bottom:0;}
.mask .breadcrumb {background-color:#fff!important;}

/*Mask - Sub Hero ================================================================*/
.mask .sub-hero {z-index:1; width:100%; height:100%; position:relative; background:linear-gradient(-45deg, #ffdd00, #f7931d, #5d25a1); background-size:400% 400%; animation:gradient 15s ease infinite; color:#fff; overflow:hidden; padding:30px 0;}
.mask .sub-hero h1 {font-size:38px; margin-top:10px; margin-bottom:15px; color:#fff; line-height:inherit;}
.mask .sub-hero h1 span {display:block; font-size:20px; margin-top:0px;}

@media screen and (max-width: 767px) {
.mask .sub-hero {padding:20px 0;}
.mask .sub-hero h1 {font-size:22px; line-height:28px;}
.mask .sub-hero h1 span {font-size:16px; margin-top:10px; line-height:24px;}
}

/*Mask - Main Teaser ================================================================*/
.main-teaser {background-image: url(../images/mask/hero-bg.jpg); background-attachment:fixed; background-size:cover; background-position:center; padding:40px 0 10px 0; position:relative; overflow:hidden;}
.main-teaser::before {
        position: absolute;
        content: '';
        width: 183px;
        height: 183px;
        background-image: url(../images/mask/dots.png);
        background-repeat: repeat;
        bottom: 30px;
        right: -50px;
        /*z-index: -1;*/
        -webkit-animation: up-down 3s infinite;
        -moz-animation: up-down 3s infinite;
        -o-animation: up-down 3s infinite;
        animation: up-down 3s infinite;
    }
.main-teaser .label {font-size:20px;}
.main-teaser h1 {margin: 0; font-size: 40px; font-weight: 700; line-height: 48px; text-transform: uppercase; font-family:Gilroy;}
.main-teaser ul {margin-left:15px; padding-left:0px; font-size: 20px;}
.main-teaser ul li {padding:2px 0;}
.main-teaser ul li a {color:#ff9900;}
.main-teaser .card-title {font-weight:700;}
.main-teaser .card-img-top {width:17%; text-align:center; margin:15px auto 0 auto;}
.main-teaser .card-text {color:#212529; text-align:left;}
.main-teaser ul {margin-top:15px; margin-bottom:0;}
.main-teaser .btn {font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 12px 35px; margin-top: 30px; border-radius: 50px; transition: 0.5s; color: #fff; background: #70266e;}
.main-teaser .btn:hover {background: #61215f;}

@media screen and (max-width: 767px) {
.main-teaser {padding:50px 15px 15px 15px; background-position:-920px center; }
.main-teaser h1 {font-size:34px; line-height:inherit;}
.main-teaser ul {font-size:1rem;}
.main-teaser .btn {padding: 12px 30px; margin-top:20px; margin-bottom:30px;}
.main-teaser::before {display:none;}
}

/*Mask - Main Slider================================================================*/
#carousel-mainslider .carousel-caption {position:absolute; right:15%; top:18%; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#fff; text-align:center;}
#carousel-mainslider .carousel-caption img {width:130px; margin-bottom:15px;}
/*#carousel-mainslider .carousel-inner {height:500px;}*/
#carousel-mainslider .carousel-inner .item {margin-bottom:0;}

@media screen and (max-width: 767px) {
#carousel-mainslider .carousel-indicators {bottom:-15px;}
#carousel-mainslider .carousel-caption {top:5%; left:5%; right:5%;}
#carousel-mainslider .display-1 {font-size:1.3rem; margin-bottom:15px;}
#carousel-mainslider .btn {padding:.4rem 1rem;}
}

.video-wrapper {position:relative; overflow:hidden; max-width:100%; padding-bottom:56.25%; height:0; height:auto; background-color:#000;}
.video-wrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video-wrapper video {position:absolute; top:0; left:0; width:100%; height:100%;}

/*Mask - Feature================================================================*/
.mask-feature {background-image: url(../images/mask/bg.jpg); background-attachment:fixed; background-size:cover; background-position:center;}
.mask-feature .icon-boxes .icon-box { text-align: center; border-radius: 10px;  background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); padding: 30px; width: 100%; margin-bottom: 15px;}
.mask-feature .icon-boxes .icon-box i {font-size: 40px; color: #1977cc; margin-bottom: 30px;}
.mask-feature .icon-boxes .icon-box h4 { font-size: 18px; font-weight: 700; margin: 10px 0 0 0; text-decoration:none;}
.mask-feature .icon-boxes .icon-box .card-icon {width:50px;}

@media screen and (max-width: 767px) {
.mask-feature {background-position:-900px center;}
}

/*Mask - Featured Product ==========================================*/
.mask-product {background-color:#f6f7f9;}
.mask-product .panel {overflow:hidden;}
.mask-product .panel-body h3 {margin-top:0px; text-decoration:none; font-size:20px;}
.mask-product .img-wrap {position:relative; overflow:hidden;}
.mask-product .logo {position:absolute; top:5px; left:10px; z-index:9;}
.mask-product .logo img {width:40px;}
.mask-product .sign {position:absolute; top:5px; right:5px; z-index:9; padding:3px 5px; background-color:#de0000; color:#fff; font-weight:bold; border-radius:5px;}
.mask-product .sign img {width:40px;}
.mask-product .more-photos {position:absolute; bottom:25px; left:40%;}
.mask-product .more-photos a {text-decoration:underline;}
.mask-product .item-price {color:#ff9900; font-weight:bold;}
.mask-product .tag {color:#636363; font-size:13px; margin-bottom:5px;}
.mask-product ul {color:#666; margin-top:5px; margin-bottom:20px;}
.mask-product p {text-align:inherit;}
.mask-product .product-quantity {margin:15px 0;}
.mask-product .product-quantity .quantity-left-minus, .mask-product .product-quantity .quantity-right-plus {padding:0 15px; border-radius:0;}
.mask-product .product-quantity button, .mask-product .product-quantity .form-control {height:40px !important; text-align:center; border:1px solid rgba(0, 0, 0, 0.1) !important; font-size:14px; min-width:50px;}
.mask-product .btn-primary {font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 12px 35px; margin-top: 10px; border-radius: 50px; transition: 0.5s; color: #fff; background: #70266e;}
.mask-product .btn-primary:hover {background: #61215f;}
.mask-product .carousel-inner .item {margin-bottom:0;  background-image:linear-gradient(#f6f7f9, #fff);}
.mask-product #carousel-lo .carousel-indicators {position:relative; left:inherit; bottom:inherit; width:inherit; margin-left:inherit; margin-top:10px;}
.mask-product #carousel-lo .carousel-indicators li {width:85px; height:70px; border:none; margin:0;}
.mask-product #carousel-lo .carousel-indicators li img {display:block; width:85px; height:70px; background-color:#f6f7f9;}

@media screen and (max-width: 767px) {
.mask-product .logo img {width:30px;}
.mask-product #carousel-lo {margin-bottom:20px;}
.mask-product #carousel-lo .carousel-indicators li {width:65px; height:50px;}
.mask-product #carousel-lo .carousel-indicators li img {width:65px; height:50px;}
}

/*Product Image Hover================================================================*/
.hover-image {position:relative; border-radius:15px; overflow:hidden;}
.hover-image img {display: block; position: relative; -webkit-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); -webkit-transition: all 0.35s; transition: all 0.35s;}
.hover-image:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.7" /><feFuncG type="linear" slope="0.7" /><feFuncB type="linear" slope="0.7" /></feComponentTransfer></filter></svg>#filter'); filter: brightness(1.0); -webkit-filter: brightness(1.0);}

/*Mask - Anatomy ==========================================*/
.anatomy {/*background-image: linear-gradient(#fff, #bed5dd);*/ background-image: url(../images/mask/bg.jpg); background-attachment:fixed; background-size:cover; background-position:center;}
.anatomy img {margin:0 auto;}

/*Mask - Report ==========================================*/
.mask-report {}
.mask-report .report-image {position:relative;}
.mask-report .report-image::before {
    position: absolute;
    content: '';
    width: 183px;
    height: 183px;
    background-image: url(../images/mask/dots.png);
    background-repeat: repeat;
    top: -30px;
    left: -50px;
    /*z-index: -1;*/
    -webkit-animation: up-down 3s infinite;
    -moz-animation: up-down 3s infinite;
    -o-animation: up-down 3s infinite;
    animation: up-down 3s infinite;
}
.mask-report .report-image img {position:relative; z-index:1;}
.mask-report .section-title {text-align:left;}
.mask-report .btn {font-size: 14px; letter-spacing:0.5px; padding: 10px 20px; margin-top: 10px; border-radius: 50px; transition: 0.5s; color: #70266e; background: #fff;}
.mask-report .btn:hover {color:#91008e; border-color:#91008e;}

@media screen and (max-width: 767px) {
.mask-report .report-image::before {top:-20px;}
.mask-report .report-image img {margin-bottom:20px;}
.mask-report .btn {letter-spacing:0px; padding: 10px 15px;}
}

/*Mask - How To Wear ==========================================*/
.how-to-wear {/*background-color:#f6f7f9;*/ background-image: linear-gradient(#f6f7f9, #fff);}
.how-to-wear .btn-primary {font-family: "Raleway", sans-serif; text-transform: uppercase; font-weight: 500; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 12px 35px; margin-top: 30px; border-radius: 50px; transition: 0.5s; color: #fff; background: #70266e;}
.how-to-wear .btn-primary:hover {background: #61215f;}

@media screen and (max-width: 767px) {
.how-to-wear img {margin-bottom:20px;}
}

/*Mask - About ==========================================*/
.about-mask {/*background-color:#f6f7f9;*/ /*background-image: linear-gradient(#f6f7f9, #fff);*/}

/*Mask - Real Life Wearing ==========================================*/
.real-life-wear {/*background-color:#f6f7f9;*/ background-image: url(../images/mask/bg.jpg); background-attachment:fixed; background-size:cover; background-position:center;}

@media screen and (max-width: 767px) {
.real-life-wear .hover-image {margin-bottom:20px;}
}

/*Mask - FAQ ==========================================*/
.mask .faqs .panel-title > a {display: block; padding: 15px; text-decoration: none;}
.mask .faqs .more-less {float: right;color: #212121;}
.mask .faqs .panel {border-top:none; border-left:none; border-right:none; box-shadow:none; margin-bottom:5px;}
.mask .faqs .panel-heading {background-color:#fff;}
.mask .faqs .panel-body {border-top-color:#fff!important;}

@media screen and (max-width: 767px) {
.mask .faqs .panel-title > a {padding:15px 0;}
.mask .faqs .panel-body {padding:15px 0;}
.mask .faqs h4.panel-title {font-size:inherit;}
}

/*Hotel Package ==========================================*/
@media screen and (max-width: 767px) {
#hotel-package-content #no-more-tables td {padding-top:2px; padding-bottom:2px;}
#hotel-package-content #no-more-tables td:last-child {padding-bottom:10px;}
}


/*Coach + Hotel ==========================================*/
.panel-ad-wrap {border-radius:5px; margin-bottom:15px; background-color:#fff; border:1px solid #ddd; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 15px; overflow:hidden; position:relative;}
.panel-ad-content {padding:15px 130px 15px 0; margin-left:-15px; position:relative;}
.panel-ad-title {font-size:16px; font-family:'Gilroy';}
.panel-ad-btn {position:absolute; top:20px; right:15px;}
.panel-ad-btn .btn-outline {border:1px solid #ff9000; color:#ff9000; padding:10px 15px; font-weight:normal; border-radius:4px;}

@media screen and (max-width: 767px) {
.panel-ad-content {padding:15px 130px 15px 15px; margin-left:inherit;}
.panel-ad-title {line-height:22px; margin-bottom:5px;}
.panel-ad-btn .btn-outline {padding:10px 10px;}
}

.mypanel {border-radius:5px; margin-bottom:10px; padding:15px; background-color:#fff; border:1px solid #ddd; box-shadow:rgba(0, 0, 0, 0.06) 0px 0px 15px;}
.pax-wrap {margin-top:20px;}
.pax-item {padding:10px 0;}
#subhero-Carousel .item img {width:100%;}
#subhero-Carousel .col-xs-12, #subhero-Carousel .col-sm-4 {padding:0}
#package-details .nav-pills > li {margin-right:5px; margin-bottom:5px;}
#package-details .nav-pills > li > a {border:1px solid #ff9000; color:#ff9000; padding:6px 10px;}
#package-details .nav-pills > li.active > a, #package-details .nav-pills > li > a:hover {background-color:#ffa300; border-color:#ffa300; color:#fff;}
#package-details .package-options .btn-outline {border:1px solid #ff9000; color:#ff9000; padding:6px 12px; font-weight:normal; border-radius:4px;}
#package-details .package-options .btn-selected {background-color:#ffa300; border-color:#ffa300; color:#fff;}
#package-details .pax-row {padding:10px 0; border-bottom:1px solid #ddd;}
#package-details .pax-row:last-child {border:none;}
#package-details .qty-option {display:flex; justify-content:flex-end;}
#package-details .qty-option .btn {background-color:#f5f5f5;}
#package-details .pax-type {font-weight:bold;}
#package-details .pax-type span {font-size:13px; font-weight:normal; font-style:italic;}
#package-details .ticket-price {font-weight:bold; text-align:right;}
#package-details .ticket-price  span {font-size:14px; font-weight:normal;}
#package-details .pax-count {margin:0 10px; font-weight:bold; font-size:16px; width:30px; border:none; text-align:center;}
#package-details .ticket-total-price {font-weight:bold; font-size:18px; margin-bottom:20px;}
#package-details ol.bullet-list {margin-top:10px;}
#package-details ol.bullet-list li {line-height:inherit;}
#package-details .show-more-link a {cursor:pointer;}
#SeasonPrice .table-heading, #SeasonPrice-707 .table-heading, #Pricing .table-heading {background-color:#555!important;}

@media screen and (max-width: 767px) {
#package-details .mypanel {padding:5px 15px;}
#package-details .ticket-price {margin-bottom:5px;}
#package-details .pax-type span {display:block;}
}


.raya-deals-step .nav-pills > li {margin-right:5px; margin-bottom:5px;}
.raya-deals-step .nav-pills > li > a {background-color:#ddd; color:#333;}
.raya-deals-step .nav-pills > li.active > a, #sea-vtl .nav-pills > li > a:hover {background-color:#333; color:#fff;}
.raya-deals-step ol {padding-left:15px;}
.raya-deals-step ol img {margin-left:-15px; margin-bottom:15px; border:1px solid #ddd;}
.raya-deals-step ol li {padding-bottom:5px;}
.raya-deals-step .step-content {padding:15px 0; min-height:100px;}

@media screen and (max-width: 767px) {
.raya-deals-step .nav-pills > li > a {font-size:13px; padding:10px 7px;}
.raya-deals-step .step-content {padding:15px 0 5px 0; min-height:inherit;}
}
.qr-wrapper-no-bg {
    width: 400px;
    height: 432px;
    padding: 80px 20px 20px 20px;
    text-align: center;
    margin-bottom: 30px;
}
.qr-wrapper-vnpay {
    background: url(https://www.easybook.com/images/payment/vnpay-qr-frame.png) no-repeat;
    width: 400px;
    height: 432px;
    padding: 80px 20px 20px 20px;
    text-align: center;
    margin-bottom: 30px;
}
.qr-wrapper-bni {
    background: url(https://www.easybook.com/images/payment/bni-qris-template.png) no-repeat;
    width: 299px;
    height: 413px;
    padding: 80px 20px 20px 20px;
    text-align: center;
    margin-bottom: 30px;
}
.qr-wrapper {background:url(https://easycdn.blob.core.windows.net/images/BaliBank-template.png) no-repeat; width:299px; height:413px; padding:80px 20px 20px 20px; text-align:center; margin-bottom:30px;}
.qrcode {margin:20px 0 10px 0;}

/*MTB ================================================*/
.mtb .section-title {font-size:24px; color:#000; margin-top:30px; margin-bottom:30px; text-align:center;}
.mtb ul.mtb-icons {display:flex; margin-top:40px; padding-left:0;}
.mtb ul.mtb-icons li {flex:auto; display:inline-block; list-style:none; border:2px solid #151515; border-radius:8px; color:#111; text-align:center; padding:10px; margin:2px; width:100%; background-color:#fff;}
.mtb .more-link {margin-top:15px;}
.mtb .more-link a {font-size:22px; text-decoration:underline;}
.mtb ul.bullet-list {margin-bottom:30px;}
.mtb .popular-route .section-title-sm {font-size:18px; color:#fff; background-color:#70266e; padding:10px 15px; font-weight:bold; margin-bottom:15px;}
.mtb .popular-route ul {padding-right:15px;}
.mtb .popular-route ul li {list-style:none; font-size:18px;}
.mtb .popular-route ul li span {float:right; color:#70266e; font-weight:bold;}
.mtb-icons > li > a {color:#111111;}
.mtb-icons > li > a > i.icon-bus:before {font-size: 30px;padding-left: 3px;}
.mtb-icons > li > a > i.icon-ferry:before {font-size: 30px;padding-left: 3px;}
.mtb-icons > li > a > i.icon-train:before {font-size: 30px;padding-left: 3px;}
.mtb-icons > li > a > i.fa-bed:before {font-size: 30px;}
.mtb-icons > li > a > i.icon-cruise:before {font-size: 30px;padding-left: 3px;}
.mtb-icons > li > a > i.icon-driver:before {font-size: 30px;padding-left: 3px;}
.mtb .carousel-control.left {background-image: none !important;}
.mtb .carousel-control {color: #4881e9;}
.mtb .carousel-control:hover {color: #000000;}

@media screen and (max-width: 767px) {
    .mtb .more-link {margin-top:5px; margin-bottom:30px;}
}

@media screen and (max-width: 500px) {
    .mtb ul.mtb-icons li {width: auto;padding: 5px;}
    .news-img {width:220px !important;margin-left:auto;margin-right:auto;}
}

/*OS/Invoice ================================================*/
.tbl-invoice, .tbl-os {width:800px;}

@media screen and (max-width: 767px) {
.tbl-invoice, .tbl-os {width:100%;}
}

/*Digital Nomad ================================================*/
.dn-bg-dark-purple {background-color:#5d2986;} 
.dn .section-title {font-size:26px; color:#000; margin-bottom:15px; text-align:center;font-weight:bold;}
.dn .section-title-white {font-size:26px; color:#fff; margin-bottom:15px; text-align:center;font-weight:bold;}
.dn .more-link {margin-top:15px;}
.dn .more-link a {font-size:22px; text-decoration:underline;}
.dn .route {font-size:20px; margin-top:15px;}
.dn .btn-lg {background-color:#5d2986; border-color:#5d2986; color:#fff; font-size:24px;}
.dn .btn-outline {background-color:transparent; border-color:#5d2986; color:#5d2986; font-size:24px;}
.dn .btn-outline-white {background-color:transparent; border-color:#fff; color:#fff; font-size:24px;}

@media screen and (max-width: 767px) {
.dn .section-title {font-size:22px;}
.dn .section-title-white {font-size:22px;}
.dn .more-link a {font-size:20px;}
}

/*100% Refund Protection ================================================*/
#cancel-ticket-modal label {font-weight:normal;}
#cancel-ticket-modal .tbl-sub-heading {background-color:#f5f5f5; font-weight:bold;}
#cancel-ticket-modal .separator {border-top:2px solid #ddd; width:100%; margin:0 auto 20px auto;}
#cancel-ticket-modal .control-label {text-align:left;}
#cancel-ticket-modal .input-group {margin-bottom:5px;}
#cancel-ticket-modal .filestyle {margin-bottom:5px;}
#cancel-ticket-modal .btn-lg {min-width:120px;}
.cancel-trip-details {padding:10px; border-radius:5px; background-color:#F2ECF6; margin-bottom:20px; text-align:center; line-height:22px; }
.refund-protection-info {padding:10px; border-radius:5px; background-color:#E2F1EE; margin-bottom:5px; border:1px solid #DAEFEB; color:#124D3F;}
.alert-msg {text-align:center; margin:100px auto;}
.alert-msg .cancel-trip-details {font-size:13px; margin-bottom:50px;}
.alert-msg .btn {margin:0 3px;}
.alert-msg [class^="icon-"]::before, [class*=" icon-"]::before {font-size:40px;}
.alert-msg-icon {margin-bottom:15px;}
.alert-msg-title {font-size:16px; font-weight:bold; margin-bottom:15px;}
.alert-msg-description {font-size:12px; color:#444;}
.icon-success {color:#28A745;}

/*Tour Package Listing Page ==========================================*/
.tcp-listing .panel {overflow:hidden; box-shadow:2px 2px 3px #f1f1f1;}
.tcp-listing .panel-default {border:1px solid #f0f0f0;}
.tcp-listing .panel-body h3 {margin-top:0px; text-decoration:none; display:inline-block; margin-bottom:5px; max-width:100%; line-height:18px; font-weight:normal; /*overflow:hidden;*/ position:relative; text-decoration:none; /*text-overflow:ellipsis; vertical-align:bottom; white-space:nowrap;*/}
.tcp-listing .panel-body .title-wrap {min-height:80px;}
.tcp-listing .img-wrap {position:relative; }
.tcp-listing .img-wrap img {width:100%;}
.tcp-listing .price {margin-bottom:10px; font-size:13px;}
.tcp-listing .price span {font-size:16px; font-weight:bold; }
.tcp-listing .tag {color:#888; font-size:12px; margin-bottom:15px; font-style:italic;}


.flex {display:flex;}
.align-content-center {align-items:baseline;}
.justify-content-end {justify-content:flex-end;}
.pagination-wrap {justify-content:flex-end;}

@media screen and (max-width: 767px) {
.pagination-wrap {justify-content:center;}
}

/*Tour Package Listing Page - Filter ==========================================*/
.sort-filter .sf-button button {border:none; padding:0; outline:none;}
.sort-filter .sf-button .btn {width:100%; border:1px solid #999; padding:8px 15px; background-color:transparent; margin-bottom:15px; color:#337ab7;}
.sort-filter .sf-button .btn i {margin-right:10px;}
.sort-filter .sf-item {border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:10px; font-size:13px;}
.sort-filter .sf-item input[type="radio"] {vertical-align:-1px; margin-right:3px;}
.sort-filter .sf-item input[type="checkbox"] {vertical-align:-1px; margin-right:3px;}
.sort-filter .sf-item .title {font-size:14px; text-decoration:underline;}
.sort-filter .sf-item .title span {font-weight:normal;}
.sort-filter .sf-item .radio-inline {padding-top:0px; padding-bottom:5px; margin-top:-5px; margin-bottom:0px;}
.sort-filter .sf-item .link {margin-bottom:10px;}
.sort-filter .sf-item .link span {margin-right:20px; }
.sort-filter .sf-item ul {padding-left:0px; margin-bottom:0px;}
.sort-filter .sf-item ul li {list-style:none;}
.sort-filter .sf-item ul li:after {clear: both;}
.sort-filter .sf-item ul li {zoom: 1; /* IE < 8 */}
.sort-filter .sf-item ul li span {padding-top:3px;}
.sort-filter .sf-item ul li label {margin-bottom:0px;}
.sort-filter .sf-item .collapse-link {margin-top:10px;}
.sort-filter .sf-item .collapse-link span.less {display:inline}
.sort-filter .sf-item .collapse-link a:not(.collapsed) span.more {display:none}
.sort-filter .sf-item .collapse-link a.collapsed span.less {display:none}

/*Tour Package Listing Page Collapse - SortFilter=====================================================*/
#sf.collapse {display:block;}

@media screen and (max-width: 767px) {
#sf.collapse {display:none;}
#sf.collapse.in {display:block;}
}

/*Cruise Enquiry Page=====================================================*/
#section-menu-tab {background-color:#fff; padding:10px 0; margin-top:0; border-bottom:1px solid #eee; box-shadow:0 5px 6px 0 rgba(0,0,0,.03);}
#section-menu-tab .nav-pills > li {margin-right:20px;}
#section-menu-tab .nav-pills > li > a {border-radius:0px; padding:5px 15px; font-size:18px; color:#222;}
#section-menu-tab .nav-pills > li.active > a {background-color:transparent; color:#ffa300;}
#section-menu-tab .nav-pills > li:first-child > a {padding-left:0;}
#section-menu-tab .nav > li > a:hover {background-color:transparent; color:#ffa300;}
#section-menu-tab .nav > li.active > a:hover {color:#222;}
.section-header {position:relative; padding-left:16px; font-size:22px; color:#222; margin-bottom:25px;}
.section-header::before {
    content: "";
    position: absolute;
    display: block;
    background-color: #ffde2f;
    left: 0;
    top: 3px;
    width: 6px;
    height: 24px;
    border-radius: 3px;
}
.section-subheader {font-size:20px; color:#222; margin:40px 0 15px 0;}
.cruise-promo-text {font-size:18px; color:#000; text-align:center; background-color:#ffde2f; padding:10px 20px; border-radius:5px 5px 0 0;}
.brochure-btn {position:absolute; top:150px; left:35%;}
.gallery-wrapper{margin-bottom:30px;}

@media screen and (max-width: 767px) {
#section-menu-tab .nav-pills > li {margin-right:0px;}
#section-menu-tab .nav-pills > li > a {font-size:14px;}
/*#section-menu-tab .nav-pills > li:first-child > a {padding-left:15px;}*/
.section-header {position:relative; padding-left:16px; font-size:20px; color:#222; margin-bottom:25px;}
}
#e-wallet .preloader, #my-voucher .preloader, 
 #my-profile .preloader, #edit-profile .preloader {
    background: url(/images/icon-preloader.gif?v=2) no-repeat center center;
    height: 46px;
}

@media screen and (min-width: 766px) {    
    .ferry-id-zh, .ferry-id-en, .ferry-zz-en, .ferry-my-en, .ferry-sg-en, .ferry-sg-zh {
        line-height: 16px !important;
        font-size: 11.8px !important;
    }
    .ferry-id-id, .ferry-my-my, .ferry-my-ms, .ferry-bn-ms {
        line-height: 27px !important;
        font-size: 13px;
    }
    ul.product-tab li a[class*="ferry-"] {
        line-height: 16px;
        font-size: 13px;
        min-width: 130px;
    }
}

.popup .modal-header {background-color:transparent; border-bottom:none; height:50px;}
.popup-icon {text-align:center;}
.popup-icon img {width:60px; margin-bottom:15px;}
.popup-title {text-align:center; font-size:18px; font-family:'Poppins-Bold';}
ul.resell-seat {padding-left:0; text-align:center; margin:50px auto;}
ul.resell-seat li {list-style:none; display:inline-block; padding:0 10px}
ul.resell-seat li a {height:40px; width:40px; border-radius:4px; display:table-cell; vertical-align:middle; border:2px solid #ddd; color:#333;}
ul.resell-seat li a:hover {font-weight:bold; border-color:#333;}
ul.resell-seat li a.selected {background-color:#704193; border-color:#704193; color:#fff; font-weight:bold;}

/*Cruise Landing =====================================================*/
.well {border:none; box-shadow:none; padding:0; background-color:transparent; margin-bottom:30px;}
.media-heading {font-size:16px; font-weight:bold; color:#333; margin-top:15px;}
.media-body ul.bullet-list li {padding:0;}
.media-img {height: 200px; overflow:hidden; float:left; margin-right:15px; border-radius:10px;}
.media-object {width:250px;}
.post-description {line-height:24px;}
.post-description h3 {font-size:18px;}

@media (max-width: 811px) {
.well {margin-bottom:30px;}
.media-object {width:100%;}
.media-img {height:inherit; width:120px; float:left;  margin-right:15px;}
}





.column-list-three-one ul {-webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3;}
.column-list-three-one ul.bullet-list li {margin-bottom:6px;}

@media (max-width: 767px) {
.column-list-three-one ul {-webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1;}
.column-list-three-one ul.bullet-list li {margin-bottom:6px;}
}

/*Country Selection =====================================================*/
ul.country-selection {padding-left:0px; margin:20px 0; -webkit-column-count:2; /* Chrome, Safari, Opera */ -moz-column-count:2; /* Firefox */ column-count:2;}
ul.country-selection li {list-style:none; padding:10px 15px; /*border-bottom:1px solid #ddd;*/}
ul.country-selection input[type="radio"] {margin-right:15px;}
ul.country-selection .sprite {vertical-align:-2px; margin-right:4px;}

@media (max-width: 767px) {
ul.country-selection {-webkit-column-count:1; /* Chrome, Safari, Opera */ -moz-column-count:1; /* Firefox */ column-count:1;}
}

.payment-method-ui {width:350px; background-color:#f3f3f3; padding:16px;}
.payment-method-ui .payment-method-item {display:flex; padding:16px; border-radius:8px; background-color:#fff; margin-bottom:10px;}
.payment-method-ui .payment-content {padding-left:10px; align-self:center;}
.payment-method-ui .payment-title {color:#0D161E; font-size:14px; font-weight:bold;}
.payment-method-ui .payment-logo {margin:4px 0;}
.payment-method-ui .payment-description {color:#697386; font-size:12px; line-height:15px;}
.payment-method-ui .payment-label-tag {color:#3C7DCA; background-color:#EEF4FE; font-size:12px; padding:1px 6px; border-radius:4px; margin:5px 0; display:inline-block;}


/*Ribbon================================================================*/
.ribbon {width:80px; height:80px; overflow:hidden; position:absolute;}
.ribbon::before,
.ribbon::after {position:absolute; z-index:-1; content:''; display:block; border:5px solid #c00000;}
.ribbon span {position:absolute; display:block; width:130px; padding:0; background-color:#de0000; box-shadow:0 2px 3px rgba(0,0,0,.1); color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase; text-align:center; z-index:1; letter-spacing:0.3px;}

.ribbon-top-left {top:-1px; left:-1px;}
.ribbon-top-left::before,
.ribbon-top-left::after {border-top-color:transparent; border-left-color:transparent;}
.ribbon-top-left::before {top:0; right:0;}
.ribbon-top-left::after {bottom:0; left:0;}
.ribbon-top-left span {right:-15px; top:15px; transform:rotate(-45deg);}
.li-withinfo{
    min-height : 80px;
}
.promo-col-icon {
    vertical-align: middle;
    width: 16.66666667%;
    float: left;
    display: inline;
    line-height: 50px;
    padding-left : 5px;
}
    .promo-col-icon img {
        width: 32px !important;
        height: 32px !important;
    }

.doa {text-align:center; font-size:22px; margin-top:30px; background:rgba(237, 237, 255, 0.9); padding:16px 16px 16px 120px; border-radius:16px; position:relative;}
.doa .doa-title {font-size:18px; margin-bottom:5px;}
.doa .rumi {font-size:13px; padding-top:5px;}
.doa .doa-img {position:absolute; bottom:0; left:20px;}
.doa .doa-img img {width:120px;}

@media (max-width: 767px) {
.doa {padding-left:16px;}
.doa .doa-img {left:5px;}
.doa .rumi {padding-left:80px;}
}