/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    *zoom: 1
}

.pika-single:after,
.pika-single:before {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px
}

.pika-title {
    position: relative;
    text-align: center
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0
}

.pika-next,
.pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}

.pika-next:hover,
.pika-prev:hover {
    opacity: 1
}

.is-rtl .pika-next,
.pika-prev {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==);
    *left: 0
}

.is-rtl .pika-prev,
.pika-next {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=);
    *right: 0
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table td,
.pika-table th {
    width: 14.285714285714286%;
    padding: 0
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-today .pika-button {
    color: #3af;
    font-weight: 700
}

.has-event .pika-button,
.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #3af;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #d5e9f7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}


input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset
}

button:focus {
    outline: 0
}

@font-face {
    font-family: "SamsungSans-Medium";
    src: url(../fonts/SamsungSans-Medium.eot);
    src: url(../fonts/SamsungSans-Medium.eot?#iefix) format("embedded-opentype"), url(../fonts/SamsungSans-Medium.woff) format("woff"), url(../fonts/SamsungSans-Medium.ttf) format("truetype"), url(../fonts/SamsungSans-Medium.svg#SamsungSans-Medium) format("svg");
    font-weight: 400;
    font-style: normal
}

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

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

[data-icon]:before {
    content: attr(data-icon)
}

[class*=" icon-"]:before,
[class^=icon-]:before,
[data-icon]:before {
    font-family: "microservices"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-back:before {
    content: "\a10"
}

.icon-back-arrow:before {
    content: "\a16" ;
    display:none;
}

.icon-calendar:before {
    content: "\a6"
}

.icon-warning:before {
    content: "\a50"
}

.icon-visibility-off:before {
    content: "\a71"
}

.icon-visibility:before {
    content: "\a70"
}

.icon-upward:before {
    content: "\a90"
}

.icon-up:before {
    content: "\a26"
}

.icon-timer:before {
    content: "\a23"
}

.icon-tiket-point:before {
    content: "\a1"
}

.icon-notification:before {
    content: "\a43"
}

.icon-pass:before {
    content: "\a75"
}

.icon-payment:before {
    content: "\a74"
}

.icon-picker:before {
    content: "\a62"
}

.icon-plus:before {
    content: "\a19"
}

.icon-price-down:before {
    content: "\a30"
}

.icon-price-high:before {
    content: "\a31"
}

.icon-recommend:before {
    content: "\a28"
}

.icon-rooms:before {
    content: "\a68"
}

.icon-search:before {
    content: "\a3"
}

.icon-security:before {
    content: "\a7"
}

.icon-sort:before {
    content: "\a42"
}

.icon-subscribe:before {
    content: "\a76"
}

.icon-no-choose:before {
    content: "\a39"
}

.icon-next:before {
    content: "\a11"
}

.icon-mytiket:before {
    content: "\a65"
}

.icon-minus:before {
    content: "\a18"
}

.icon-map:before {
    content: "\a29"
}

.icon-manage-profile:before {
    content: "\a72"
}

.icon-mail:before {
    content: "\a12"
}

.icon-logout:before {
    content: "\a73"
}

.icon-location:before {
    content: "\a25"
}

.icon-ic-trash:before {
    content: "\a77"
}

.icon-ic-profile:before {
    content: "\a66"
}

.icon-ic-mytix:before {
    content: "\4b"
}

.icon-ic-home:before {
    content: "\a2"
}

.icon-down:before {
    content: "\a17"
}

.icon-downwards:before {
    content: "\a99"
}

.icon-elipsis-vertical:before {
    content: "\a60"
}

.icon-elipsis-vertical-1:before {
    content: "\a61"
}

.icon-call:before {
    content: "\a8"
}

.icon-cancel:before {
    content: "\a20"
}

.icon-car-1:before {
    content: "\c1"
}

.icon-filter:before {
    content: "\a34"
}

.icon-cart:before {
    content: "\a4"
}

.icon-forward:before {
    content: "\a15";
    display:none;
}

.icon-gift-voucher:before {
    content: "\a2"
}

.icon-coffee:before {
    content: "\a78"
}

.icon-ic-checkin:before {
    content: "\a40"
}

.icon-delete:before {
    content: "\a5"
}

.icon-delete-round:before {
    content: "\a89"
}

.icon-ic-elipsis:before {
    content: "\a67"
}

.icon-event:before {
    content: "\e2"
}

.icon-event-form:before {
    content: "\e3"
}

.icon-entertainment:before {
    content: "\e4"
}

.icon-ticket:before {
    content: "\e1"
}

.icon-baggage:before {
    content: "\c2"
}

.icon-car:before {
    content: "\a24"
}

.icon-ic-edit:before {
    content: "\c3"
}

.icon-ic-pointer:before {
    content: "\c5"
}

.icon-snack:before {
    content: "\c4"
}

.icon-train-departure:before {
    content: "\d2"
}

.icon-train-return:before {
    content: "\d3"
}

.icon-ac:before {
    content: "\b1"
}

.icon-cafe:before {
    content: "\b7"
}

.icon-hotel:before {
    content: "\b2"
}

.icon-parkir:before {
    content: "\b3"
}

.icon-pool:before {
    content: "\b6"
}

.icon-star-blank:before {
    content: "\a58"
}

.icon-star-full:before {
    content: "\a59"
}

.icon-wifi:before {
    content: "\b8"
}

.icon-star-half:before {
    content: "\a57"
}

.icon-terminal:before {
    content: "\f1"
}

.icon-ic-switch:before {
    content: "\f10"
}

.icon-ic-seat:before {
    content: "\f9"
}

.icon-flight-takeoff:before {
    content: "\f7"
}

.icon-flight-landing:before {
    content: "\f8"
}

.icon-flight-international:before {
    content: "\f5"
}

.icon-flight:before {
    content: "\f3"
}

.icon-breakfast:before {
    content: "\f6"
}

.icon-baggage-1:before {
    content: "\f2"
}

.icon-train:before {
    content: "\d1"
}

.icon-flight-rnd:before {
    content: "\a79"
}

.icon-hotel-rnd:before {
    content: "\a80"
}

.icon-train-rnd:before {
    content: "\a81"
}

.icon-car-rnd:before {
    content: "\a82"
}

.icon-event-rnd:before {
    content: "\a83"
}

.icon-twitter:before {
    content: "\a84"
}

.icon-google:before {
    content: "\a85"
}

.icon-myorder:before {
    content: "\a86"
}

.icon-smarttraveler:before {
    content: "\a87"
}

.icon-tax:before {
    content: "\a88"
}

.icon-plus-round:before {
    content: "\a91"
}

.icon-smartroundtrip:before {
    content: "\a92"
}

.icon-promo:before {
    content: "\a93"
}

.icon-choose:before {
    content: "\a38"
}

.icon-tick:before {
    content: "\a21"
}

.icon-facebook:before {
    content: "\a69"
}

.icon-roundtrip:before {
    content: "\f11"
}

.icon-tiket-dot:before {
    content: "\a94"
}

body,
html {
    width: 100%;
    height: 100%
}

body {
    font-family: "SamsungSans-Regular", Arial;
    font-size: 14px
}

.container1 {
    padding: 0 15px;
    position: relative
}

.app {
    width: 100%;
    height: 100%
}

.background-grey {
    background: #f7f7f7
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.hide,
.rate>input,
.toggle-switch input {
    display: none
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.pull-right,
.rate>label {
    float: right
}

.full-height {
    height: 100%
}

.pos-relative {
    position: relative
}

.group {
    margin-bottom: 5px
}

.group:after {
    visibility: hidden;
    display: block;
    content: ".";
    clear: both;
    height: 0
}

.box-sizing * {
    box-sizing: border-box
}

* html .group {
    zoom: 1
}

:first-child+html .group {
    zoom: 1
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:after,
.row:before {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-2,
.col-3,
.col-4,
.col-5 {
    width: 16.666%;
    padding: 0 15px;
    float: left
}

.col-3,
.col-4,
.col-5 {
    width: 25%
}

.col-4,
.col-5 {
    width: 33.333%
}

.col-5 {
    width: 41.666%
}

.col-6,
.col-7,
.col-8,
.col-9 {
    width: 50%;
    padding: 0 15px;
    float: left
}

.col-7,
.col-8,
.col-9 {
    width: 58.333%
}

.col-8,
.col-9 {
    width: 66.666%
}

.col-9 {
    width: 75%
}

.barrier {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.has-button {
    padding-bottom: 43px
}

.overflow-hidden {
    overflow: hidden
}

.shadowed {
    z-index: 10;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .19)
}

.animation {
    transition: all .3s ease
}

.fade-enter {
    opacity: .01
}

.fade-enter.fade-enter-active {
    opacity: 1;
    transition: opacity 500ms ease-in
}

.fade-leave {
    opacity: 1
}

.fade-leave.fade-leave-active {
    opacity: .01;
    transition: opacity 300ms ease-in
}

.slide-up-enter {
    opacity: .1;
    top: -284px
}

.slide-up-enter.slide-up-enter-active,
.slide-up-leave.slide-up-leave-active {
    opacity: 1;
    top: 0;
    transition: .3s cubic-bezier(.25, .25, .75, .75) all
}

.slide-up-leave {
    opacity: 1;
    top: 0
}

.slide-up-leave.slide-up-leave-active {
    opacity: 0;
    top: -84px
}

.slide-down-enter {
    opacity: .1;
    bottom: -50px
}

.slide-down-enter.slide-down-enter-active,
.slide-down-leave.slide-down-leave-active {
    opacity: 1;
    bottom: 0;
    transition: .3s cubic-bezier(.25, .25, .75, .75) all
}

.slide-down-leave {
    opacity: 1;
    bottom: 0
}

.slide-down-leave.slide-down-leave-active {
    opacity: 0;
    bottom: -50px
}

.btn-primary {
    display: inline-block;
    background: #00285f;
    padding: 10px 15px;
    border: 1px solid #00285f;
    border-radius: 4px;
    font-family: "SamsungSans-Regular", Arial;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-primary:focus {
    outline: 0
}

.btn-primary:disabled {
    opacity: .7
}

.btn-secondary {
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #00285f;
    cursor: pointer;
    border-radius: 4px;
    font-family: "SamsungSans-Regular", Arial;
    font-size: 16px;
    color: #00285f;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-secondary.btn-small {
    font-size: 13px;
    padding: 5px 10px
}

.btn-secondary:hover {
    background-color: #00285f;
    color: #fff;
    text-decoration: none
}

.btn-secondary:focus {
    background-color: #fff;
    color: #00285f;
    outline: 0;
    text-decoration: none
}

.btn-primary-fixed:disabled,
.btn-secondary:disabled {
    opacity: .7
}

.btn-disabled,
.btn-primary-fixed {
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-disabled {
    display: inline-block;
    background: #ddd;
    border-radius: 4px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    font-family: "SamsungSans-Regular", Arial
}

.btn-primary-fixed {
    font-family: "SamsungSans-Medium", Arial;
    background: #00285f;
    padding: 12px 15px;
    position: fixed;
    bottom: 0;
    text-decoration: none;
    border: 0;
    width: 100%
}

.checkbox-primary:checked,
.checkbox-primary:not(:checked),
.radio-primary:checked,
.radio-primary:not(:checked) {
    position: absolute;
    left: -9999px
}

.checkbox-primary:checked+label,
.checkbox-primary:not(:checked)+label {
    position: relative;
    padding-left: 22px;
    cursor: pointer
}

.checkbox-primary:checked+label:before,
.checkbox-primary:not(:checked)+label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #ddd
}

.checkbox-primary:checked+label:after,
.checkbox-primary:not(:checked)+label:after {
    content: '\2713';
    position: absolute;
    top: 2px;
    left: 0;
    padding-top: 3px;
    padding-left: 1px;
    width: 17px;
    height: 17px;
    background: #00285f;
    border-radius: 4px;
    transition: all .2s;
    line-height: 12px;
    font-size: 14px;
    color: #fff;
    text-align: center
}

.checkbox-primary:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.checkbox-primary:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.checkbox-primary:disabled:checked+label:before,
.checkbox-primary:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.checkbox-primary:disabled:checked+label:after {
    color: #999
}

.checkbox-primary:disabled+label {
    color: #aaa
}

.radio-primary:checked+label,
.radio-primary:not(:checked)+label {
    position: relative;
    padding-left: 21px;
    cursor: pointer
}

.radio-primary:checked+label {
    color: #00285f
}

.radio-primary:checked+label:before,
.radio-primary:not(:checked)+label:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #ddd
}

.radio-primary:checked+label:after,
.radio-primary:not(:checked)+label:after {
    content: ' ';
    position: absolute;
    top: 2px;
    left: 0;
    width: 16px;
    height: 16px;
    background: 0 0;
    border: 2px solid #00285f;
    border-radius: 50%
}

.radio-primary:checked+label:before {
    content: ' ';
    position: absolute;
    top: 6px;
    left: 4px;
    width: 8px;
    height: 8px;
    background: #00285f;
    border-radius: 50%;
    border: 0
}

.radio-primary:not(:checked)+label:after {
    opacity: 0
}

.radio-primary:checked+label:after {
    opacity: 1
}

.radio-primary:disabled:checked+label:before,
.radio-primary:disabled:not(:checked)+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

.radio-primary:disabled:checked+label:after {
    color: #999
}

.radio-primary:disabled+label {
    color: #aaa
}

.toggle-switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 10px
}

.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #888;
    transition: .4s;
    border-radius: 5px
}

.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 50%;
    left: 0;
    bottom: -3px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 0 1px 0 rgba(0, 0, 0, .12);
    border-style: solid;
    border-width: .5px;
    border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06) 20%, rgba(255, 255, 255, 0));
    transition: .4s
}

.toggle-switch input:checked+.slider {
    background-color: #fcc89d
}

.toggle-switch input:checked+.slider:before {
    background-color: #00285f;
    transform: translateX(10px)
}

.toggle-switch .slider+input:checked {
    background-color: #fff
}

.toggle-switch input:focus+.slider {
    box-shadow: 0 0 1px #2196f3
}

.popup-right {
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background: #f7f7f7;
    z-index: 15;
    overflow-y: auto;
    overflow-x: hidden;
    transition: transform 500ms;
    will-change: transform
}

.popup-right.show {
    transform: translateX(-100%)
}

.rate {
    display: inline-block;
    border: 0
}

.rate>label:before {
    display: inline-block;
    font-size: 20px;
    padding: 0 2px;
    margin: 0;
    cursor: pointer;
    font-family: 'microservices';
    color: #00285f;
    content: "\b4"
}

.rate>label:last-child:before {
    content: "\a58"
}

.rate .half:before {
    font-family: 'microservices';
    content: "\a57";
    position: absolute;
    padding-right: 0
}

.rate input:checked~label,
.rate label:hover,
.rate label:hover~label {
    color: #00285f
}

.popup-bottom {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 115%;
    left: 0;
    z-index: 10;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition: -webkit-transform .5s
}

.popup-bottom:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0 0
}

.popup-bottom.show {
    transform: translateY(-115%);
    -o-transform: translateY(-115%);
    -moz-transform: translateY(-115%);
    -webkit-transform: translateY(-115%)
}

.popup-bottom.show:before {
    background: rgba(0, 0, 0, .7);
    transition: background .2s ease-in;
    transition-delay: .5s
}

.popup-bottom>.head {
    height: 50px;
    line-height: 50px;
    background: #00285f;
    padding: 0;
    position: relative
}

.popup-bottom>.head>.header-popup-title,
.popup-search>.head>h2 {
    padding: 0 50px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #fff
}

.popup-bottom>.head>.icon-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: inherit;
    line-height: inherit;
    text-align: center;
    font-size: 20px;
    color: #fff
}

.popup-bottom>.head>.icon-back:before,
.popup-search>.head>a .icon-back:before {
    position: relative;
    display: inline-block;
    height: inherit;
    line-height: inherit
}

.popup-bottom>.head .input-box {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 42px;
    line-height: 42px;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 10
}

.popup-bottom>.head .input-box>input {
    line-height: inherit;
    background: 0 0;
    border: 0;
    padding: 0 40px 0 15px;
    width: 100%;
    font-family: "SamsungSans-Regular", Arial
}

.popup-bottom>.head .input-box>i {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    font-size: 20px;
    color: #ddd;
    text-align: center;
    cursor: pointer
}

.popup-bottom>.head .input-box>i:before {
    line-height: 42px
}

.popup-bottom>.body {
    height: calc(100% - 50px);
    z-index: 1;
    position: relative;
    overflow: auto;
    background-color: #fff
}

.popup-bottom>.body .input-box-placeholder {
    height: 42px
}

.popup-bottom>.body>[id^=datepicker],
.popup-bottom>.body>[id^=pickup] {
    min-height: 100%;
    background: #f7f7f7
}

.popup-bottom .nearme {
    padding: 10px 15px;
    cursor: pointer
}

.popup-bottom .nearme i {
    display: inline-block;
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #888
}

.popup-bottom .nearme span {
    display: inline-block;
    float: left;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 14px;
    color: #222;
    line-height: 21px
}

.popup-bottom .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff
}

.popup-bottom .content.center-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.popup-bottom .content .head {
    background: #f7f7f7;
    position: relative;
    height: 50px;
    line-height: 50px
}

.popup-bottom .content .head .title {
    line-height: inherit;
    font-size: 14px;
    color: #888;
    text-align: center
}

.popup-bottom .content .head .close {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 12px;
    line-height: inherit;
    padding: 0 15px;
    color: #00285f;
    cursor: pointer
}

.popup-bottom .content .body .option {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 16px;
    color: #222;
    position: relative;
    background: #fff;
    cursor: pointer
}

.popup-bottom .content .body .option.checked:after,
.popup-search .content .body .option.checked::after {
    content: '\a21';
    position: absolute;
    right: 15px;
    top: 10px;
    font-family: 'microservices';
    font-size: 20px;
    color: #00285f
}

.popup-bottom .content .body .countuser {
    width: 130px;
    display: inline-block
}

.popup-bottom .content .body .countuser button {
    display: inline-block;
    border: 0;
    padding: 0;
    background: 0 0;
    font-size: 20px;
    color: #00285f;
    outline: 0
}

.popup-bottom .content .body .countuser button.disabled,
.popup-bottom .content .body .countuser button:disabled {
    opacity: .5
}

.popup-bottom .content .body .countuser input[type=text] {
    display: inline-block;
    width: 75px;
    border: 0;
    background: 0 0;
    font-family: "SamsungSans-Regular", Arial;
    font-size: 20px;
    color: #222;
    text-align: center
}

.popup-bottom .content .body .countuser input[type=text]:disabled {
    color: #222;
    -webkit-text-fill-color: #222;
    -webkit-opacity: 1!important;
    opacity: 1!important
}

.popup-bottom .content .body .passenger {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 14px;
    color: #222;
    position: relative;
    background: #fff
}

.popup-bottom .content .body .passenger span {
    padding-top: 5px;
    display: block;
    font-size: 12px;
    color: #888
}

.popup-bottom .content .body .passenger .countuser {
    position: absolute;
    right: 7px;
    top: 15px
}

.popup-bottom .content .body .guest {
    padding: 25px 0;
    text-align: center
}

.popup-bottom .content .body .done {
    background: #f7f7f7;
    padding: 15px;
    box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, .1)
}

.popup-bottom .content .body .done .btn-primary {
    width: 100%
}

.popup-bottom .content .body .datepicker-choose {
    width: 100%;
    clear: both
}

.popup-bottom .content .body .datepicker-choose .choose-date {
    float: left;
    width: 33.33%;
    cursor: pointer
}

.popup-bottom .content .body .active-date {
    background-color: #f7f7f7;
    width: 100%;
    height: 55px;
    position: absolute;
    top: 50%;
    margin-top: -42px
}

.popup-bottom .content .body .inactive-date {
    background-color: #fff;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 56%;
    margin-top: 0;
    opacity: .5;
    z-index: 2;
    pointer-events: none
}

.popup-bottom .content .body .swiper-container {
    width: 100%;
    height: 160px;
    margin-left: auto;
    margin-right: auto
}

.popup-bottom .content .body .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.popup-bottom .content .body .swiper-slide.swiper-slide-active,
.popup-bottom .content .body .swiper-slide.swiper-slide-prev {
    opacity: .5
}

.popup-bottom#search-train .input-box {
    height: 50px;
    line-height: 50px;
    border-bottom: 2px #ddd solid
}

.popup-bottom#search-train .input-box-placeholder {
    height: 50px
}

.popup-bottom.search-popup-nationality .head-nationality {
    background: #fff;
    padding: 0
}

.popup-bottom.search-popup-nationality .head-nationality .icon-back {
    position: absolute;
    color: #00285f;
    z-index: 11
}

.popup-bottom.search-popup-nationality .head-nationality .input-box {
    position: relative;
    height: inherit;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 45px
}

.popup-bottom.search-popup-nationality .head-nationality .input-box input {
    padding: 8px 20px 0 8px
}

.popup-bottom.search-popup-nationality .head-nationality .input-box i {
    top: 5px
}

.popup-bottom.search-popup-nationality .body .product-list>li>h4 {
    overflow: auto
}

.popup-bottom.search-popup-nationality .body .product-list>li>h4>option {
    float: left
}

.popup-bottom.search-popup-nationality .body .product-list>li>h4>i {
    position: absolute;
    right: 16px;
    color: #00285f;
    font-size: 16px
}

ol.circle-list {
    margin-left: 0;
    list-style-type: none;
    padding-left: 26px
}

ol.circle-list>li {
    counter-increment: custom;
    position: relative;
    padding-left: 12px;
    padding-bottom: 10px
}

ol.circle-list>li:after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #888;
    display: inline-block;
    content: counter(custom) "  ";
    position: absolute;
    left: -25px;
    top: 0;
    text-align: center;
    background-color: #fff
}

ol.circle-list>li:before {
    content: "";
    position: absolute;
    left: -15px;
    border-left: 1px solid #888;
    height: 100%;
    width: 1px
}

ol.circle-list>li:first-child {
    counter-reset: custom
}

ol.circle-list>li:last-child {
    counter-increment: custom
}

ol.circle-list>li:last-child:after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #888;
    border: solid 1px #888;
    color: #fff;
    display: inline-block;
    content: counter(custom) "  ";
    position: absolute;
    left: -25px;
    top: 0;
    text-align: center
}

ol.circle-list>li:last-child:before {
    content: "";
    position: absolute;
    left: -15px;
    border-left: 1px solid #888;
    height: 0%;
    width: 1px
}

ol.circle-list>li:last-child:first-child {
    counter-reset: custom
}

.form-material .field {
    position: relative;
    width: 100%
}

.form-material .field.field-not-empty .field-label {
    opacity: 1;
    transform: none
}

.form-material .field.field-not-empty .field-input {
    padding-bottom: 7px;
    padding-top: 25px
}

.form-material .field .msg-invalid {
    font-size: 12px;
    color: #f20000;
    padding-top: 4px;
    text-align: left
}

.form-material .field .field-label {
    position: absolute;
    color: #888;
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    line-height: 1;
    opacity: 0;
    overflow: hidden;
    padding: 8px 0 5px;
    pointer-events: none;
    text-overflow: ellipsis;
    top: 0;
    text-align: left;
    transform: translateY(3px);
    transition: all .2s ease-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    height: 50px;
    z-index: 10
}

.form-material .field .field-input,
.form-material .field input[readonly] {
    line-height: 16px;
    font-size: 16px;
    width: 100%;
    border: 0;
    font-family: "SamsungSans-Regular", Arial;
    color: #222;
    background-color: #fff;
    transition: all .2s ease-out;
    border-bottom: 1px solid #ddd;
    -webkit-appearance: none;
    border-radius: 0
}

.form-material .field input[readonly] {
    position: relative;
    float: left;
    margin: 0;
    -webkit-padding-start: 0;
    text-indent: 0;
    z-index: 9;
    -webkit-text-fill-color: #222;
    -webkit-opacity: 1!important;
    opacity: 1!important;
    padding: 16px 60px 16px 0
}

.form-material .field .field-input {
    padding: 16px 0
}

.form-material .field .field-input:focus,
.form-material .field .field-input:hover {
    outline: 0
}

.form-material .field .field-input:focus {
    border-bottom-color: #00285f
}

.form-material .field .field-input.invalid {
    border-bottom-color: #f20000
}

.form-material .field .hr-active {
    border-bottom: 1px solid #00285f!important
}

.form-material .field:-moz-placeholder,
.form-material .field:-ms-input-placeholder,
.form-material .field::-moz-placeholder,
.form-material .field::-webkit-input-placeholder {
    color: #888
}

.popup-center,
.popup-search {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    z-index: 10;
    will-change: transform
}

.popup-center {
    top: 100%;
    transition: background 200ms ease-in
}

.popup-center:before {
    transition: background 200ms 1ms ease-in
}

.popup-center.show {
    transform: translateY(-100%)
}

.popup-center.show:before {
    background: rgba(0, 0, 0, .7)
}

.popup-center .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff
}

.popup-center .content.center-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 20px
}

.popup-center .content.center-content.bigger {
    height: 180px
}

.popup-center .loading {
    width: 60px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 1;
    transform: translate(-50%, -50%)
}

.popup-search {
    transition: transform 400ms
}

.popup-search.product-car>.head .input-box>i,
.popup-search.product-hotel,
.popup-search.product-train {
    top: 0
}

.popup-center:before,
.popup-search:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: 0 0
}

.popup-search.show {
    transform: translateY(-100%)
}

.popup-search.show:before {
    background: rgba(0, 0, 0, .7);
    transition: background .2s ease-in;
    transition-delay: .4s
}

.popup-search>.head {
    height: 50px;
    line-height: 50px;
    background: #00285f;
    padding: 0;
    position: relative
}

.popup-search>.head>a {
    -webkit-tap-highlight-color: transparent
}

.popup-search>.head>a .icon-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: inherit;
    line-height: inherit;
    text-align: center;
    font-size: 20px;
    color: #fff
}

.popup-search>.head .input-box {
    position: relative;
    padding: 0 15px 16px;
    background: #f7f7f7;
    z-index: 10
}

.popup-search>.head .input-box .input-relative {
    position: relative
}

.popup-search>.head .input-box .input-relative input[type=text] {
    background: #fff;
    width: 100%;
    border: 0;
    padding: 11px 16px;
    font-family: "SamsungSans-Regular", Arial
}

.popup-search>.head .input-box .input-relative input[type=text]:focus {
    border: unset;
    outline: 0
}

.popup-search>.head .input-box .input-relative>i {
    position: absolute;
    right: 15px;
    top: 2px;
    z-index: 5;
    font-size: 20px;
    color: #ddd;
    cursor: pointer
}

.popup-search>.body {
    height: calc(100% - 50px);
    background: #f7f7f7;
    z-index: 1;
    position: relative;
    overflow: auto;
    padding-top: 97px
}

.popup-search>.body .input-box-placeholder {
    height: 42px
}

.popup-search .content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff
}

.popup-search .content.center-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.popup-search .content .head {
    background: #f7f7f7;
    position: relative;
    height: 50px;
    line-height: 50px
}

.popup-search .content .head .title {
    line-height: inherit;
    font-size: 14px;
    color: #888;
    text-align: center
}

.popup-search .content .head .close {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 12px;
    line-height: inherit;
    padding: 0 15px;
    color: #00285f;
    cursor: pointer
}

.popup-search .content .body .option {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    font-size: 16px;
    color: #222;
    position: relative;
    background: #fff;
    cursor: pointer
}

@media (max-width:320px) {
    .popup-search>.body {
        padding-top: 120px
    }
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content,
.qtip-titlebar {
    position: relative;
    overflow: hidden
}

.qtip-content {
    text-align: left;
    word-wrap: break-word;
    padding: 5px 9px
}

.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 700
}

.qtip-titlebar+.qtip-content {
    border-top-width: 0!important
}

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon,
.qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}

.qtip-icon .ui-icon {
    display: block;
    direction: ltr;
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: 700 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: no-repeat -100em -100em
}

.qtip-default {
    border: 1px solid #f1d031;
    background-color: #ffffa3;
    color: #555
}

.qtip-default .qtip-titlebar {
    background-color: #ffef93
}

.qtip-default .qtip-icon {
    border-color: #ccc;
    background: #f1f1f1;
    color: #777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #aaa;
    color: #111
}


/*! Light tooltip style */

.qtip-light {
    background-color: #fff;
    border-color: #e2e2e2;
    color: #454545
}

.qtip-light .qtip-titlebar {
    background-color: #f1f1f1
}


/*! Dark tooltip style */

.qtip-dark {
    background-color: #505050;
    color: #f3f3f3
}

.qtip-dark .qtip-titlebar {
    background-color: #404040
}

.qtip-dark .qtip-icon {
    border-color: #444
}

.qtip-dark,
.qtip-dark .qtip-titlebar .ui-state-hover {
    border-color: #303030
}


/*! Cream tooltip style */

.qtip-cream {
    background-color: #fbf7aa;
    border-color: #f9e98e;
    color: #a27d35
}

.qtip-cream .qtip-titlebar {
    background-color: #f0de7d
}

.qtip-cream .qtip-close .qtip-icon {
    background-position: -82px 0
}


/*! Red tooltip style */

.qtip-red {
    background-color: #f78b83;
    color: #912323
}

.qtip-red .qtip-titlebar {
    background-color: #f06d65
}

.qtip-red .qtip-close .qtip-icon {
    background-position: -102px 0
}

.qtip-red,
.qtip-red .qtip-icon,
.qtip-red .qtip-titlebar .ui-state-hover {
    border-color: #d95252
}


/*! Green tooltip style */

.qtip-green {
    background-color: #caed9e;
    border-color: #90d93f;
    color: #3f6219
}

.qtip-green .qtip-titlebar {
    background-color: #b0de78
}

.qtip-green .qtip-close .qtip-icon {
    background-position: -42px 0
}


/*! Blue tooltip style */

@-webkit-keyframes animatetop {
    0% {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    0% {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

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

.qtip-blue {
    background-color: #e5f6fe;
    border-color: #add9ed;
    color: #5e99bd
}

.qtip-blue .qtip-titlebar {
    background-color: #d0e9f5
}

.qtip-blue .qtip-close .qtip-icon {
    background-position: -2px 0
}

.qtip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15)
}

.qtip-rounded,
.qtip-tipsy {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.qtip-rounded .qtip-titlebar {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.qtip-jtools,
.qtip-youtube {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.qtip-youtube {
    color: #fff;
    background: #4a4a4a;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, #000));
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
    border: 0 solid transparent;
    background-image: -webkit-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -moz-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -ms-linear-gradient(top, #4a4a4a 0, black 100%);
    background-image: -o-linear-gradient(top, #4a4a4a 0, #000 100%)
}

.qtip-youtube .qtip-titlebar {
    background-color: transparent
}

.qtip-youtube .qtip-content {
    padding: .75em;
    font: 12px arial, sans-serif;
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"
}

.qtip-youtube .qtip-icon {
    border-color: #222
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, .7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-linear-gradient(top, #717171, #232323);
    background-image: -ms-linear-gradient(top, #717171, #232323);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #f1f1f1;
    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333
}

.qtip-jtools .qtip-titlebar {
    background-color: transparent;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}

.qtip-jtools .qtip-content {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}

.qtip-jtools .qtip-content,
.qtip-jtools .qtip-titlebar {
    background: 0 0;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-jtools .qtip-icon {
    border-color: #555
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333
}

.qtip-cluetip {
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    background-color: #d9d9c2;
    color: #111;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-titlebar {
    background-color: #87876a;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-icon {
    border-color: #808064
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952
}

.qtip-tipsy {
    background: #000;
    background: rgba(0, 0, 0, .87);
    color: #fff;
    border: 0 solid transparent;
    font-size: 11px;
    font-family: 'Lucida Grande', sans-serif;
    font-weight: 700;
    line-height: 16px;
    text-shadow: 0 1px #000
}

.qtip-tipsy .qtip-titlebar {
    padding: 6px 35px 0 10px;
    background-color: transparent
}

.qtip-tipsy .qtip-content {
    padding: 6px 10px
}

.qtip-tipsy .qtip-icon {
    border-color: #222;
    text-shadow: none
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-tipped {
    border: 3px solid #959fa9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9f9f9;
    color: #454545;
    font-weight: 400;
    font-family: serif
}

.qtip-tipped .qtip-titlebar {
    border-bottom-width: 0;
    color: #fff;
    background: #3a79b8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d));
    background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -ms-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}

.qtip-tipped .qtip-icon {
    border: 2px solid #285589;
    background: #285589
}

.qtip-tipped .qtip-icon .ui-icon {
    background-color: #fbfbfb;
    color: #555
}

.qtip-bootstrap {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -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);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.qtip-bootstrap .qtip-titlebar {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
    right: 11px;
    top: 45%;
    border-style: none
}

.qtip-bootstrap .qtip-content {
    padding: 9px 14px
}

.qtip-bootstrap .qtip-icon {
    background: 0 0
}

.qtip-bootstrap .qtip-icon .ui-icon {
    width: auto;
    height: auto;
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    filter: none;
    -ms-filter: none
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
    visibility: hidden;
    position: absolute;
    color: #123456;
    background: 0 0;
    border: 0 dashed transparent
}

x:-o-prefocus {
    visibility: hidden
}

.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: 0 0;
    border: 0 dashed transparent
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0
}

#qtip-overlay,
#qtip-overlay div {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#qtip-overlay.blurs {
    cursor: pointer
}

#qtip-overlay div {
    position: absolute;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.qtipmodal-ie6fix {
    position: absolute!important
}

.message-error,
.message-success,
.message-warning,
.notification-message {
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    cursor: pointer
}

.message-error>span,
.message-success>span,
.message-warning>span,
.notification-message>span {
    font-weight: 700
}

.message-error .error,
.message-success .error,
.message-warning .error,
.notification-message .error {
    display: none
}

.message-success {
    padding: 10px;
    background: #14ac33
}

.message-error {
    padding: 10px;
    background: red
}

.message-warning {
    padding: 10px;
    background: #00285f
}

.header {
    width: 100%;
    line-height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 15;
    background: #fff;
    text-align: center;
    transition: all .3s ease-in;
    border-bottom: 1px solid #ddd
}

.header a.logo {
    display: inline-block;
    width: 137px;
    height: 30px;
    margin: 15px 0;
    background-image: url(../images/logo-tiket-com.png);
    background-repeat: no-repeat;
    background-size: cover
}

.header .btn-setting {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 15px;
    border: 0;
    background: 0 0;
    font-size: 20px;
    color: #888
}

.header .message-error,
.header .message-success,
.header .message-warning,
.header .notification-message {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.header,
.header-placeholder {
    height: 60px
}

.header-back {
    width: 100%;
    min-height: 45px;
    padding: 13px;
    background: #00285f;
    color: #fff;
    position: relative
}

.header-back .back {
    float: left;
    margin-right: 24px;
    font-size: 20px
}

.header-back button {
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0
}

.header-back .setting,
.header-back h1,
.header-back h2 {
    margin: 0;
    padding-top: 3px;
    float: left;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px
}

.header-back .action {
    position: absolute;
    top: 20px;
    right: 15px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer
}

.body-back {
    background-color: #f7f7f7;
    height: calc(100% - 45px);
    overflow: auto
}

.header-page,
.headers-detail {
    width: 100%;
    background: #00285f;
    color: #fff;
    z-index: 5
}

.header-page {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    text-align: center;
    font-family: "SamsungSans-Medium", Arial;
    transition: all .3s ease-in
}

.header-page .btn-setting {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 40px;
    padding: 5px 15px 0;
    background: 0 0;
    color: #fff;
    font-size: 20px;
    border: 0
}

.headers-detail {
    min-height: 45px;
    box-sizing: border-box;
    position: fixed;
    top: 0
}

.headers-detail .back {
    display: inline-block;
    margin: -20px 20px 0 15px;
    font-size: 20px;
    vertical-align: middle
}

.headers-detail .title {
    display: inline-block;
    padding: 11px 0
}

.headers-detail .title h1,
.headers-detail .title h2 {
    margin: 0;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px
}

.headers-detail .title p {
    margin: 0;
    padding-top: 5px;
    font-family: "SamsungSans-Regular", Arial;
    font-size: 12px
}

.snackbar-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 30
}

.snackbar-bottom .list {
    background: #222;
    padding: 15px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #fff;
    margin-top: 5px;
    opacity: 1;
    transition: all .3s ease;
    position: relative
}

.snackbar-bottom .list.new {
    opacity: 0
}

.snackbar-bottom .list .action {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px;
    color: #00285f;
    text-transform: uppercase
}

.setting>ul>li {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin-bottom: 8px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    position: relative
}

.setting>ul>li:first-child {
    padding: 0 16px
}

.setting>ul>li.support {
    height: 64px;
    line-height: 22px;
    padding: 12px 16px
}

.setting>ul>li.support:not(:first-child):after {
    content: ''
}

.setting>ul>li.support>a {
    padding: 0
}

.setting>ul>li:not(:first-child):after {
    content: '\a15';
    font-family: "microservices";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 60px;
    width: 24px;
    color: #00285f
}

.setting>ul>li>a {
    display: block;
    padding: 0 16px;
    -webkit-tap-highlight-color: rgba(245, 210, 0, .5)
}

.setting>ul>li>a p:first-child {
    float: left
}

.setting>ul>li .full-link {
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    line-height: inherit;
    width: 100%;
    padding: 0 15px
}

.choose-lang,
.choose-lang>a {
    line-height: inherit;
    height: 100%
}

.choose-lang {
    top: 0;
    right: 0;
    font-family: "SamsungSans-Medium", Arial;
    clear: both;
    position: absolute
}

.choose-lang>a {
    float: left;
    cursor: pointer;
    width: 88px;
    position: relative;
    -webkit-tap-highlight-color: rgba(245, 210, 0, .5)
}

.choose-lang>a:first-child:after {
    content: ' ';
    position: absolute;
    top: 33%;
    right: 0;
    height: 34%;
    width: 1px;
    background: #ddd
}

.choose-lang span {
    position: relative;
    display: inline-block;
    line-height: 16px;
    padding: 0 0 0 40px
}

.choose-lang span.active {
    color: #00285f
}

.choose-lang span:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 10px;
    width: 16px;
    height: 16px;
    background: 0 0;
    border: 2px solid #ddd;
    border-radius: 50%
}

.choose-lang span.active:before {
    border-color: #00285f
}

.choose-lang span.active:after {
    content: ' ';
    position: absolute;
    top: 4px;
    left: 14px;
    width: 8px;
    height: 8px;
    background: #00285f;
    border-radius: 50%;
    border: 0
}

.show-currency {
    position: relative;
    right: 13px;
    float: right;
    color: #00285f;
    font-size: 14px
}

.show-currency,
.support-call,
.support-contact {
    font-family: "SamsungSans-Medium", Arial
}

.support-call {
    position: absolute;
    top: 22px;
    right: 16px;
    color: #00285f;
    text-transform: uppercase;
    font-size: 12px
}

.support-contact {
    font-size: 16px
}

.list-currency ul>li {
    position: relative;
    width: 100%;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    -webkit-tap-highlight-color: rgba(205, 190, 81, .5)
}

.list-currency ul>li.active:after {
    content: '\a21';
    font-family: "microservices";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 16px;
    line-height: inherit;
    color: #00285f
}

.list-currency ul>li>a {
    display: block;
    padding: 0 15px
}

.list-currency ul>li .abbreviation {
    font-weight: 600;
    color: #00285f
}

.list-currency ul>li .abbreviation+span {
    position: absolute;
    left: 90px;
    top: 0
}

.datepicker-fullscreen {
    border: 0;
    min-height: 100%;
    background: #f7f7f7
}

.datepicker-fullscreen .pika-lendar {
    position: relative;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 15px;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #ddd
}

.datepicker-fullscreen .pika-lendar .pika-next,
.datepicker-fullscreen .pika-lendar .pika-prev {
    background-image: none;
    position: relative;
    top: 0;
    width: 60px;
    height: 30px;
    line-height: 30px;
    opacity: 1;
    text-indent: 100px
}

.datepicker-fullscreen .pika-lendar .pika-next:after,
.datepicker-fullscreen .pika-lendar .pika-prev:after {
    font-family: 'microservices';
    position: absolute;
    top: 0;
    width: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #00285f;
    text-indent: 0
}

.datepicker-fullscreen .pika-lendar .pika-next.is-disabled,
.datepicker-fullscreen .pika-lendar .pika-prev.is-disabled {
    opacity: .5
}

.datepicker-fullscreen .pika-lendar .pika-prev:after {
    content: '\a16';
    left: 0
}

.datepicker-fullscreen .pika-lendar .pika-next:after {
    content: '\a15';
    right: 0
}

.datepicker-fullscreen .pika-title {
    padding: 10px 0 5px
}

.datepicker-fullscreen .pika-label {
    text-transform: uppercase
}

.datepicker-fullscreen .pika-table {
    width: 99%;
    table-layout: fixed;
    margin: 0 .5%
}

.datepicker-fullscreen .pika-table tr>td:last-child .pika-button,
.datepicker-fullscreen .pika-table tr>th:last-child {
    color: #f20000
}

.datepicker-fullscreen .pika-table th {
    line-height: 30px
}

.datepicker-fullscreen .pika-table td {
    position: relative;
    line-height: 46px;
    height: 46px
}

.datepicker-fullscreen .pika-table abbr {
    text-decoration: none;
    text-transform: uppercase
}

.datepicker-fullscreen .pika-button {
    position: relative;
    text-align: center;
    height: 40px;
    width: 40px;
    margin: 8px auto;
    font-size: 14px;
    color: #222;
    background: 0 0;
    border-radius: 50%;
    z-index: 2
}

.datepicker-fullscreen .pika-button:hover {
    background: 0 0
}

.datepicker-fullscreen .has-event .pika-button {
    background: 0 0;
    box-shadow: none;
    color: #f20000
}

.datepicker-fullscreen .is-disabled .pika-button,
.datepicker-fullscreen .is-selected.is-startrange.is-endrange:after {
    background: 0 0
}

.datepicker-fullscreen .is-today .pika-button {
    color: #00285f
}

.datepicker-fullscreen .is-endrange .pika-button,
.datepicker-fullscreen .is-selected .pika-button,
.datepicker-fullscreen .is-startrange .pika-button {
    color: #fff;
    background: #00285f;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1)
}

.datepicker-fullscreen .is-startrange+.is-inrange:after,
.datepicker-fullscreen .is-startrange+.is-inrange:last-child:after {
    left: -50%;
    width: 200%
}

.datepicker-fullscreen .is-disabled.is-startrange:after,
.datepicker-fullscreen .is-endrange:first-child:after,
.datepicker-fullscreen .is-inrange:after,
.datepicker-fullscreen .is-inrange:first-child:after,
.datepicker-fullscreen .is-inrange:last-child:after,
.datepicker-fullscreen .is-startrange+.is-endrange:after,
.datepicker-fullscreen .is-startrange:last-child:after {
    content: ' ';
    position: absolute;
    top: 8px;
    left: 50%;
    width: 100%;
    height: 40px;
    background: rgba(255, 114, 0, .25);
    pointer-events: none;
    z-index: 1
}

.datepicker-fullscreen .is-inrange:first-child:after {
    left: -50%;
    width: 200%
}

.datepicker-fullscreen .is-startrange:last-child:after {
    width: 100%
}

.datepicker-fullscreen .is-startrange+.is-endrange:after {
    left: -50%
}

.datepicker-fullscreen .is-endrange:first-child:after {
    left: -50%;
    width: 100%
}

.datepicker-fullscreen .is-endrange.is-outside-current-month:before,
.datepicker-fullscreen .is-startrange.is-outside-current-month:before {
    content: ' ';
    position: absolute;
    top: 8px;
    width: 20px;
    height: 40px;
    background: rgba(255, 114, 0, .25);
    pointer-events: none
}

.datepicker-fullscreen .is-startrange.is-outside-current-month:before {
    right: 50%;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px
}

.datepicker-fullscreen .is-endrange.is-outside-current-month:before {
    left: 50%;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px
}

.datepicker-fullscreen .is-outside-current-month.is-disabled.is-startrange:after,
.datepicker-fullscreen .is-startrange.is-endrange.is-outside-current-month:before {
    background: 0 0
}

.datepicker-fullscreen .is-disabled.is-startrange:after {
    left: unset;
    right: 50%;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    width: 20px
}

.datepicker-fullscreen .holidays-container>h3 {
    padding: 15px 20px 0;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.datepicker-fullscreen .holidays-details {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin: 0 20px;
    font-size: 14px;
    color: #888
}

.datepicker-fullscreen .holidays-details:not(:nth-child(2)) {
    border-top: 1px solid #ddd
}

.datepicker-fullscreen .holidays-details .holiday-date {
    font-family: "SamsungSans-Medium", Arial;
    color: #f20000
}

.datepicker-fullscreen .next-month-name,
.datepicker-fullscreen .prev-month-name {
    position: absolute;
    top: 20px;
    font-family: "SamsungSans-Regular", Arial;
    font-size: 10px;
    color: #888;
    text-transform: uppercase;
    pointer-events: none
}

.datepicker-fullscreen .prev-month-name {
    left: 35px
}

.datepicker-fullscreen .next-month-name {
    right: 35px
}

.footer {
    padding-top: 24px;
    padding-bottom: 36px;
    text-align: center;
    border-top: 1px solid #ddd
}

.footer .logo a {
    display: inline-block;
    width: 96px;
    height: 21px;
    background-image: url(../images/logo-tiket-com.png);
    background-repeat: no-repeat;
    background-size: cover
}

.footer .logo-blibli {
    margin: 16px 0 7px
}

.footer p {
    font-size: 12px;
    color: #888;
    line-height: 1.5
}

.search-no-connection,
.search-no-result,
.search-no-server {
    width: 100%;
    position: absolute;
    z-index: 10;
    text-align: center;
    color: #222;
    margin-top: 60px
}

.search-no-connection img,
.search-no-result img,
.search-no-server img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px
}

.search-popup-product input {
    outline: 0;
    font-size: 16px
}

.search-popup-product .product-list {
    list-style: none;
    padding: 0
}

.search-popup-product .product-list>li {
    background: #fff;
    padding: 0 15px;
    cursor: pointer;
    position: relative;
    font-size: 16px
}

.search-popup-product .product-list>li.sub-header {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: -1px;
    background: #f7f7f7;
    min-height: 40px;
    padding: 12px 15px;
    color: #222;
    cursor: auto
}

.search-popup-product .product-list>li.sub-header:first-child {
    margin-top: 0
}

.search-popup-product .product-list>li i {
    position: absolute;
    top: 17px;
    right: 15px;
    font-size: 20px;
    color: #00285f
}

.search-popup-product .product-list>li .box {
    border-bottom: 1px solid #ddd;
    padding: 13px 0
}

.search-popup-product .product-list>li .box .location_name {
    font-size: 14px;
    margin-bottom: 5px;
    color: #222
}

.search-popup-product .product-list>li .box .station_code {
    position: absolute;
    right: 16px;
    top: calc(50% - 12px);
    text-transform: uppercase;
    border-radius: 4px;
    height: 20px;
    line-height: 10px;
    background-color: #f7f7f7;
    padding: 3px 12px
}

.search-popup-product .product-list>li .box .station_code span {
    font-family: "SamsungSans-Medium";
    font-size: 12px;
    font-weight: 500;
    vertical-align: middle;
    color: #888;
    line-height: normal
}

.search-popup-product .product-list>li .location_name_text {
    font-size: 12px;
    color: #888;
    line-height: 20px;
    text-transform: none
}

.search-popup-product .product-list>li .location_name_text span {
    font-size: 14px;
    color: #222
}

.search-popup-product .product-list>li p {
    font-size: 12px;
    color: #888;
    text-transform: capitalize
}

.search-popup-product .product-list>li p:first-letter {
    text-transform: capitalize
}

.search-popup-product .product-list>li .listing {
    border-bottom: 1px solid #ddd;
    padding: 13px 0;
    position: relative
}

.search-popup-product .product-list>li .listing .ui-autocomplete-value {
    padding-right: 80px;
    margin-bottom: 3px;
    font-size: 14px;
    color: #222;
    line-height: 18px
}

.search-popup-product .product-list>li .listing .ui-autocomplete-description {
    padding-right: 80px;
    font-size: 12px;
    color: #888;
    line-height: 16px
}

.search-popup-product .product-list>li .listing .ui-autocomplete-category {
    position: absolute;
    right: 0;
    top: 16px;
    max-width: 80px;
    padding: 5px;
    border-radius: 4px;
    background: #f7f7f7;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 12px;
    color: #888;
    text-align: center;
    text-transform: uppercase
}

.search-popup-product .product-list.hotel-product-list {
    margin-top: -1px
}

.autocomplete-loading {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 42px;
    text-align: center
}

.autocomplete-loading>img {
    height: 24px;
    margin-top: 9px
}

.banner {
    margin-bottom: 22px;
    position: relative
}

.banner .banner-slider {
    width: 100%;
    min-height: 137px;
    background-color: #fff;
    background-image: url(../images/placeholder-promo.png);
    background-size: cover;
    background-position: center center;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1)
}

.banner .banner-slider .list img {
    width: 100%
}

.banner .banner-slider .slick-arrow {
    display: none!important
}

.banner .btn-primary,
.banner .slick-dots li button {
    position: absolute;
    bottom: 8px;
    font-size: 10px;
    color: #fff
}

.banner .btn-primary {
    right: 16px;
    padding: 8px
}

.banner .slick-dots li {
    display: none
}

.banner .slick-dots li.slick-active {
    display: block
}

.banner .slick-dots li button {
    border: 0;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    padding: 3px;
    left: 16px;
    font-family: "SamsungSans-Regular", Arial
}

.main-menu {
    margin-bottom: 15px;
    text-align: center
}

.main-menu ul {
    padding: 0;
    list-style: none;
    width: 100%
}

.main-menu ul li {
    float: left;
    height: 82px;
    width: calc((100% - 22px)/3);
    margin-bottom: 13px;
    background: #fff;
    border-radius: 6px;
    padding: 0;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1);
    font-family: "SamsungSans-Medium", Arial;
    font-size: 10px;
    color: #222
}

.main-menu ul li>a {
    display: block;
    padding: 15px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(245, 210, 0, .5);
    height: 100%;
    border-radius: 4px
}

.main-menu ul li:not(:nth-child(3n)) {
    margin-right: 11px
}

.main-menu ul li i {
    margin: 5px;
    display: inline-block;
    font-size: 30px
}

.main-menu ul li i.icon-flight {
    color: #009aff
}

.main-menu ul li i.icon-flight-international {
    color: #187dbf;
    font-size: 38px;
    margin: 0
}

.main-menu ul li i.icon-hotel {
    color: #fb387e
}

.main-menu ul li i.icon-train {
    color: #ff7900
}

.main-menu ul li i.icon-car {
    color: #14ac33
}

.main-menu ul li i.icon-entertainment {
    color: #6f59ff
}

.main-menu ul li span {
    display: block;
    text-transform: uppercase
}

.special-feature {
    padding-bottom: 25px
}

.special-feature h2 {
    margin: 0 0 16px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #222
}

.special-feature .feature-list .list {
    position: relative;
    padding-left: 15px
}

.special-feature .feature-list .list a {
    display: block;
    width: 135px;
    height: 87px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 2px 3px 0 transparent;
    text-align: center
}

.special-feature .feature-list .list a img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    border-radius: 6px;
    height: 87px
}

.special-feature .feature-list .slick-arrow {
    display: none!important
}

.bottom-menu {
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 47px;
    background: #fff;
    text-align: center
}

.bottom-menu ul {
    height: 100%
}

.bottom-menu ul li {
    display: inline-block;
    width: 24%;
    height: 100%;
    position: relative;
    font-size: 11px;
    color: #888
}

.bottom-menu ul li.current,
.bottom-menu ul li:hover {
    color: #00285f
}

.bottom-menu ul li i {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 1px;
    position: relative
}

.bottom-menu ul li i[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -5px;
    right: -12px;
    font-size: 10px;
    background: #f20000;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 50%
}

.bottom-menu ul li span {
    display: block;
    position: absolute;
    width: 100%;
    top: 30px
}

.bottom-menu ul li a {
    display: block;
    padding-top: 7px;
    height: 100%;
    border-radius: 0;
    user-select: none;
    -webkit-tap-highlight-color: rgba(245, 210, 0, .5)
}

.bottom-menu-placeholder {
    height: 47px
}

.download-apps,
.why-choose-tiket {
    background-color: #fff;
    text-align: center;
    padding: 30px 0 10px
}

.why-choose-tiket span {
    display: block;
    font-size: 19px;
    padding-bottom: 20px
}

.why-choose-tiket .reason-list {
    position: relative;
    padding-bottom: 18px
}

.why-choose-tiket .reason-list .nextprev {
    position: absolute;
    top: 25%;
    left: 0;
    z-index: 5;
    font-size: 40px;
    color: #ddd
}

.why-choose-tiket .reason-list .nextprev.next-slick {
    left: unset;
    right: 0
}

.why-choose-tiket .reason-list .list {
    padding: 0 50px;
    outline: 0
}

.download-apps h3,
.why-choose-tiket .reason-list .list h4 {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 18px;
    line-height: 1.2;
    padding-bottom: 10px
}

.why-choose-tiket .reason-list .list p {
    font-size: 15px;
    color: #888;
    line-height: 1.2
}

.picture-center {
    display: block;
    height: 100px;
    width: 100px;
    background-position: 0 -107px;
    background-size: 416px 1250px;
    margin: 0px auto 20px
}

.why-choose-tiket .reason-list .list .picture {
    display: block;
    height: 100px;
    width: 100px;
    background-image: url(../images/sprites.png);
    background-position: 0 -107px;
    background-size: 416px 1250px;
    margin: -3px auto 20px
}

.why-choose-tiket .reason-list .list .picture.feat2 {
    background-position: -105px -109px;
    height: 99px
}

.why-choose-tiket .reason-list .list .picture.feat3 {
    background-position: -207px -109px;
    height: 99px
}

.why-choose-tiket .reason-list .list .picture.feat4 {
    background-position: -308px -109px
}

.why-choose-tiket .reason-list .list .picture.feat5 {
    background-position: 0 -311px
}

.why-choose-tiket .reason-list .list .picture.feat6 {
    background-position: -105px -311px
}

.why-choose-tiket .reason-list .list .picture.feat7 {
    background-position: -207px -311px
}

.why-choose-tiket .reason-list .list .picture.feat8 {
    background-position: -206px -211px
}

.why-choose-tiket .reason-list .list .picture.feat9 {
    background-position: -310px -211px
}

.why-choose-tiket .reason-list .list .picture.feat10 {
    background-position: -309px -312px
}

.why-choose-tiket .reason-list .list .picture.feat11 {
    background-position: 0 -412px
}

.why-choose-tiket .reason-list .list .picture.feat12 {
    background-position: -103px -414px
}

.why-choose-tiket .reason-list .list .picture.feat13 {
    background-position: -88px -1127px
}

.why-choose-tiket .reason-list .list .picture.feat14 {
    background-position: -193px -1127px
}

.why-choose-tiket .reason-list .list .picture.feat15 {
    background-position: -294px -1127px
}

.download-apps {
    background-color: #f7f7f7;
    border-top: 1px solid #eee;
    padding: 20px
}

.download-apps h3 {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 1.5
}

.download-apps .store {
    margin-bottom: 20px
}

.download-apps .store .apps {
    display: inline-block;
    margin-right: 10px;
    width: 112px;
    height: 33px;
    background-image: url(../images/apps.png);
    background-repeat: none;
    background-size: cover
}

.download-apps .store .apps.ios {
    background-position: top center
}

.download-apps .store .apps.playstore {
    background-position: bottom center;
    margin-right: 0
}

.download-apps .store .apps a {
    display: block
}

.download-apps h4 {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px
}

.download-apps .send-apps-box {
    width: 100%;
    max-width: 260px;
    height: 40px;
    margin: 0 auto;
    position: relative;
    text-align: left
}

.download-apps .send-apps-box>i {
    position: absolute;
    top: 7px;
    left: 9px;
    z-index: 2;
    padding-right: 5px;
    border-right: 1px solid #ddd;
    font-size: 19px;
    color: #ddd
}

.download-apps .send-apps-box input[type=text] {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 76%;
    height: 35px;
    border: 1px solid transparent;
    background-color: #fff;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    line-height: 31px;
    padding: 0 12px 0 40px
}

.download-apps .send-apps-box input[type=text]:hover {
    border: 1px solid #ff720a
}

.download-apps .send-apps-box input[type=submit] {
    margin: 0;
    width: 25%;
    height: 35px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 5px 5px 0;
    border: 0;
    background-color: #00285f;
    padding: 0 10px;
    cursor: pointer;
    font-family: "SamsungSans-Regular", Arial;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.download-apps .send-apps-box .error {
    padding-top: 5px;
    color: #f20000
}

.download-apps .send-apps-or {
    padding: 5px 0 10px
}

.form-tiket {
    padding-top: 20px
}

.form-tiket .clearfix {
    position: relative;
    padding-top: 5px;
    padding-bottom: 10px
}

.form-tiket .clearfix:first-child input:read-only {
    border-bottom-style: dashed
}

.form-tiket .clearfix>i {
    float: left;
    line-height: 45px;
    width: 40px;
    font-size: 25px;
    color: #ddd;
    z-index: 1
}

.form-tiket .clearfix>label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    padding: 0 0 0 40px;
    margin: 0;
    font-size: 12px;
    color: #888;
    z-index: 10;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.form-tiket .clearfix>input,
.form-tiket .clearfix>p {
    position: relative;
    border: 0;
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 0;
    text-indent: 0;
    padding-left: 0;
    -webkit-padding-start: 0;
    width: calc(100% - 40px);
    line-height: 45px;
    font-size: 16px;
    font-family: "SamsungSans-Regular", Arial;
    color: #222;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    z-index: 9
}

.form-tiket .clearfix>input:disabled,
.form-tiket .clearfix>p:disabled {
    background: 0 0;
    color: #222;
    -webkit-text-fill-color: #222;
    -webkit-opacity: 1!important;
    opacity: 1!important
}

.form-tiket .destination-switcher {
    position: absolute;
    bottom: -5px;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #00285f;
    z-index: 10
}

.form-tiket .destination-switcher .icon-switch:before {
    line-height: 30px;
    margin-left: 5px
}

.form-tiket .roundtrip {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #888;
    text-align: right;
    z-index: 10;
    height: 48px
}

.form-tiket .roundtrip .label-roundtrip,
.tix-whats-menu ul>li>div>p {
    margin-bottom: 10px
}

.form-tiket .roundtrip label {
    display: inline-block
}

.form-tiket .btn-primary {
    margin-top: 10px;
    width: 100%
}

.form-tiket .train-label {
    padding-left: 40px;
    margin-bottom: 14px;
    position: relative;
    font-size: 12px;
    color: #888
}

.form-tiket .mt-160 {
    margin-top: 160px!important
}

.about-tiket {
    background: #fff
}

.about-tiket .img-position {
    margin: 30px 0 54px
}

.about-tiket .content-part {
    margin-bottom: 24px
}

.about-tiket .content-part .content {
    margin-top: 34px;
    line-height: 20px
}

.about-tiket .content-part .content span,
.tix-whats-menu ul>li>div>p span {
    font-family: "SamsungSans-Medium", Arial
}

.about-tiket .social-media ul {
    display: block;
    width: auto;
    text-align: center
}

.about-tiket .social-media ul li {
    margin: 0 8px;
    display: inline-block
}

.about-tiket .social-media ul li:first-child {
    margin-left: 0
}

.about-tiket .social-media ul li:last-child {
    margin-right: 0
}

.about-tiket .social-media .socmed {
    width: 30px;
    height: 30px;
    display: inline-block
}

.about-tiket .social-media .socmed.icon-fb,
.about-tiket .social-media .socmed.icon-instagram,
.about-tiket .social-media .socmed.icon-socmed-google {
    background-image: url(../images/social.png);
    background-position: calc(0px/2) calc(0px/2);
    background-size: 90px 60px;
    width: calc(60px/2);
    height: calc(60px/2)
}

.about-tiket .social-media .socmed.icon-instagram,
.about-tiket .social-media .socmed.icon-socmed-google {
    background-position: calc(-60px/2) calc(0px/2)
}

.about-tiket .social-media .socmed.icon-instagram {
    background-position: calc(0px/2) calc(-60px/2)
}

.about-tiket .social-media .socmed.icon-phone,
.about-tiket .social-media .socmed.icon-socmed-twitter,
.about-tiket .social-media .socmed.icon-youtube {
    background-image: url(../images/social.png);
    background-position: calc(-60px/2) calc(-60px/2);
    background-size: 90px 60px;
    width: calc(60px/2);
    height: calc(60px/2)
}

.about-tiket .social-media .socmed.icon-socmed-twitter,
.about-tiket .social-media .socmed.icon-youtube {
    background-position: calc(-120px/2) calc(0px/2)
}

.about-tiket .social-media .socmed.icon-youtube {
    background-position: calc(-120px/2) calc(-60px/2)
}

.about-tiket .footer-about {
    padding: 16px 0 33px;
    line-height: 20px;
    text-align: center
}

.tixpoint {
    min-height: 100%
}

.tixpoint .tixcard {
    background-color: #f7f7f7;
    min-height: 340px;
    text-align: center
}

.tixpoint .tixcard .box-login-tix {
    background-color: #fff;
    min-height: 125px;
    margin-bottom: 16px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .1)
}

.tixpoint .tixcard .box-login-tix .header-member-tix {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #222;
    padding-top: 16px;
    padding-bottom: 8px
}

.tixpoint .tixcard .box-login-tix>p {
    font-size: 14px;
    color: #888;
    padding-bottom: 16px
}

.tix-howto-menu ul>li .table-tix .table-header .table-row,
.tixpoint .tixcard .box-login-tix .button-row {
    clear: both
}

.tixpoint .tixcard .box-login-tix .button-row .btn-primary,
.tixpoint .tixcard .box-login-tix .button-row .btn-secondary {
    width: 100%;
    font-size: 13px;
    padding: 7px 12px;
    font-family: "SamsungSans-Medium", Arial;
    text-transform: uppercase
}

.tixpoint .tixcard .box-login-tix .button-row span {
    position: absolute;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    padding-top: 10px;
    color: #888
}

.tixpoint .tixcard .box-login-tix .button-row .col-6 {
    padding: 0 25px
}

.tixpoint .tixcard .tix-name {
    text-align: center;
    padding-top: 24px;
    padding-bottom: 16px;
    font-size: 20px
}

.tixpoint .tixcard .tix-member-card {
    width: 280px;
    height: 180px;
    display: inline-block;
    border-radius: 8px;
    margin-bottom: 16px;
    position: relative
}

.tixpoint .tixcard .tix-member-card img {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    height: 100%;
    border-radius: 8px
}

.tixpoint .tixcard .tix-member-card .tix-number {
    position: absolute;
    bottom: 30px;
    left: 15px;
    font-size: 20px;
    letter-spacing: 4px;
    text-align: left;
    color: #fff
}

.tixpoint .tixcard .tix-member-card p {
    position: absolute;
    bottom: 10px;
    left: 15px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #fff
}

.tixpoint .tixcard .tix-member-point {
    padding-bottom: 10px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 17px
}

.tixpoint .tixcard .tix-member-point p {
    display: inline-block;
    line-height: 24px
}

.tixpoint .tixcard .tix-member-point .icon-tix {
    background-image: url(../images/tix-icon.png);
    background-repeat: none;
    background-size: cover;
    width: 23px;
    height: 23px;
    float: left;
    margin-right: 9px
}

.tixpoint .tixcard .tix-member-since {
    margin-bottom: 33px;
    font-size: 14px;
    text-align: center
}

.tixpoint .tix-list-menu {
    box-shadow: 13px 2px 8px 1px rgba(0, 0, 0, .1)
}

.tix-benefit-menu ul,
.tix-howto-menu ul,
.tix-redeem-menu ul,
.tix-whats-menu ul,
.tixpoint,
.tixpoint .tix-list-menu ul {
    background-color: #f7f7f7
}

.tixpoint .tix-list-menu ul>li {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: rgba(245, 210, 0, .5)
}

.tixpoint .tix-list-menu ul>li:after {
    content: '\a15';
    font-family: "microservices";
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 50px;
    width: 24px;
    color: #00285f
}

.tixpoint .tix-list-menu ul>li>a {
    height: 100%;
    display: block;
    padding: 0 15px
}

.tix-whats-menu ul>li {
    position: relative;
    width: 100%;
    line-height: 20px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    font-size: 14px;
    color: #888;
    margin-bottom: 8px
}

.tix-benefit-menu ul>li:last-child,
.tix-whats-menu ul>li:last-child {
    margin-bottom: 0;
    box-shadow: unset
}

.tix-whats-menu ul>li>div {
    padding: 24px 16px
}

.tix-benefit-menu ul>li>h3,
.tix-redeem-menu ul>li>h3,
.tix-whats-menu ul>li>div>h2 {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #222;
    margin-bottom: 6px
}

.tix-whats-menu ul>li .image-bottom {
    position: absolute;
    right: 0
}

.tix-benefit-menu ul>li,
.tix-redeem-menu ul>li {
    position: relative;
    width: 100%;
    line-height: 20px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    font-size: 14px;
    color: #888;
    margin-bottom: 8px
}

.tix-benefit-menu ul>li {
    text-align: center;
    padding: 40px
}

.tix-benefit-menu ul>li>img {
    width: 100%;
    max-width: 120px;
    margin-bottom: 16px
}

.tix-redeem-menu ul>li {
    padding: 24px 12px 24px 16px
}

.tix-redeem-menu ul>li .redeem-step {
    position: relative;
    padding-bottom: 10px
}

.tix-redeem-menu ul>li .redeem-step .step-number {
    width: 27px;
    height: 27px;
    background-color: #f9b231;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    font-size: 18px;
    text-align: center;
    padding: 4px
}

.tix-redeem-menu ul>li .redeem-step>img {
    width: 100%;
    max-width: 120px;
    margin-left: 45px
}

.tix-redeem-menu ul>li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    box-shadow: unset
}

.tix-redeem-menu ul>li .redeem-link {
    padding-bottom: 16px
}

.tix-howto-menu ul>li {
    position: relative;
    width: 100%;
    line-height: 20px;
    padding: 26px 16px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    background-color: #fff;
    font-size: 14px;
    color: #888;
    margin-bottom: 8px
}

.tix-howto-menu ul>li:last-child {
    padding: 0;
    border-bottom: unset;
    box-shadow: unset
}

.tix-howto-menu ul>li ul.tix-percent {
    padding: 0 16px 20px;
    background-color: #fff
}

.tix-howto-menu ul>li ul.tix-percent>li {
    position: relative;
    width: 100%;
    height: 76px;
    line-height: 20px;
    padding: 0;
    background-color: #fff;
    box-shadow: unset;
    border-bottom: 1px dashed #ddd;
    clear: both
}

.tix-howto-menu ul>li ul.tix-percent>li:first-child {
    height: 60px;
    border-bottom: 1px solid #ddd
}

.tix-howto-menu ul>li ul.tix-percent>li:last-child {
    height: 60px;
    border-bottom: none
}

.tix-howto-menu ul>li ul.tix-percent>li .left-side {
    width: 20%;
    float: left;
    padding: 16px 0
}

.tix-howto-menu ul>li ul.tix-percent>li .left-side .tix-icon-hotel {
    width: 100%;
    min-height: 44px;
    background-size: 44px;
    background-repeat: no-repeat;
    background-image: url(../images/ic-hotel2x.png)
}

.tix-howto-menu ul>li ul.tix-percent>li .left-side .tix-icon-car,
.tix-howto-menu ul>li ul.tix-percent>li .left-side .tix-icon-flight {
    width: 100%;
    min-height: 44px;
    background-size: 44px;
    background-repeat: no-repeat;
    background-image: url(../images/ic-flight2x.png)
}

.tix-howto-menu ul>li ul.tix-percent>li .left-side .tix-icon-car {
    background-image: url(../images/ic-car2x.png)
}

.tix-howto-menu ul>li ul.tix-percent>li .right-side {
    float: left;
    padding: 16px 0
}

.tix-howto-menu ul>li ul.tix-percent .percent-number,
.tix-howto-menu ul>li>h3 {
    font-size: 20px;
    font-family: "SamsungSans-Medium", Arial;
    color: #222
}

.tix-howto-menu ul>li>h3 {
    font-size: 16px;
    padding: 24px 0 16px
}

.tix-howto-menu ul>li>p {
    padding: 16px 0 8px
}

.tix-howto-menu ul>li .table-tix {
    width: 100%;
    padding-bottom: 20px
}

.tix-howto-menu ul>li .table-tix .table-header {
    background-color: #f7f7f7;
    height: 63px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 10px;
    color: #222
}

.tix-howto-menu ul>li .table-tix .table-header .table-row .table-header-content {
    width: 27%;
    float: left;
    display: inline-block;
    padding: 0 5px;
    font-size: 13px
}

.tix-howto-menu ul>li .table-tix .table-header .table-row .table-header-content:first-child {
    padding: 10px 0;
    width: 23%
}

.tix-howto-menu ul>li .table-tix .table-header .table-row .table-header-content:last-child {
    padding: 0;
    width: 23%
}

.tix-howto-menu ul>li .table-tix .table-body {
    background-color: #fff;
    padding: 0 16px
}

.tix-howto-menu ul>li .table-tix .table-body .table-row {
    clear: both;
    padding: 16px 0;
    height: 47px;
    border-bottom: 1px dashed #ddd
}

.tix-howto-menu ul>li .table-tix .table-body .table-row:last-child {
    border-bottom: none
}

.tix-howto-menu ul>li .table-tix .table-body .table-row .table-body-content {
    width: 29%;
    float: left;
    padding: 0 5px;
    font-size: 13px
}

.tix-howto-menu ul>li .table-tix .table-body .table-row .table-body-content:first-child,
.tix-howto-menu ul>li .table-tix .table-body .table-row .table-body-content:last-child {
    font-family: "SamsungSans-Medium", Arial;
    color: #888;
    width: 21%;
    padding: 0
}

.image-top {
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%
}

.tix-benefit-menu .icon-back:focus,
.tix-howto-menu .icon-back:focus,
.tix-redeem-menu .icon-back:focus,
.tix-whats-menu .icon-back:focus {
    outline: 0
}

.login-socmed-box {
    position: relative;
    padding: 15px
}

.login-socmed-box button {
    float: left;
    width: calc(50% - 8px);
    height: 44px;
    line-height: 44px;
    padding: 0;
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #ddd;
    font-family: "SamsungSans-Medium", Arial;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.login-socmed-box button.login-facebook {
    margin-left: 16px;
    background: #3b5998;
    color: #fff;
    border: 0
}

.login-socmed-box button>* {
    display: inline-block;
    position: relative
}

.login-socmed-box button>i {
    font-size: 21px;
    top: 3px;
    margin-right: 3px;
    line-height: 24px
}

.login-socmed-box button .google {
    width: 21px;
    height: 21px;
    background: url(../images/googlecolor@2x.png) no-repeat;
    background-size: 21px 21px
}

.captcha-part {
    padding-top: 25px;
    text-align: center
}

.captcha-part>div {
    display: inline-block;
    transform: scale(.95);
    transform-origin: 0 0;
    max-width: 285px
}

.box .bg-gray {
    background: #f7f7f7;
    min-height: 22px
}

.box .bg-gray.text {
    padding: 22px 15px 11px;
    color: #888
}

.box .bg-white {
    background-color: #fff;
    position: relative;
    padding: 30px 16px
}

.box .bg-white .box-line {
    width: 100px;
    height: 10px;
    border-top: 2px solid #ddd;
    position: absolute;
    right: 50%;
    margin-right: -50px;
    top: 28px
}

.box .bg-white .text-white {
    width: 44px;
    height: 20px;
    background-color: #fff;
    color: #888;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -22px;
    z-index: 5;
    text-align: center;
    font-size: 16px
}

.box .form-login,
.box .form-register {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1
}

.box .form-login .field-register label,
.box .form-register .field-register label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    margin: 0;
    font-size: 12px;
    color: #888;
    z-index: 10;
    cursor: pointer;
    pointer-events: unset;
    -webkit-tap-highlight-color: transparent
}

.box .form-login .field-register input,
.box .form-register .field-register input {
    margin: 0 0 5px;
    padding-left: 0;
    line-height: 18px;
    font-size: 16px;
    font-family: "SamsungSans-Regular", Arial;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    -webkit-text-fill-color: unset
}

.box .form-login .field .visibility-off,
.box .form-register .field .visibility-off {
    background: url(../images/ic-visibility-off@2x.png) no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: inline-block
}

.box .form-login .field .msg-invalid,
.box .form-register .field .msg-invalid {
    font-size: 12px;
    color: #f20000;
    padding-top: 4px
}

.box .form-login .capital-orange,
.box .form-register .capital-orange {
    font-size: 14px;
    padding: 35px 0;
    text-align: center
}

.box .form-login .capital-orange a,
.box .form-register .capital-orange a {
    color: #00285f;
    text-transform: uppercase;
    font-family: "SamsungSans-Medium", Arial
}

.box .form-login .space-forgot-part,
.box .form-register .space-forgot-part {
    margin: 24px 0 0
}

.box .form-login .space-forgot-part .forgot-password,
.box .form-register .space-forgot-part .forgot-password {
    color: #ff7900;
    font-size: 14px
}

.box .form-login .space-login,
.box .form-register .space-login {
    margin-top: 40px
}

.box .form-login .field-visibility,
.box .form-register .field-visibility,
.landing-page .airlines-info-tab .terms-content>br {
    display: none
}

.box .form-login .field-visibility+label,
.box .form-register .field-visibility+label {
    font-family: "microservices"!important;
    color: #ddd;
    position: absolute;
    margin-left: 3px;
    right: -3px;
    top: 8px;
    padding: 15px 0 15px 15px;
    z-index: 5
}

.box .form-login .field-visibility+label:before,
.box .form-register .field-visibility+label:before {
    content: "\a71"
}

.box .form-login .field-visibility:checked+label:before,
.box .form-register .field-visibility:checked+label:before {
    content: "\a70"
}

.box .form-login i,
.box .form-register i {
    position: absolute;
    top: 25px;
    right: 7px;
    font-size: 16px;
    color: #ddd;
    display: inline-block;
    vertical-align: 5px
}

.box .form-login .icon-forward,
.box .form-register .icon-forward {
    top: 20px;
    color: #00285f;
    z-index: 10
}

.box .form-login .btn-primary,
.box .form-register .btn-primary {
    width: 100%;
    font-family: "SamsungSans-Medium", Arial;
    margin-top: 17px
}

.msg-error-login {
    background: #f20000;
    color: #fff;
    padding: 15px
}

.footer-gray .footer {
    background: #fff
}

.footer-gray.footer-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.login-header-text {
    color: #222;
    text-align: center;
    padding-bottom: 15px;
    padding-left: 16px;
    padding-right: 16px
}

.login-header-text>h2 {
    font-size: 20px;
    font-family: "SamsungSans-Medium", Arial;
    padding-top: 16px;
    padding-bottom: 6px;
    line-height: 24px
}

.login-header-text p {
    font-size: 14px;
    line-height: 20px
}

.search-popup-nationality .product-list>li {
    padding: 15px;
    border-bottom: 1px solid #ddd
}

.search-popup-nationality .product-list>li h4 {
    font-size: 16px;
    color: #222
}

.traveler-profile-main {
    background-color: #f7f7f7;
    height: calc(100% - 45px);
    overflow: auto
}

.traveler-profile-main ul {
    padding-bottom: 40px
}

.traveler-profile-main ul li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    margin-bottom: 8px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    position: relative
}

.traveler-profile-main ul li p {
    transition: transform 500ms;
    will-change: transform;
    margin-left: 0;
    width: calc(100% - 35px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.traveler-profile-main ul li p.delete-active {
    transform: translateX(50px)
}

.traveler-profile-main ul li .delete-profile {
    background: #f20000;
    width: 50px;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: -50px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: transform 500ms;
    will-change: transform
}

.traveler-profile-main ul li .delete-profile.delete-active {
    transform: translateX(100%)
}

.traveler-profile-main ul li .delete-profile i {
    position: absolute;
    top: 10px;
    left: 12px
}

.traveler-profile-main ul li .edit-profile {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 12px;
    color: #00285f;
    transition: all .3s ease;
    cursor: pointer
}

.traveler-profile-main ul li .edit-profile.delete-active {
    opacity: 0
}

.traveler-profile-main .btn-primary {
    width: 100%;
    height: 45px;
    padding: 14px;
    border-radius: 0;
    position: fixed;
    margin-top: -45px;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all .3s ease
}

.traveler-profile-main .btn-primary:focus,
.traveler-profile-main .btn-primary:hover {
    color: #fff
}

.traveler-profile-main .btn-primary.delete-active {
    transform: translateY(100%)
}

.my-profile {
    background: #f7f7f7;
    width: 100%;
    height: 100%
}

.my-profile .profile-name {
    background: #fff;
    padding: 15px;
    position: relative;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08)
}

.my-profile .profile-name .name p:first-child {
    font-size: 20px;
    padding-bottom: 8px;
    color: #222
}

.my-profile .profile-name .name .email {
    font-size: 14px;
    color: #888
}

.my-profile .profile-name .edit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 30px 16px;
    font-size: 14px;
    color: #00285f;
    text-transform: uppercase
}

.my-profile .sign-out,
.my-profile .traveler-profile {
    background: #fff;
    margin-top: 8px;
    display: block;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    -webkit-tap-highlight-color: rgba(245, 210, 0, .5)
}

.my-profile .sign-out.disabled,
.my-profile .traveler-profile.disabled {
    opacity: .5;
    pointer-events: none
}

.my-profile .traveler-profile i:first-child {
    float: left;
    font-size: 20px;
    padding-top: 2px;
    color: #888
}

.my-profile .traveler-profile i.icon-logout,
.myorder .header .arrow-back i {
    font-size: 18px
}

.my-profile .traveler-profile span {
    margin-left: 22px;
    color: #222
}

.my-profile .traveler-profile .icon-forward,
.myorder .menu-account .list-menu a span.arrow-icon {
    float: right;
    color: #00285f
}

.my-profile .sign-out {
    position: absolute;
    bottom: 55px;
    width: 100%;
    color: #888
}

.my-profile .sign-out span {
    margin-left: 22px;
    color: #888;
    cursor: pointer
}

.forgot-password {
    padding-top: 20px;
    text-align: center;
    height: calc(100% - 159px);
    position: relative;
    min-height: 330px
}

.forgot-password .field {
    margin-bottom: 20px
}

.forgot-password h1 {
    margin-bottom: 16px;
    font-family: "SamsungSans-Medium", Arial;
    font-size: 20px;
    color: #222
}

.forgot-password p {
    margin-bottom: 40px;
    font-size: 14px;
    color: #222;
    line-height: 20px
}

.forgot-password .btn-primary {
    width: 100%
}

.change-password-form {
    padding: 16px 0;
    position: relative;
    z-index: 1
}

.change-password-form .field .msg-invalid {
    font-size: 12px;
    color: #f20000;
    padding-top: 4px
}

.change-password-form .space-forgot-part {
    margin: 16px 0 0
}

.change-password-form .space-forgot-part .forgot-password {
    color: #ff7900;
    font-size: 14px
}

.change-password-form .space-login {
    margin-top: 40px
}

.change-password-form input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin-left: 3px;
    right: 0;
    top: 0
}

.change-password-form input[type=checkbox]+label {
    float: right
}

.change-password-form input[type=checkbox]:checked+label {
    float: right
}

.change-password-form .btn-primary {
    margin-top: 22px;
    width: 100%
}

.reset-password .last-update {
    width: 100%;
    height: 39px;
    line-height: 39px;
    background-color: #f7f7f7;
    color: #888;
    padding: 0 16px
}

.reset-password .last-update span {
    font-family: "SamsungSans-Medium", Arial
}

.reset-password .form-reset-password .reset-subheader {
    padding: 16px 0
}

.reset-password .form-reset-password .field {
    margin-bottom: 8px
}

.reset-password .form-reset-password .btn-primary {
    margin-top: 14px;
    width: 100%
}

.form-add-profile {
    position: relative;
    min-height: calc(100% - 50px);
    padding: 20px 15px 65px
}

.form-add-profile .form-field {
    position: relative;
    width: 100%;
    margin-bottom: 8px
}

.form-add-profile .form-field.input-phone-number {
    clear: both;
    display: flex
}

.form-add-profile .form-field.input-phone-number .country-code {
    float: left;
    width: 27%;
    position: relative;
    border-bottom: 1px solid #ddd
}

.form-add-profile .form-field.input-phone-number .country-code label {
    top: 8px
}

.form-add-profile .form-field.input-phone-number .country-code input[readonly] {
    padding: 23px 13px 8px 0;
    font-size: 16px;
    line-height: 16px;
    width: 100%;
    border: 0;
    font-family: "SamsungSans-Regular", Arial;
    color: #222;
    background-color: #fff;
    transition: all .2s ease-out;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-text-fill-color: #222;
    -webkit-opacity: 1!important;
    opacity: 1!important
}

.form-add-profile .form-field.input-phone-number .country-code input {
    border: 0
}

.form-add-profile .form-field.input-phone-number .country-code>span {
    position: absolute;
    right: 0;
    color: #00285f;
    font-size: 16px;
    bottom: 7px
}

.form-add-profile .form-field.input-phone-number .country-code .country-input {
    padding: 5px 0 6px;
    font-size: 16px
}

.form-add-profile .form-field.input-phone-number .phone-number-field {
    float: left;
    width: 66%;
    margin-left: 7%
}

.form-add-profile .form-field.input-phone-number .phone-number-field input[type=number] {
    border: 0;
    margin: 0;
    padding: 24px 0 9px;
    font-family: "SamsungSans-Regular", Arial;
    font-size: 16px;
    color: #222;
    position: relative;
    border-bottom: 1px solid #ddd
}

.form-add-profile .form-field.input-phone-number .phone-number-field input[type=number].invalid {
    border-bottom-color: #f20000
}

.form-add-profile .form-field>i {
    position: absolute;
    float: right;
    top: 27px;
    right: 0;
    color: #00285f;
    font-size: 16px;
    z-index: 10
}

.form-add-profile .form-field label {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    margin: 0;
    z-index: 10;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    display: block;
    font-size: 12px;
    color: #888;
    padding: 0
}

.form-add-profile .form-field label.field-dob {
    pointer-events: unset
}

.form-add-profile .bottom-button {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding-bottom: 15px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-add-profile .bottom-button .col-6 {
    padding-left: 5px;
    padding-right: 0
}

.form-add-profile .bottom-button .col-6:first-child {
    padding-left: 0;
    padding-right: 5px
}

.form-add-profile .bottom-button .btn-disabled,
.form-add-profile .bottom-button .btn-primary {
    width: 100%;
    outline: 0
}

.saved-cards {
    background-color: #f7f7f7;
    height: calc(100% - 50px);
    overflow: auto
}

.saved-cards .position-saved-cards {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 255px
}

.manage-subscribe .position-subscribe p,
.saved-cards .position-saved-cards p {
    color: #888;
    font-size: 14px;
    margin-top: 16px
}

.saved-cards .position-button {
    position: fixed;
    bottom: 16px;
    width: 100%
}

.saved-cards .position-button .btn-primary {
    width: 100%
}

.virtual-cards {
    background: #f7f7f7;
    padding: 16px 0
}

.virtual-cards .cards {
    background: #fff;
    padding: 16px;
    box-shadow: 0 2px 9px 1px #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    line-height: 20px
}

.virtual-cards .cards .card-top {
    margin-bottom: 28px
}

.virtual-cards .cards .card-top .card-left {
    float: left;
    text-align: left
}

.virtual-cards .cards .card-top img {
    float: right;
    height: 35px
}

.virtual-cards .cards .holder-name {
    font-size: 18px;
    color: #222;
    font-family: "SamsungSans-Medium", Arial;
    text-transform: capitalize
}

.virtual-cards .cards .bank-name {
    color: #888;
    font-size: 12px
}

.virtual-cards .cards .card-no {
    text-align: left;
    margin-bottom: 28px
}

.virtual-cards .cards .card-no .holder-no {
    font-size: 21px;
    color: #888;
    letter-spacing: 2px;
    display: inline
}

.virtual-cards .cards .card-no .holder-no span {
    color: #222;
    font-family: "SamsungSans-Medium", Arial;
    display: table-cell;
    vertical-align: middle
}

.insurance strong,
.refund-warpper .checkbox label strong,
.refund-warpper .radio label strong,
.refund-warpper .refund-content p strong,
.refund-warpper .refund-content span strong,
.virtual-cards .cards .card-bottom,
strong {
    font-family: "SamsungSans-Medium", Arial
}

.virtual-cards .cards .card-bottom .expired-time {
    float: left;
    font-size: 14px;
    color: #222
}

.virtual-cards .cards .card-bottom .delete-card {
    float: right;
    font-size: 13px;
    color: #ff7900;
    text-transform: uppercase;
    font-family: "SamsungSans-Medium", Arial
}

.manage-subscribe {
    height: calc(100% - 50px);
    overflow: auto
}

.manage-subscribe .position-subscribe {
    margin: 40px 0 25px
}

.manage-subscribe .position-subscribe img {
    position: relative;
    left: 17px
}

.manage-subscribe .position-subscribe .roundtrip.subscribe {
    margin: 16px 0 26px
}

.manage-subscribe .position-subscribe .roundtrip.subscribe .toggle-switch {
    position: relative;
    width: 120px;
    height: 25px
}

.manage-subscribe .position-subscribe .roundtrip.subscribe .toggle-switch input:checked+.slider {
    background-color: #00285f
}

.manage-subscribe .position-subscribe .roundtrip.subscribe .toggle-switch input:checked+.slider:before {
    background-color: #fff;
    transform: translateX(89px);
    left: 7px
}

.manage-subscribe .position-subscribe .roundtrip.subscribe .slider {
    right: unset;
    left: 0;
    width: 120px;
    height: 25px;
    border-radius: 15.5px
}

.manage-subscribe .position-subscribe .roundtrip.subscribe .slider:before {
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 2px
}

.manage-subscribe .position-subscribe .roundtrip.subscribe .label-subscribe {
    position: absolute;
    font-size: 14px;
    color: #fff;
    margin-top: 6px;
    left: 15px
}

.manage-subscribe .position-subscribe .roundtrip.subscribe .label-unsubscribe {
    left: 30px
}

.manage-subscribe>p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
    color: #888
}

.myorder.no-order-background,
.unsubscribe {
    background: #fff
}

.unsubscribe .unsubscribe-content p {
    margin: 16px 0 22px;
    font-size: 14px;
    line-height: 20px;
    color: #888
}

.unsubscribe .unsubscribe-content p span {
    font-family: "SamsungSans-Medium", Arial;
    color: #14ac33
}

.unsubscribe .unsubscribe-content ul li {
    color: #888;
    margin-bottom: 16px
}

.unsubscribe .unsubscribe-content ul li [type=radio]:checked,
.unsubscribe .unsubscribe-content ul li [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.unsubscribe .unsubscribe-content ul li [type=radio]:checked+label,
.unsubscribe .unsubscribe-content ul li [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 14px
}

.unsubscribe .unsubscribe-content ul li [type=radio]:checked+label:before,
.unsubscribe .unsubscribe-content ul li [type=radio]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #00285f;
    border-radius: 100%;
    background: #fff
}

.unsubscribe .unsubscribe-content ul li [type=radio]:checked+label:after,
.unsubscribe .unsubscribe-content ul li [type=radio]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #00285f;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.unsubscribe .unsubscribe-content ul li [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.unsubscribe .unsubscribe-content ul li [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.unsubscribe .unsubscribe-content textarea {
    width: 100%;
    height: 132px
}

.unsubscribe .unsubscribe-content .btn-primary {
    width: 100%;
    margin-top: 22px
}

.myorder {
    background-color: #fff;
    background: center center no-repeat #f7f7f7;
    min-height: 100%
}

.myorder .header-page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.myorder .header-placeholder {
    height: 46px
}

.myorder .no-order-yet {
    padding-top: 60px;
    text-align: center
}

.myorder .no-order-yet img {
    max-width: 100%;
    margin-bottom: 15px
}

.myorder .no-order-yet p {
    margin-bottom: 20px;
    font-size: 16px;
    color: #888
}

.myorder .no-order-yet .btn-primary:focus,
.myorder .no-order-yet .btn-primary:hover {
    color: #fff
}

.myorder ul.nav-tabs {
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    background: #fff;
    position: fixed;
    z-index: 4;
    top: 0;
    margin: 45px 0 0
}

.myorder ul.nav-tabs li.tabs__item {
    font-size: 14px;
    display: table-cell
}

.myorder ul.nav-tabs li.tabs__item a.tabs__link {
    display: block;
    color: #888;
    padding: 12px 0;
    text-decoration: none;
    border-bottom: 2px solid #ddd
}

.myorder ul.nav-tabs li.tabs__item a.tabs__link.active {
    color: #00285f;
    border-bottom: 2px solid #00285f
}

.myorder ul.nav-tabs li.tabs__item a.tabs__link span {
    padding: 2px 0;
    display: block;
    border-right: 1px solid #ddd
}

.myorder ul.nav-tabs li.tabs__item:last-child a span {
    border-right: none
}

.myorder ul.nav-tabs li.tabs__sub {
    font-size: 12px;
    display: table-cell;
    color: #888;
    padding: 12px 0;
    text-decoration: none;
    border-bottom: 2px solid #ddd
}

.myorder .content-tabs,
.myorder .tab-order {
    margin: 85px auto 0;
    box-sizing: border-box;
    display: block
}

.myorder .tab-order {
    margin: 45px auto 0
}

.myorder .bg-white {
    background-color: #fff;
    background: center center no-repeat #fff
}

.myorder .info-roudtrip {
    padding: 5px;
    font-size: 12px;
    text-align: center;
    color: #00285f;
    border: 1px dashed #00285f
}

.myorder .full-width.button {
    width: auto;
    border: 0;
    border-radius: 0;
    margin: 10px -15px -13px
}

.myorder .loader-title {
    text-align: center;
    font-size: 12px;
    padding: 15px;
    color: #888
}

.myorder .loader-title .loader {
    border: 3px solid #e1e1e1;
    border-radius: 50%;
    border-top: 3px solid #00285f;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    display: block;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

.myorder .loader-title .loader.loader-lg {
    border: 5px solid #e1e1e1;
    width: 34px;
    height: 34px;
    border-top: 5px solid #00285f
}

.myorder ul.list-point {
    line-height: normal;
    margin-left: 15px
}

.myorder ul.list-point.bullet {
    list-style-type: disc
}

.myorder ul.list-point.number {
    list-style-type: decimal
}

.myorder ul.list-point li {
    margin: 5px 0
}

.myorder .col-container {
    display: flex
}

.myorder .col.col-10 {
    width: 10%
}

.myorder .col.col-20 {
    width: 20%
}

.myorder .col.col-30 {
    width: 30%
}

.myorder .col.col-40 {
    width: 40%
}

.myorder .col.col-50 {
    width: 50%
}

.myorder .col.col-60 {
    width: 60%
}

.myorder .col.col-70 {
    width: 70%
}

.myorder .col.col-80 {
    width: 80%
}

.myorder .col.col-90 {
    width: 90%
}

.myorder .col.col-100 {
    width: 100%
}

.myorder .new-reschedule-flight {
    position: fixed;
    width: 100%;
    background: #fdcb04;
    font-size: 12px;
    color: #222;
    text-align: center;
    padding: 8px 0;
    z-index: 1
}

.myorder p {
    margin-bottom: 7px;
    font-size: 14px;
    line-height: normal
}

.myorder p.head-title-cs {
    font-size: 20px!important;
    font-family: "SamsungSans-Medium"
}

.myorder p.head-title-cs span.text-copy {
    color: #00285f!important;
    font-size: 14px!important;
    font-weight: 400;
    cursor: pointer
}

.myorder p.text-detail {
    text-align: justify;
    font-size: 14px!important;
    line-height: 20px
}

.landing-page .airlines-info-tab .terms-content font,
.myorder p.title-date {
    color: #222
}

.myorder p.info-brand {
    color: #888;
    font-size: 14px
}

.myorder p.info-brand i {
    font-size: 22px
}

.myorder p.title-info {
    color: #222;
    font-family: "SamsungSans-Medium"
}

.myorder .header .title-header-detail span.lead,
.myorder p.title-info span.head-info,
.myorder p.title-sub-info span.head-info {
    width: 70%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis
}

.myorder p.title-price {
    color: #222;
    font-size: 14px!important
}

.myorder p.title-sub-info {
    font-size: 12px!important;
    color: #222
}

.myorder .group-order .list-order .disable-content .info-brand,
.myorder .group-order .list-order .disable-content .title-date,
.myorder .group-order .list-order .disable-content .title-info,
.myorder .group-order .list-order .disable-content .title-sub-info,
.myorder p.subtitle-personal-info.grey,
.myorder p.title-sub-info.grey {
    color: #888!important
}

.myorder p.title-head-personal-info {
    font-size: 14px!important;
    color: #888!important
}

.myorder p.subtitle-personal-info {
    color: #222;
    font-size: 12px!important
}

.myorder p.title-help-block {
    font-size: 8px!important;
    color: #888!important
}

.myorder p.title-unique-code {
    font-size: 14px!important;
    color: #888!important;
    margin-bottom: 10px
}

.myorder p.title-total-price {
    font-size: 16px!important;
    color: #222!important;
    margin-bottom: 10px;
    font-family: "SamsungSans-Medium"
}

.myorder p.title-total-price span.orange {
    color: #00285f!important
}

.myorder p span.title-status,
.myorder p.title-orderid {
    color: #00599b;
    font-family: "SamsungSans-Medium"
}

.myorder p span.title-status.red {
    color: #f20000!important
}

.myorder p.title-orderid {
    color: #222
}

.myorder p .ellipsis-list {
    background: #f7f7f7;
    border-radius: 5px;
    padding: 2px 8px;
    color: #888
}

.myorder p.text-lg {
    font-size: 18px;
    font-family: "SamsungSans-Medium"
}

.myorder .header .title-header-detail span.lead i,
.myorder p.text-sm {
    font-size: 12px
}

.myorder p.title-lead {
    font-size: 16px
}

.myorder .header a,
.myorder p.title-lead a {
    text-decoration: none;
    color: #222
}

.myorder .header {
    position: fixed;
    margin: 0;
    top: 0;
    color: #fff;
    background: #00285f;
    width: 100%;
    z-index: 3;
    height: 50px;
    text-align: left;
    line-height: normal
}

.myorder .header a {
    color: #fff
}

.myorder .header .title-header {
    font-size: 16px;
    display: block
}

.myorder .header .title-header-detail {
    box-sizing: border-box
}

.myorder .header .title-header-detail span.lead {
    font-size: 14px;
    width: 85%;
    display: block;
    margin-top: -7px;
    line-height: normal
}

.myorder .header .title-header-detail span.sublead {
    font-size: 10px;
    display: block;
    margin-top: 3px
}

.myorder .header .arrow-back {
    float: left
}

.myorder .header .dot-three {
    float: right
}

.myorder .header .dot-three i {
    font-size: 20px
}

.myorder .header .dot-three.min-top {
    margin-top: -28px
}

.myorder .label {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .3rem .8rem;
    font-size: 10px;
    border-radius: .25rem
}

.myorder .label.label-primary {
    color: #00285f;
    background-color: #fff;
    border-color: #00285f
}

.myorder .label.label-danger {
    color: #f20000;
    background-color: #fff;
    border-color: #f20000
}

.myorder .label.label-success {
    color: #8cd931;
    background-color: #fff;
    border-color: #8cd931
}

.myorder .label.label-muted {
    color: #888;
    background-color: #fff;
    border-color: #888
}

.myorder .footer-action,
.myorder .snackbars {
    position: fixed;
    z-index: 3;
    width: 100%;
    color: #fff
}

.myorder .snackbars {
    margin: 0;
    font-size: 12px
}

.myorder .snackbars.snackbars-error {
    background: #f20000
}

.myorder .snackbars.snackbars-success {
    background: #7ed321
}

.myorder .footer-action {
    font-size: 14px;
    bottom: 0;
    line-height: normal;
    padding: 12px 0;
    background-color: #00285f
}

.myorder .footer-action .full-action {
    cursor: pointer;
    text-align: center;
    width: 100%
}

.myorder .footer-action .full-action a,
.myorder .footer-action .half-action a {
    color: #fff
}

.myorder .footer-action .full-action a:focus,
.myorder .footer-action .full-action a:hover,
.myorder .footer-action .half-action a:focus,
.myorder .footer-action .half-action a:hover {
    text-decoration: none;
    color: #fff
}

.myorder .footer-action .half-action {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: center
}

.myorder .footer-action .half-action.diver {
    border-left: 1px solid #fff
}

.myorder .menu-account {
    display: block;
    padding: 0;
    font-size: 100%;
    border: 0;
    margin: 50px auto 0
}

.myorder .menu-account .list-menu {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    padding: 20px;
    color: #333;
    font-size: 16px
}

.myorder .menu-account .list-menu a {
    display: block;
    text-decoration: none;
    color: #333
}

.myorder .instruction-line {
    padding: 15px;
    margin: 0 -15px;
    background: #fff
}

.myorder .instruction-line .title-head {
    margin: 0 0 25px;
    font-size: 14px;
    color: #222;
    font-family: "SamsungSans-Medium"
}

.myorder .instruction-line .instruction-list {
    margin: 15px 0
}

.myorder .instruction-line .instruction-list .instruction-group {
    list-style: none
}

.myorder .instruction-line .instruction-list .instruction-group li {
    padding-bottom: 20px;
    position: relative
}

.myorder .instruction-line .instruction-list .instruction-group li .number {
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #00285f;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    padding: 0;
    margin-right: 15px;
    background: #fff;
    z-index: 2;
    position: relative;
    color: #00285f;
    float: left;
    text-align: center
}

.myorder .instruction-line .instruction-list .instruction-group li .number:last-child,
.myorder .instruction-line .instruction-list .instruction-group li:last-child:before {
    content: none
}

.myorder .instruction-line .instruction-list .instruction-group li .info-list {
    display: inline-block;
    width: calc(100% - 50px);
    font-size: 12px;
    line-height: 20px
}

.myorder .instruction-line .instruction-list .instruction-group li .info-list img {
    max-width: 100px
}

.myorder .instruction-line .instruction-list .instruction-group li:before {
    content: '';
    position: absolute;
    border-left: 1px solid #00285f;
    left: 12px;
    bottom: 0;
    z-index: 0;
    height: 100%
}

.myorder .instruction-line .instruction-list .instruction-group li:last-child {
    padding-bottom: 0
}

.myorder .instruction-line .instruction-list .instruction-group li:last-child .number {
    color: #fff;
    background: #00285f
}

.myorder .group-order {
    display: block;
    margin: 0 auto;
    padding: 15px;
    font-size: 100%;
    border: 0
}

.myorder .group-order .list-order {
    overflow: auto;
    margin-bottom: 15px;
    position: relative;
    background: #fff;
    color: #333;
    border-radius: 5px;
    border: 1px solid #ddd
}

.myorder .group-order .list-order:last-child {
    margin-bottom: 35px
}

.myorder .group-order .list-order a.list-view-pdf {
    display: block;
    color: #00285f;
    font-size: 14px
}

.myorder .group-order .list-order a.list-view-pdf .text-side {
    width: 85%;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis
}

.myorder .group-order .list-order a.list-view-pdf .icon-side {
    width: 15%;
    position: relative
}

.myorder .group-order .list-order a.list-view-pdf .icon-side i {
    float: right;
    font-size: 16px;
    margin-top: 2px;
    font-family: "SamsungSans-Medium"
}

.myorder .group-order .action-button .btn:focus,
.myorder .group-order .action-button .btn:hover,
.myorder .group-order .list-order a.list-view-pdf:focus,
.myorder .group-order .list-order a.list-view-pdf:hover {
    text-decoration: none
}

.myorder .group-order .list-order a.content-item {
    text-decoration: none;
    color: none
}

.myorder .group-order .pull-right {
    float: right
}

.myorder .group-order .ellipsis-list {
    border-radius: 7px;
    padding: 5px 1px;
    color: #888;
    background: #f7f7f7;
    font-family: 'SamsungSans-Regular';
    cursor: pointer;
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 10px
}

.myorder .group-order .ellipsis-list i {
    font-size: 14px
}

.myorder .group-order .list-product {
    margin: 10px 0 0 10px;
    padding: 0;
    list-style-type: decimal;
    font-size: 10px;
    color: #222
}

.myorder .group-order .list-product li {
    padding: 3px
}

.myorder .group-order .action-button {
    box-sizing: box-sizing
}

.myorder .group-order .action-button .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 12px;
    border-radius: .25rem
}

.myorder .group-order .action-button .btn.btn-primary {
    color: #fff;
    background-color: #00285f
}

.myorder .group-order .action-button .btn.btn-primary-outline {
    color: #00285f;
    background-color: #fff;
    border-color: #00285f
}

.myorder .group-order .action-button .btn.btn-primary-link {
    color: #00285f;
    background-color: #fff;
    border-color: none
}

.myorder .warpper-detail {
    display: block;
    font-size: 100%;
    border: 0;
    margin: 50px auto 0
}

.myorder .warpper-detail .box-card {
    overflow: auto;
    position: relative;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(133, 133, 133, .15);
    -webkit-box-shadow: 0 1px 5px 0 rgba(133, 133, 133, .15);
    -moz-box-shadow: 0 1px 5px 0 rgba(133, 133, 133, .15)
}

.myorder .warpper-detail .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .6rem 1rem;
    font-size: 14px;
    border-radius: .25rem;
    width: 100%;
    box-sizing: border-box
}

.myorder .warpper-detail .btn:focus,
.myorder .warpper-detail .btn:hover {
    text-decoration: none
}

.myorder .warpper-detail .btn.btn-primary {
    color: #fff;
    background-color: #00285f
}

.myorder .notif-copy {
    color: #8cd931;
    padding: 10px;
    font-size: 12px;
    text-align: center
}

.myorder .ellipsis-popup {
    display: none;
    position: fixed;
    z-index: 4;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.myorder .ellipsis-popup .ellipsis-popup-content {
    background-color: #fff;
    margin: 35% auto;
    border: 1px solid #fff;
    width: 90%;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

.myorder ul.list-popup {
    display: block;
    margin: 0 auto;
    padding: 0;
    border: 0
}

.myorder ul.list-popup li.list-item {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    padding: 15px;
    font-size: 16px
}

.myorder ul.list-popup li.list-item a {
    display: block;
    text-decoration: none;
    color: #00285f
}

.myorder ul.list-popup li.list-item:last-child {
    border-bottom: none
}

.myorder .list-group .list-items.disabled a .icon-side,
.myorder .list-group .list-items.disabled a .text-side,
.myorder ul.list-popup li.list-item.disabled a,
.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .content-msg span {
    color: #888
}

.myorder .content-barcode,
.myorder .content-sendmail {
    padding: 15px
}

.myorder .content-barcode .title-barcode {
    font-size: 14px
}

.myorder .content-barcode .title-barcode span.dismiss-barcode {
    font-weight: 400;
    color: #00285f;
    cursor: pointer
}

.myorder .content-barcode img.img-barcode {
    display: inline-block;
    width: 100%
}

.myorder .content-sendmail .title-sendmail {
    font-size: 14px;
    font-family: "SamsungSans-Medium"
}

.myorder .content-sendmail .title-sendmail span.dismiss-email {
    font-size: 12px;
    font-weight: 400;
    color: #00285f;
    cursor: pointer;
    font-family: "SamsungSans-Regular"
}

.myorder .content-sendmail .action-plus {
    margin: 10px 0;
    display: block;
    width: 100%;
    font-size: 14px
}

.myorder .content-sendmail .action-plus a {
    color: #00285f;
    text-decoration: none
}

.myorder .content-sendmail .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .6rem 1.5rem;
    font-size: 16px;
    border-radius: .5rem;
    width: 100%;
    font-family: "SamsungSans-Regular"
}

.myorder .content-sendmail .btn:focus,
.myorder .content-sendmail .btn:hover {
    text-decoration: none
}

.myorder .content-sendmail .btn.btn-primary {
    color: #fff;
    background-color: #00285f
}

.myorder .content-sendmail .btn:disabled {
    cursor: default;
    opacity: .6
}

.myorder .input-group {
    position: relative;
    margin: 10px 0
}

.myorder .input-group .icon {
    position: absolute;
    top: 30%;
    z-index: 1;
    color: #b5b5b5;
    right: 10px;
    font-size: 16px;
    cursor: pointer
}

.myorder .input-group .icon.has-danger {
    color: #f20000
}

.myorder .input-group .icon.has-success {
    color: #8cd931
}

.myorder .input-group input {
    background: 0 0;
    color: #888;
    font-size: 16px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #e0e0e0;
    box-sizing: border-box
}

.myorder .input-group input:focus {
    outline: 0
}

.myorder .input-group input:focus~label,
.myorder .input-group input:valid~label {
    top: -14px;
    font-size: 12px;
    color: #00285f
}

.myorder .input-group input:focus~.bars:before {
    width: 100%
}

.myorder .input-group label {
    color: #00285f;
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 300ms ease all
}

.myorder .input-group .bars {
    position: relative;
    display: block;
    width: 100%
}

.myorder .input-group .bars:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #00285f;
    transition: 300ms ease all;
    left: 0
}

.myorder .input-group .help-block {
    margin: 7px 0;
    display: block;
    width: 100%;
    font-size: 12px;
    color: #f20000
}

.myorder .cbp_tmtimeline {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    position: relative
}

.myorder .cbp_tmtimeline>li {
    position: relative
}

.myorder .cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 15%;
    position: absolute
}

.myorder .cbp_tmtimeline>li .cbp_tmtime span,
.refund-warpper .cbp_tmtimeline>li .cbp_tmtime span {
    line-height: normal;
    display: block;
    text-align: right
}

.myorder .cbp_tmtimeline>li .cbp_tmtime span:first-child {
    font-size: 14px;
    color: #222;
    margin-bottom: 3px;
    font-family: "SamsungSans-Medium"
}

.myorder .cbp_tmtimeline>li .cbp_tmtime span:last-child {
    font-size: 12px;
    color: #888
}

.myorder .cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child,
.refund-warpper .cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #888
}

.myorder .cbp_tmtimeline>li .cbp_tmlabel {
    margin: 0 0 0 30%;
    position: relative;
    padding-bottom: 20px
}

.myorder .cbp_tmtimeline>li .cbp_tmlabel .title-lead {
    font-size: 14px;
    color: #222
}

.myorder .cbp_tmtimeline>li .cbp_tmlabel .title-sublead {
    font-size: 12px;
    color: #222
}

.myorder .cbp_tmtimeline>li .cbp_tmicon {
    width: 7px;
    height: 7px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #00285f;
    text-align: center;
    left: 16%;
    top: 5px;
    margin: 0 0 0 15px;
    background: #fff
}

.myorder .cbp_tmtimeline>li:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    width: 3px;
    background: #ddd;
    left: 15%;
    margin-left: 20px
}

.myorder .cbp_tmtimeline>li:last-child,
.refund-warpper .cbp_tmtimeline>li:last-child {
    padding-bottom: 0
}

.myorder .cbp_tmtimeline>li:last-child .cbp_tmicon {
    background: #00285f!important
}

.myorder .cbp_tmtimeline>li:last-child:before {
    content: none
}

.myorder .list-group {
    display: block;
    font-size: 100%;
    border: 0;
    margin: 50px auto 0
}

.myorder .list-group .list-items {
    overflow: auto;
    margin-bottom: 15px;
    position: relative;
    background: #fff;
    color: #333;
    border: 1px solid #eee;
    box-shadow: 0 1px 5px 0 rgba(133, 133, 133, .15);
    -webkit-box-shadow: 0 1px 5px 0 rgba(133, 133, 133, .15);
    -moz-box-shadow: 0 1px 5px 0 rgba(133, 133, 133, .15)
}

.myorder .list-group .list-items a {
    display: block;
    color: #222;
    font-size: 16px
}

.myorder .list-group .list-items a .text-side {
    width: 85%;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden!important;
    text-overflow: ellipsis;
    line-height: normal
}

.myorder .list-group .list-items a .icon-side {
    width: 15%;
    position: relative
}

.myorder .list-group .list-items a .icon-side i {
    float: right;
    font-size: 16px;
    margin-top: 2px;
    color: #00285f
}

.myorder .list-group .list-items a:focus,
.myorder .list-group .list-items a:hover,
.myorder .wrapper-error .wrapper-error-content .btn:focus,
.myorder .wrapper-error .wrapper-error-content .btn:hover {
    text-decoration: none
}

.myorder .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8);
    overflow-x: hidden;
    transition: .7s
}

.myorder .overlay .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px
}

.myorder .wrapper-error {
    overflow-y: hidden;
    left: 0;
    top: 0
}

.myorder .wrapper-error .wrapper-error-content {
    box-sizing: border-box;
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin: 55% auto;
    padding: 15px
}

.myorder .wrapper-error .wrapper-error-content .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .6rem 1rem;
    font-size: 14px;
    border-radius: .25rem;
    box-sizing: border-box
}

.myorder .wrapper-error .wrapper-error-content .btn.btn-primary {
    color: #fff;
    background-color: #00285f
}

.myorder .wrapper-error .wrapper-error-content i {
    font-size: 72px
}

.myorder .btn-primary.btn-sm {
    font-size: 12px;
    padding: 5px 10px
}

.myorder .bor-lead-b {
    border-bottom: 1px dashed #ddd
}

.myorder .bor-lead-t {
    border-top: 1px dashed #ddd
}

.myorder .bor-lead-b-solid {
    border-bottom: 1px solid #ddd
}

.myorder .bor-lead-t-solid {
    border-top: 1px solid #ddd
}

.myorder .bor-lead-r-solid {
    border-right: 1px solid #ddd
}

.myorder .bor-lead-l-solid {
    border-left: 1px solid #ddd
}

.myorder .bor-lead-b-solid-orange {
    border-bottom: 4px solid #00285f!important
}

.myorder .no-margin {
    margin: 0!important
}

.myorder .no-padding {
    padding: 0!important
}

.myorder .p10 {
    padding: 10px
}

.myorder .p15 {
    padding: 15px
}

.myorder .mt0 {
    margin-top: 0!important
}

.myorder .mt5 {
    margin-top: 5px!important
}

.myorder .mt10 {
    margin-top: 10px!important
}

.myorder .mt15 {
    margin-top: 15px!important
}

.myorder .mt20 {
    margin-top: 20px!important
}

.myorder .mt25 {
    margin-top: 25px!important
}

.myorder .mt30 {
    margin-top: 30px!important
}

.myorder .mt45 {
    margin-top: 45px!important
}

.myorder .mt50 {
    margin-top: 50px!important
}

.myorder .mb0 {
    margin-bottom: 0!important
}

.myorder .mb5 {
    margin-bottom: 5px!important
}

.myorder .mb10 {
    margin-bottom: 10px!important
}

.myorder .mb15 {
    margin-bottom: 15px!important
}

.myorder .mb20 {
    margin-bottom: 20px!important
}

.myorder .mb25 {
    margin-bottom: 25px!important
}

.myorder .mb30 {
    margin-bottom: 30px!important
}

.myorder .mb45 {
    margin-bottom: 45px!important
}

.myorder .mb50 {
    margin-bottom: 50px!important
}

.myorder .mr0 {
    margin-right: 0!important
}

.myorder .mr5 {
    margin-right: 5px!important
}

.myorder .mr10 {
    margin-right: 10px!important
}

.myorder .mr15 {
    margin-right: 15px!important
}

.myorder .mr20 {
    margin-right: 20px!important
}

.myorder .ml0 {
    margin-left: 0!important
}

.myorder .ml5 {
    margin-left: 5px!important
}

.myorder .ml10 {
    margin-left: 10px!important
}

.myorder .ml15 {
    margin-left: 15px!important
}

.myorder .ml20 {
    margin-left: 20px!important
}

.myorder .text-center {
    text-align: center
}

.myorder .text-muted {
    color: #888!important
}

.myorder .text-medium {
    font-size: 14px
}

.myorder .text-half a,
.myorder .text-medium a,
.myorder .text-small a {
    text-decoration: none;
    color: #222
}

.myorder .text-half {
    font-size: 16px
}

.myorder .text-small,
.refund-warpper .refund-content p.text-small,
.refund-warpper .refund-content span.text-small {
    font-size: 12px
}

.myorder .text-bold {
    font-family: "SamsungSans-Medium"
}

.myorder .role-button {
    cursor: pointer
}

.myorder .head-text {
    color: #888;
    padding: 10px 15px 0
}

.myorder .color-orange {
    color: #00285f!important
}

.myorder .color-orange a {
    color: #00285f!important;
    text-decoration: none
}

.myorder .color-blue,
.myorder .color-blue a {
    color: #00285f!important
}

.myorder .color-blue a {
    text-decoration: none
}

.myorder .color-green {
    color: #8cd931!important
}

.myorder .color-green a {
    color: #8cd931!important;
    text-decoration: none
}

.myorder .color-red,
.myorder .color-red a {
    color: #f20000!important
}

.myorder .color-red a {
    text-decoration: none
}

.myorder .color-black {
    color: #222!important
}

.myorder .color-black a {
    color: #222!important;
    text-decoration: none
}

.myorder .color-gray {
    color: #888!important
}

.myorder .color-gray a {
    color: #888!important;
    text-decoration: none
}

.myorder .clearfix:after,
.myorder .clearfix:before {
    content: " ";
    display: table
}

.myorder .clearfix:after {
    clear: both
}

.refund-warpper {
    width: 100%;
    display: flex
}

.refund-warpper.bg-white {
    background: #fff
}

.refund-warpper .note-bar {
    background: #fdcb04;
    display: block;
    box-sizing: border-box;
    padding: 8px 13px
}

.refund-warpper .note-bar p {
    color: #222;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    margin: 0!important
}

.refund-warpper .col-container {
    display: flex
}

.refund-warpper .col.col-10 {
    width: 10%
}

.refund-warpper .col.col-20 {
    width: 20%
}

.refund-warpper .col.col-30 {
    width: 30%
}

.refund-warpper .col.col-40 {
    width: 40%
}

.refund-warpper .col.col-50 {
    width: 50%
}

.refund-warpper .col.col-60 {
    width: 60%
}

.refund-warpper .col.col-70 {
    width: 70%
}

.refund-warpper .col.col-80 {
    width: 80%
}

.refund-warpper .col.col-90 {
    width: 90%
}

.installment .banner img,
.refund-warpper .col.col-100,
.refund-warpper .refund-content .action-button .btn-primary {
    width: 100%
}

.refund-warpper .refund-content {
    margin-top: 55px;
    width: 100%;
    height: auto;
    box-sizing: border-box
}

.refund-warpper .refund-content h4.header-card {
    font-size: 14px;
    font-family: "SamsungSans-Regular", Arial;
    margin: 20px 0 10px;
    color: #888
}

.refund-warpper .refund-content p,
.refund-warpper .refund-content span {
    margin: 0 0 8px;
    line-height: 1.4;
    font-family: "SamsungSans-Regular", Arial;
    color: #222
}

.refund-warpper .refund-content p.text-small-grey,
.refund-warpper .refund-content span.text-small-grey {
    font-size: 12px;
    color: #888
}

.refund-warpper .refund-content p.text-medium,
.refund-warpper .refund-content span.text-medium {
    font-size: 14px
}

.refund-warpper .refund-content p.text-medium-grey,
.refund-warpper .refund-content span.text-medium-grey {
    font-size: 14px;
    color: #888
}

.refund-warpper .refund-content p.text-large,
.refund-warpper .refund-content span.text-large {
    font-size: 16px
}

.refund-warpper .refund-content p.text-large-grey,
.refund-warpper .refund-content span.text-large-grey {
    font-size: 16px;
    color: #888
}

.refund-warpper .refund-content p .title-break,
.refund-warpper .refund-content span .title-break {
    width: 70%;
    display: inline-table
}

.refund-warpper .refund-content .text-medium img.img-tumb,
.refund-warpper .refund-content .text-medium-grey img.img-tumb,
.refund-warpper .refund-content .text-small img.img-tumb,
.refund-warpper .refund-content .text-small-grey img.img-tumb {
    width: 35px;
    margin-right: 10px;
    vertical-align: sub
}

.refund-warpper .refund-content .text-medium i,
.refund-warpper .refund-content .text-medium-grey i,
.refund-warpper .refund-content .text-small i,
.refund-warpper .refund-content .text-small-grey i {
    font-size: 12px;
    vertical-align: middle
}

.refund-warpper .refund-content .card-box {
    background: #fff;
    position: relative;
    display: block;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
    margin-bottom: 10px
}

.refund-warpper .refund-content .text-img-line {
    margin-top: 25px;
    font-size: 14px;
    font-family: "SamsungSans-Regular", Arial;
    color: #222
}

.refund-warpper .refund-content .text-img-line img {
    height: 32px;
    margin-right: 12px;
    vertical-align: middle
}

.refund-warpper .refund-content .tnc-content p {
    font-size: 14px;
    color: #888;
    padding: 0 10px
}

.refund-warpper .refund-content .tnc-content ol {
    list-style-type: decimal;
    padding: 0 10px 0 20px
}

.refund-warpper .refund-content .tnc-content ol li {
    font-size: 14px;
    font-family: "SamsungSans-Regular", Arial;
    color: #888;
    line-height: 1.4
}

.refund-warpper .refund-content .tnc-checkbox {
    margin: 25px 0 15px
}

.refund-warpper .refund-content .header-pax {
    margin: 0!important;
    font-size: 13px
}

.refund-warpper .refund-content .badget {
    background: #f7f7f7;
    font-size: 12px;
    font-family: "SamsungSans-Medium", Arial;
    color: #888;
    padding: 3px 7px;
    border-radius: 4px
}

.refund-warpper .refund-content .action-button .btn-primary:disabled {
    opacity: .7
}

.refund-warpper .refund-content .action-button .btn-primary:focus,
.refund-warpper .refund-content .action-button .btn-primary:hover {
    color: #fff
}

.refund-warpper .refund-content .action-button .btn-primary.btn-retry {
    width: 50%
}

.refund-warpper .refund-content .price-info {
    font-size: 13px;
    margin-bottom: 16px
}

.refund-warpper .refund-content .price-info-reschedule.price-info-tix,
.refund-warpper .refund-content .price-info.price-info-tix,
.refund-warpper .refund-content .price-info.price-info-tix span {
    margin-bottom: 0
}

.refund-warpper .refund-content .price-info span.notes {
    display: inline-block
}

.refund-warpper .refund-content .price-info span.price,
.refund-warpper .refund-content .price-info span.price-total {
    float: right
}

.refund-warpper .refund-content .price-info span.price-total {
    font-size: 16px;
    color: #00285f
}

.refund-warpper .refund-content .price-info-reschedule {
    font-size: 14px;
    margin-bottom: 16px
}

.refund-warpper .refund-content .price-info-reschedule.price-info-tix span {
    margin-bottom: 0
}

.refund-warpper .refund-content .price-info-reschedule span.notes {
    display: inline-block
}

.refund-warpper .refund-content .price-info-reschedule span.price,
.refund-warpper .refund-content .price-info-reschedule span.price-total {
    float: right
}

.refund-warpper .refund-content .price-info-reschedule span.notes-total,
.refund-warpper .refund-content .price-info-reschedule span.price-total {
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial
}

.refund-warpper .refund-content .estimated-tix-notes {
    font-size: 12px;
    margin-bottom: 16px;
    color: #888;
    font-family: "SamsungSans-Regular", Arial
}

.refund-warpper .refund-content .error-content {
    margin: 55px 0 0
}

.refund-warpper .refund-content .error-content p.logo {
    text-align: center;
    margin-bottom: 20px
}

.refund-warpper .refund-content .error-content p.logo img {
    width: 100%;
    max-width: 102px
}

.refund-warpper .refund-content .double-booking-popup {
    display: none;
    position: fixed;
    z-index: 4;
    left: 0;
    top: 50px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    background-color: rgba(0, 0, 0, .4)
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content {
    background-color: #fff;
    margin: 50% auto;
    border: 1px solid #fff;
    width: 90%;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    padding: 22px;
    overflow: auto
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .double-booking-message {
    font-size: 14px;
    font-family: "SamsungSans-Regular", Arial;
    color: #222;
    padding-bottom: 16px
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content p.text-large {
    margin-bottom: 16px!important
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .content-msg {
    font-size: 13px;
    font-family: "SamsungSans-Regular", Arial;
    color: #888;
    padding-bottom: 16px
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .btn-ok-double-booking {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #00285f;
    float: right;
    margin: 0
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .btn-full-primary {
    background: #00285f;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
    font-family: "SamsungSans-Medium", Arial;
    text-decoration: none;
    display: block;
    border-radius: 4px
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .row-flex {
    display: flex
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .btn-half-primary {
    background: #00285f;
    color: #fff;
    width: 50%;
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
    margin: 0 8px;
    font-family: "SamsungSans-Medium", Arial;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px
}

.refund-warpper .refund-content .double-booking-popup .double-booking-popup-content .btn-half-primary-outline {
    background: #fff;
    color: #00285f;
    border: 1px solid #00285f;
    width: 50%;
    text-align: center;
    font-size: 16px;
    padding: 8px 0;
    margin: 0 8px;
    font-family: "SamsungSans-Medium", Arial;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px
}

.refund-warpper ul.list-items {
    display: block;
    margin: 0;
    padding: 0
}

.refund-warpper ul.list-items li {
    position: relative;
    padding: 10px 0
}

.refund-warpper ul.list-items li.dash-top {
    border-top: 2px dashed #ddd
}

.refund-warpper ul.list-items li.dash-top:first-child {
    border-top: none
}

.refund-warpper ul.list-items li.dash-bottom {
    border-bottom: 2px dashed #ddd
}

.refund-warpper ul.list-items li.dash-bottom:last-child {
    border-bottom: none
}

.refund-warpper ul.list-items li.line-top {
    border-top: 2px solid #ddd
}

.refund-warpper ul.list-items li.line-top:first-child {
    border-top: none
}

.refund-warpper ul.list-items li.line-bottom {
    border-bottom: 2px solid #ddd
}

.refund-warpper ul.list-items li.line-bottom:last-child {
    border-bottom: none
}

.refund-warpper ul.list-items li.list-pd {
    padding: 18px 15px!important
}

.refund-warpper ol.list-numb {
    color: #888;
    list-style-type: decimal
}

.refund-warpper ol.list-numb li {
    font-size: 14px;
    font-family: "SamsungSans-Regular", Arial;
    padding-bottom: 10px;
    margin-left: 15px;
    line-height: 1.4
}

.refund-warpper .cbp_tmtimeline {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    position: relative
}

.refund-warpper .cbp_tmtimeline>li {
    position: relative;
    padding: 0!important
}

.refund-warpper .cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 15%;
    position: absolute
}

.refund-warpper .cbp_tmtimeline>li .cbp_tmtime span:first-child {
    font-size: 14px;
    color: #222;
    margin-bottom: 3px;
    font-family: "SamsungSans-Medium"
}

.refund-warpper .cbp_tmtimeline>li .cbp_tmtime span:last-child {
    font-size: 12px;
    color: #888
}

.refund-warpper .cbp_tmtimeline>li .cbp_tmlabel {
    margin: 0 0 0 30%;
    position: relative;
    padding-bottom: 30px
}

.refund-warpper .cbp_tmtimeline>li .cbp_tmlabel .title-lead {
    font-size: 14px;
    color: #222
}

.refund-warpper .cbp_tmtimeline>li .cbp_tmlabel .title-sublead {
    font-size: 12px;
    color: #222
}

.refund-warpper .cbp_tmtimeline>li .cbp_tmicon {
    width: 7px;
    height: 7px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 40px;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #00285f;
    text-align: center;
    left: 16%;
    top: 5px;
    margin: 0 0 0 15px;
    background: #fff
}

.refund-warpper .cbp_tmtimeline>li:before {
    content: '';
    position: absolute;
    top: 3px;
    bottom: 0;
    width: 3px;
    background: #ddd;
    left: 15%;
    margin-left: 20px
}

.refund-warpper .cbp_tmtimeline>li:last-child .cbp_tmicon {
    background: #00285f!important
}

.refund-warpper .cbp_tmtimeline>li:last-child:before {
    content: none
}

.refund-warpper .checkbox input[type=checkbox],
.refund-warpper .radio input[type=radio],
.refund-warpper .radio.disabled input[type=radio],
.refund-warpper .radio.radio-hide input[type=radio] {
    position: absolute;
    opacity: 0
}

.refund-warpper .radio input[type=radio]+.radio-label:before {
    content: '';
    background: #fff;
    border-radius: 100%;
    border: 2px solid #ddd;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: 0;
    margin-right: 1em;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease
}

.refund-warpper .radio input[type=radio]:checked+.radio-label:before {
    border-color: #00285f;
    background-color: #00285f;
    box-shadow: inset 0 0 0 3.5px #fff
}

.refund-warpper .radio input[type=radio]:focus+.radio-label:before {
    outline: 0;
    border-color: #00285f
}

.refund-warpper .radio input[type=radio]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 3.5px #fff;
    border-color: #ddd;
    background: #ddd
}

.refund-warpper .radio input[type=radio]+.radio-label:empty:before {
    margin-right: 0
}

.refund-warpper .radio.disabled input[type=radio]+.radio-label:before,
.refund-warpper .radio.radio-hide input[type=radio]+.radio-label:before {
    content: '';
    display: none
}

.refund-warpper .radio.disabled label {
    color: #888;
    margin-left: 2.5em
}

.refund-warpper .radio.disabled .radio-content .text-large,
.refund-warpper .radio.disabled .radio-content .text-medium,
.refund-warpper .radio.disabled .radio-content .text-small,
.train-route-page ul.train-list li a {
    color: #888
}

.refund-warpper .radio.radio-hide label {
    margin-left: 2.5em
}

.refund-warpper .radio label {
    cursor: pointer;
    color: #222;
    font-size: 14px;
    font-family: "SamsungSans-Regular", Arial;
    display: block
}

.refund-warpper .checkbox .checkbox-content,
.refund-warpper .radio .radio-content {
    margin-top: 8px;
    margin-left: 2.5em
}

.refund-warpper .checkbox input[type=checkbox]+.checkbox-label:before {
    content: '';
    background: #fff;
    border-radius: 15%;
    border: 3px solid #ddd;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -2px;
    margin-right: 1em;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
    text-align: center;
    transition: all 250ms ease
}

.refund-warpper .checkbox input[type=checkbox]:checked+.checkbox-label:before {
    font-family: "microservices"!important;
    content: "\a21";
    color: #fff;
    border-color: #00285f;
    background-color: #00285f
}

.refund-warpper .checkbox input[type=checkbox]:focus+.checkbox-label:before {
    outline: 0;
    border-color: #00285f
}

.refund-warpper .checkbox input[type=checkbox]:disabled+.checkbox-label:before {
    box-shadow: inset 0 0 0 3.5px #fff;
    border-color: #ddd;
    background: #ddd
}

.refund-warpper .checkbox input[type=checkbox]+.checkbox-label:empty:before {
    margin-right: 0
}

.refund-warpper .checkbox label {
    cursor: pointer;
    color: #222;
    font-size: 14px;
    font-family: "SamsungSans-Regular", Arial
}

.refund-warpper .checkbox label span.title-break {
    width: 65%;
    display: inline-table
}

.refund-warpper .form-group {
    box-sizing: border-box;
    margin-bottom: 10px;
    position: relative
}

.refund-warpper .form-group label {
    font-weight: 400;
    color: #888;
    font-size: 14px;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 8px;
    transition: all .2s;
    -webkit-transition: all .2s
}

.refund-warpper .form-group.has-feedback {
    position: relative
}

.refund-warpper .form-group.has-feedback .icon-feedback {
    position: absolute;
    right: 0;
    z-index: 2;
    display: block;
    line-height: 34px;
    text-align: center;
    top: 5px;
    color: #00285f
}

.refund-warpper .form-group input.mtr-input {
    cursor: pointer;
    padding: 0 0 5px;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid #ddd;
    width: 100%!important;
    color: #222;
    border-radius: 0;
    height: 35px;
    background-color: #fff;
    background-image: none;
    margin-bottom: 8px
}

.landing-page .class-info ul li .facility-title,
.refund-warpper .form-group input.mtr-input.input-medium {
    font-size: 14px
}

.refund-warpper .form-group input.mtr-input::placeholder {
    color: #888
}

.refund-warpper .form-group input.mtr-input:focus {
    border: 0;
    border-bottom: 1px solid #00285f
}

.hotel-poi .hotel-area label.wrap select:focus,
.landing-page .form-tiket .container1 .clearfix>select:focus,
.refund-warpper .form-group input.mtr-input:focus,
.refund-warpper .form-group input.mtr-input:hover {
    outline: 0
}

.refund-warpper .form-group input.mtr-input:not(:placeholder-shown)~label {
    font-family: 'SamsungSans-Regular';
    left: 0;
    top: -13px;
    font-size: 12px;
    color: #888
}

.refund-warpper .form-group span.info-error {
    font-size: 12px;
    margin: 0;
    color: #f20000
}

.refund-warpper .label {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: .3rem .8rem;
    font-size: 10px;
    border-radius: .25rem
}

.refund-warpper .label.label-primary {
    color: #00285f;
    background-color: #fff;
    border-color: #00285f
}

.refund-warpper .label.label-danger {
    color: #f20000;
    background-color: #fff;
    border-color: #f20000
}

.refund-warpper .label.label-success {
    color: #8cd931;
    background-color: #fff;
    border-color: #8cd931
}

.refund-warpper .label.label-muted {
    color: #888;
    background-color: #fff;
    border-color: #888
}

.refund-warpper .loader-title {
    text-align: center;
    font-size: 12px;
    padding: 15px;
    color: #888
}

.refund-warpper .loader-title .loader {
    border: 3px solid #e1e1e1;
    border-radius: 50%;
    border-top: 3px solid #00285f;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    display: block;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

.refund-warpper .loader-title .loader.loader-lg {
    border: 5px solid #e1e1e1;
    width: 34px;
    height: 34px;
    border-top: 5px solid #00285f
}

.refund-warpper .refund-popup .refund-popup-content {
    width: 85%;
    padding: 15px;
    position: relative;
    margin: 55% auto;
    border-radius: 8px;
    background: #fff
}

.refund-warpper .margin-0 {
    margin: 0!important
}

.refund-warpper .padding-0 {
    padding: 0!important
}

.refund-warpper .mb55 {
    margin-bottom: 55px!important
}

.refund-warpper .mb50 {
    margin-bottom: 50px!important
}

.refund-warpper .prl15 {
    padding-right: 15px;
    padding-left: 15px
}

.refund-warpper .pbt15 {
    padding-bottom: 15px;
    padding-top: 15px
}

.refund-warpper .p15 {
    padding: 15px
}

.refund-warpper .p10 {
    padding: 10px
}

.refund-warpper .mrl15 {
    margin-left: 15px;
    margin-right: 15px
}

.refund-warpper .mbt15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.refund-warpper .m15 {
    margin: 15px
}

.refund-warpper .dash-top {
    border-top: 2px dashed #ddd;
    margin-top: 10px;
    padding-top: 10px
}

.refund-warpper .dash-bottom {
    border-bottom: 2px dashed #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.refund-warpper .line-top {
    border-top: 2px solid #ddd;
    margin-top: 10px;
    padding-top: 10px
}

.refund-warpper .line-bottom {
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.promotion {
    background: #f7f7f7;
    height: 100%
}

.promotion .promos {
    padding-top: 22px
}

.promotion .promos:first-child {
    padding-top: 16px
}

.promotion .promos:last-child {
    padding-bottom: 22px
}

.promotion .promos .promo-box {
    border-radius: 4px;
    background: #fff;
    box-shadow: 1px 1px 5px #ddd
}

.home-event .home-event-list .event-list .event-imagebox img,
.promotion .promos .promo-box img {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.promotion .promos .promo-box>.desc {
    padding: 14px 15px 13px;
    line-height: 20px
}

.promotion .promos .promo-box>.desc p {
    color: #888;
    font-size: 13px;
    padding-top: 6px
}

.promotion .promos .promo-box>.desc p:first-child {
    color: #222;
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial;
    padding-bottom: 6px;
    padding-top: 0
}

.promotion .promos .promo-box>.desc hr {
    margin: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #ddd;
    border-bottom-width: 1px;
    appearance: none
}

.promotion .promos .promo-box>.desc hr.line-dash {
    border-bottom-style: dashed
}

.signout-popup .center-content {
    width: 275px;
    height: 134px;
    padding: 22px;
    border-radius: 4px
}

.signout-popup .center-content.bigger {
    height: 200px
}

.signout-popup .center-content h3 {
    font-size: 21px;
    padding-bottom: 8px
}

.signout-popup .center-content>p {
    font-size: 14px;
    padding-bottom: 22px
}

.signout-popup .center-content .group-right {
    position: absolute;
    right: 7px;
    bottom: 22px
}

.signout-popup .center-content .group-right .btn-signout,
.signout-popup .center-content .group-right input[type=submit] {
    background: 0 0;
    border: 0;
    font-size: 14px;
    color: #00285f;
    font-family: "SamsungSans-Medium", Arial;
    text-transform: uppercase
}

.home-event {
    height: 100%;
    position: relative;
    top: unset
}

.home-event .home-event-list {
    padding: 8px 0
}

.home-event .home-event-list:last-child {
    padding-bottom: 20px
}

.home-event .home-event-list a {
    -webkit-tap-highlight-color: rgba(205, 190, 81, .5)
}

.home-event .home-event-list .event-list {
    border-radius: 4px;
    background: #fff;
    box-shadow: 1px 1px 5px #ddd
}

.home-event .home-event-list .event-list .event-descbox {
    padding: 10px 8px
}

.home-event .home-event-list .event-list .event-descbox .event-title {
    font-size: 16px;
    color: #222;
    font-family: "SamsungSans-Medium", Arial;
    margin-bottom: 8px;
    width: 100%
}

.home-event .home-event-list .event-list .event-descbox .event-title .elipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    height: 18px
}

.home-event .home-event-list .event-list .event-descbox .event-date {
    font-size: 12px;
    color: #222;
    margin-top: 4px
}

.home-event .home-event-list .event-list .event-descbox .event-price {
    font-size: 16px;
    color: #00285f;
    font-family: "SamsungSans-Medium", Arial;
    position: relative
}

.home-event .home-event-list .event-list .event-descbox .event-price .start-from {
    position: absolute;
    left: -33px;
    top: 1px;
    font-size: 12px;
    color: #888
}

.home-event .home-event-list .event-list .event-descbox .event-price>strong {
    max-width: 120px;
    left: -104px
}

.home-event .home-event-list .event-list .event-descbox .group-text {
    clear: both
}

.home-event .home-event-list .event-list .event-descbox .left-text {
    float: left
}

.home-event .home-event-list .event-list .event-descbox .right-text {
    float: right
}

.home-event .home-event-list .event-list .event-descbox .discount {
    position: relative;
    margin-bottom: 6px
}

.home-event .home-event-list .event-list .event-descbox .discount>span {
    position: absolute;
    top: -2px;
    right: 2px
}

.home-event .home-event-list .event-list .event-descbox .discount>.discount-percent {
    margin-left: 18px;
    color: #f20000;
    font-family: "SamsungSans-Medium", Arial
}

.home-event .icon-discount {
    width: 100%;
    min-height: 15px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-image: url(../images/ic_promo2x.png)
}

.installment .banner {
    margin-bottom: 0
}

.installment .banner .banner-text {
    position: absolute;
    top: 50px;
    padding: 0 40px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.installment h1,
.installment h2 {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #222
}

.installment .why-use-installment .title {
    line-height: 22px;
    padding: 24px 16px 4px
}

.installment .why-use-installment .installment-reason {
    padding: 20px 16px;
    border-bottom: 1px solid #ddd
}

.installment .how-to-use-installment .how-to .step-how-to,
.installment .why-use-installment .installment-reason .reason-step {
    position: relative;
    margin-bottom: 20px
}

.installment .why-use-installment .installment-reason .reason-step .reason-icon {
    width: 45px;
    height: 45px;
    background-image: url(../images/installment-program.png);
    -webkit-background-size: 180px 45px;
    background-size: 180px 45px;
    background-repeat: no-repeat
}

.installment .why-use-installment .installment-reason .reason-step .reason-icon.reason-product-option {
    background-position: 0 0
}

.installment .why-use-installment .installment-reason .reason-step .reason-icon.reason-card-option {
    background-position: -45px 0
}

.installment .why-use-installment .installment-reason .reason-step .reason-icon.reason-simple {
    background-position: -90px 0
}

.installment .why-use-installment .installment-reason .reason-step .reason-icon.reason-flexible {
    background-position: -135px 0
}

.installment .why-use-installment .installment-reason .reason-step .reason-title {
    position: absolute;
    top: 50%;
    left: 20%;
    font-size: 16px;
    margin-top: -6px
}

.installment .why-use-installment .installment-reason .reason-content img,
.insurance .banner img {
    width: 100%
}

.installment .why-use-installment .installment-reason .reason-content>p {
    font-size: 14px;
    line-height: 22px;
    color: #888
}

.installment .how-to-use-installment {
    padding: 24px 16px;
    border-bottom: 1px solid #ddd
}

.installment .how-to-use-installment .how-to {
    padding: 20px 0
}

.installment .how-to-use-installment .how-to .step-how-to .step-no {
    background-image: url(../images/installment-number.png);
    background-repeat: no-repeat;
    -webkit-background-size: 120px 30px;
    background-size: 120px 30px;
    width: 30px;
    height: 30px
}

.installment .how-to-use-installment .how-to .step-how-to .step-no.step-no-1 {
    background-position: 0 0
}

.installment .how-to-use-installment .how-to .step-how-to .step-no.step-no-2 {
    background-position: -30px 0
}

.installment .how-to-use-installment .how-to .step-how-to .step-no.step-no-3 {
    background-position: -60px 0
}

.installment .how-to-use-installment .how-to .step-how-to .step-no.step-no-4 {
    background-position: -90px 0
}

.installment .how-to-use-installment .how-to .step-how-to .step-desc {
    position: absolute;
    top: 50%;
    left: 20%;
    font-size: 16px;
    margin-top: -6px
}

.installment .how-to-use-installment .how-to .step-picture {
    background-image: url(../images/sprite-installment.png);
    background-repeat: no-repeat;
    -webkit-background-size: 1152px 196px;
    background-size: 1152px 196px;
    height: 196px;
    width: 100%;
    max-width: 288px
}

.installment .how-to-use-installment .how-to .step-picture.step-1 {
    background-position: 4px 0
}

.installment .how-to-use-installment .how-to .step-picture.step-2 {
    background-position: -286px 0
}

.installment .how-to-use-installment .how-to .step-picture.step-3 {
    background-position: -578px 0
}

.installment .how-to-use-installment .how-to .step-picture.step-4 {
    background-position: -869px 0
}

.installment .installment-terms {
    padding: 30px 16px
}

.installment .installment-terms ul,
.insurance .insurance-terms ul {
    padding-top: 22px;
    padding-left: 15px;
    color: #888
}

.installment .installment-terms ul li,
.insurance .insurance-terms ul li {
    list-style: disc;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px
}

.installment .scroll-to-top {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url(../images/backtotop.png);
    background-repeat: no-repeat;
    -webkit-background-size: 1152px 196px;
    background-size: 76px 76px;
    background-position: -12px -12px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    color: #00285f;
    position: fixed;
    text-align: center;
    bottom: 0;
    margin-bottom: 135px;
    right: 16px;
    z-index: 99;
    display: none
}

.installment .show {
    display: block
}

.partner {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.partner .partner-area {
    padding: 22px 0;
    border-bottom: 1px dashed #ddd;
    position: relative
}

.partner .partner-area:last-child {
    border-bottom: none
}

.partner .partner-area h3 {
    margin: 0 0 22px;
    font-size: 16px;
    color: #222;
    text-align: center
}

.partner .partner-area .swiper-container {
    width: 90%
}

.partner .partner-area .swiper-container .swiper-wrapper .swiper-slide {
    height: 100px;
    cursor: pointer;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.partner .partner-area .swiper-container .swiper-wrapper .swiper-slide::after {
    content: '';
    clear: both
}

.partner .partner-area .swiper-container .swiper-wrapper .swiper-slide.small-height {
    height: 40px
}

.partner .partner-area .swiper-container .swiper-wrapper .swiper-slide>div {
    width: 33%;
    height: 40px;
    float: left;
    margin-bottom: 20px;
    -webkit-tap-highlight-color: rgba(245, 210, 0, .5);
    tap-highlight-color: rgba(245, 210, 0, .5)
}

.partner .partner-area .swiper-container .swiper-wrapper .swiper-slide>div a {
    display: block;
    width: 100%;
    height: 100%
}

.partner .partner-area .swiper-container .swiper-wrapper .swiper-slide>div img {
    max-height: 100%;
    max-width: 100%
}

.partner .partner-area .swiper-next,
.partner .partner-area .swiper-prev {
    background: 0 0;
    position: absolute;
    z-index: 5;
    top: 50%;
    font-family: 'microservices';
    font-size: 20px;
    color: #ddd
}

.partner .partner-area .swiper-next {
    right: 0
}

.partner .partner-area .swiper-next:after {
    content: "\a15"
}

.partner .partner-area .swiper-prev {
    left: 0
}

.partner .partner-area .swiper-prev:after {
    content: "\a16"
}

.partner-flight {
    background: url(../images/sprite-partner-flight.png) no-repeat;
    background-size: auto 36px;
    width: 100px
}

.partner-flight.garuda {
    background-position: 0 0;
    width: 60px
}

.partner-flight.citilink {
    background-position: -60px 0;
    width: 60px
}

.partner-flight.batik {
    background-position: -120px 0;
    width: 60px
}

.partner-flight.kalstar {
    background-position: -180px 0;
    width: 60px
}

.partner-flight.lion {
    background-position: -240px 0;
    width: 60px
}

.partner-flight.xpressair {
    background-position: -300px 0;
    width: 60px
}

.partner-flight.nam {
    background-position: -360px 0;
    width: 38px
}

.partner-flight.sriwijaya {
    background-position: -398px 0;
    width: 46px
}

.partner-flight.wings {
    background-position: -444px 0;
    width: 37px
}

.partner-flight.singaporeairline {
    background-position: -480px 0;
    width: 37px
}

.partner-flight.scoot {
    background-position: -519px 0;
    width: 40px
}

.partner-flight.silkair {
    background-position: -564px 0;
    width: 59px
}

.partner-flight.airniugini {
    background-position: -623px 0;
    width: 36px
}

.partner-flight.airmacau {
    background-position: -659px 0;
    width: 31px
}

.partner-flight.hongkong {
    background-position: -690px 0;
    width: 35px
}

.partner-flight.china {
    background-position: -725px 0;
    width: 32px
}

.partner-flight.chinasouthern {
    background-position: -756px 0;
    width: 50px
}

.partner-flight.srilankanair {
    background-position: -807px 0;
    width: 42px
}

.partner-flight.mihinlanka {
    background-position: -848px 0;
    width: 55px
}

.partner-flight.asiana {
    background-position: -903px 0;
    width: 31px
}

.partner-flight.korean {
    background-position: -934px 0;
    width: 31px
}

.partner-flight.malaysia {
    background-position: -965px 0;
    width: 44px
}

.partner-flight.airasia {
    background-position: -1009px 0;
    width: 60px
}

.partner-flight.malindo {
    background-position: -1069px 0;
    width: 59px
}

.partner-flight.thailion {
    background-position: -1128px 0;
    width: 60px
}

.partner-flight.etihad {
    background-position: -1188px 0;
    width: 60px
}

.partner-flight.pakistan {
    background-position: -1248px 0;
    width: 41px
}

.partner-flight.qatar {
    background-position: -1289px 0;
    width: 35px
}

.partner-flight.emirates {
    background-position: -1324px 0;
    width: 25px
}

.partner-flight.evaair {
    background-position: -1349px 0;
    width: 36px
}

.partner-flight.cathaypacific {
    background-position: -1388px 0;
    width: 30px
}

.partner-flight.royalbruneiairlines {
    background-position: -1417px 0;
    width: 95px
}

.partner-flight.qantasair {
    background-position: -1511px 0;
    width: 40px
}

.partner-flight.jetstar {
    background-position: -1551px 0;
    width: 60px
}

.partner-flight.hawaiian {
    background-position: -1611px 0;
    width: 38px
}

.partner-flight.american {
    background-position: -1648px 0;
    width: 36px
}

.partner-flight.firefly {
    background-position: -1780px 0;
    width: 21px
}

.partner-flight.nahn {
    background-position: -1801px 0;
    width: 37px
}

.partner-flight.ethiopia {
    background-position: -1837px 0;
    width: 41px
}

.partner-flight.aircalin {
    background-position: -1878px 0;
    width: 39px
}

.partner-flight.aireuropa {
    background-position: -1917px 0;
    width: 47px
}

.partner-flight.taagangola {
    background-position: -1964px 0;
    width: 36px
}

.partner-flight.swiss {
    background-position: -2001px 0;
    width: 39px
}

.partner-flight.airmadagaskar {
    background-position: -2040px 0;
    width: 46px
}

.partner-flight.kenya {
    background-position: -2086px 0;
    width: 37px
}

.partner-flight.lufthansa {
    background-position: -2123px 0;
    width: 35px
}

.partner-flight.virginaustralia {
    background-position: -2158px 0;
    width: 53px
}

.partner-flight.mandala {
    background-position: -2213px 0;
    width: 60px
}

.partner-flight.anaair {
    background-position: -2274px 0;
    width: 76px
}

.partner-flight.thaiairways {
    background-position: -2352px -1px;
    width: 56px
}

.partner-flight.philippine {
    background-position: -2408px -1px;
    width: 54px
}

.partner-flight.xiamenair {
    background-position: -2462px -1px;
    width: 133px
}

.partner-flight.omanair {
    background-position: -2594px -1px;
    width: 44px
}

.partner-flight.japanairlines {
    background-position: -2638px -1px;
    width: 44px
}

.partner-flight.pegasus {
    background-position: -1639px 0;
    width: 60px
}

.partner-flight.fiji {
    background-position: -1699px 0;
    width: 35px
}

.partner-flight,
.partner-hotel,
.partner-train {
    height: 36px;
    display: inline-block
}

.partner-hotel {
    background: url(../images/sprite-partner-hotel.png) no-repeat;
    background-size: 1186px 36px;
    width: 100px
}

.partner-hotel.archipelago-international {
    background-position: 0 0;
    width: 105px
}

.partner-hotel.accor-hotels {
    background-position: -110px 0;
    width: 80px
}

.partner-hotel.phm-hospitality {
    background-position: -195px 0;
    width: 63px
}

.partner-hotel.topotel {
    background-position: -257px 0;
    width: 36px
}

.partner-hotel.swiss-belhotel-international {
    background-position: -293px 0;
    width: 39px
}

.partner-hotel.tune-hotels {
    background-position: -332px 0;
    width: 54px
}

.partner-hotel.best-western-international {
    background-position: -390px 0;
    width: 135px
}

.partner-hotel.tauzia-hotel-management {
    background-position: -598px 0;
    width: 29px
}

.partner-hotel.santika-indonesia-hotels-resorts {
    background-position: -626px 0;
    width: 55px
}

.partner-hotel.intiwhiz {
    background-position: -680px 0;
    width: 61px
}

.partner-hotel.kagum-hotels {
    background-position: -861px 0;
    width: 61px
}

.partner-hotel.parador {
    background-position: -922px 0;
    width: 62px
}

.partner-hotel.mphg {
    background-position: -982px 0;
    width: 99px
}

.partner-hotel.waringin-hospitality {
    background-position: -1085px 0;
    width: 112px
}

.partner-train {
    background: url(../images/sprite-partner-train.png) no-repeat;
    background-size: 70px 36px;
    width: 70px
}

.partner-train.fix {
    position: absolute;
    top: -15px
}

.partner-car,
.partner-event {
    width: 100px;
    height: 36px;
    display: inline-block
}

.partner-event {
    background: url(../images/sprite-partner-event.png) no-repeat;
    background-size: 300px 36px
}

.partner-event.funland {
    background-position: 0 0;
    width: 60px
}

.partner-event.javajazz {
    background-position: -60px 0;
    width: 38px
}

.partner-event.waterbom {
    background-position: -98px 0;
    width: 59px
}

.partner-event.uss {
    background-position: -157px 0;
    width: 60px
}

.partner-event.kidzania {
    background-position: -217px 0;
    width: 47px
}

.partner-event.bmg {
    background-position: -264px 0;
    width: 35px
}

.partner-car {
    background: url(../images/sprite-partner-car.png) no-repeat;
    background-size: 2028px 36px
}

.partner-car.tritamanusantara {
    background-position: 0 0;
    width: 60px
}

.partner-car.dutarental-car {
    background-position: -60px 0;
    width: 44px
}

.partner-car.transindo {
    background-position: -104px 0;
    width: 41px
}

.partner-car.baliholidaymandiri {
    background-position: -145px 0;
    width: 58px
}

.partner-car.transuperindo {
    background-position: -203px 0;
    width: 43px
}

.partner-car.trac {
    background-position: -246px 0;
    width: 60px
}

.partner-car.express-group {
    background-position: -306px 0;
    width: 60px
}

.partner-car.bastianrental-car {
    background-position: -366px 0;
    width: 30px
}

.partner-car.sembodo {
    background-position: -396px 0;
    width: 60px
}

.partner-car.khailaautorent {
    background-position: -456px 0;
    width: 36px
}

.partner-car.bhmtrans-car {
    background-position: -492px 0;
    width: 49px
}

.partner-car.vip {
    background-position: -541px 0;
    width: 60px
}

.partner-car.rent200 {
    background-position: -601px 0;
    width: 60px
}

.partner-car.saudagar {
    background-position: -661px 0;
    width: 59px
}

.partner-car.senayan-rent-car {
    background-position: -720px 0;
    width: 60px
}

.partner-car.rafa {
    background-position: -780px 0;
    width: 60px
}

.partner-car.tim {
    background-position: -840px 0;
    width: 60px
}

.partner-car.autobagus-car {
    background-position: -900px 0;
    width: 60px
}

.partner-car.sunjaya {
    background-position: -960px 0;
    width: 60px
}

.partner-car.jaya {
    background-position: -1020px 0;
    width: 60px
}

.partner-car.suket {
    background-position: -1080px 0;
    width: 60px
}

.partner-car.king {
    background-position: -1140px 0;
    width: 60px
}

.partner-car.budi-mulia-car {
    background-position: -1200px 0;
    width: 61px
}

.partner-car.sriwijaya-rent-car {
    background-position: -1261px 0;
    width: 60px
}

.partner-car.palugada {
    background-position: -1321px 0;
    width: 60px
}

.partner-car.jakrent-car {
    background-position: -1381px 0;
    width: 61px
}

.partner-car.hdl-trans-car {
    background-position: -1442px 0;
    width: 61px
}

.partner-car.sabila-transport {
    background-position: -1503px 0;
    width: 60px
}

.partner-car.europcar-car {
    background-position: -1563px 0;
    width: 61px
}

.partner-car.ramayanatrans {
    background-position: -1624px 0;
    width: 61px
}

.partner-car.ysrrent {
    background-position: -1685px 0;
    width: 61px
}

.partner-car.unicar {
    background-position: -1746px 0;
    width: 61px
}

.partner-car.mobirent {
    background-position: -1807px 0;
    width: 62px
}

.partner-car.ibalitrans {
    background-position: -1869px 0;
    width: 52px
}

.partner-car.acrrent-car {
    background-position: -1921px 0;
    width: 45px
}

.partner-car.tgsw {
    background-position: -1966px 0;
    width: 62px
}

.partner-car.erctrans-car {
    background-position: 0 0;
    width: 60px
}

.landing-page .airline-top {
    padding: 16px 15px;
    overflow: auto;
    background: #f7f7f7;
    clear: both
}

.landing-page .airline-top .airline-logo {
    float: left;
    padding: 0 4px 0 0;
    margin-top: 5px
}

.landing-page .airline-top .airline-logo img {
    height: 30px;
    width: auto
}

.landing-page .airline-top .airline-name {
    float: left;
    padding: 3px 5px;
    width: 42%;
    box-sizing: border-box
}

.landing-page .airline-top .airline-name h1 {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 132px;
    line-height: 16px
}

.landing-page .airline-top .airline-name h1.bold {
    font-size: 13px;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    width: 183px;
    white-space: normal
}

.landing-page .airline-top .airline-name h1>span {
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    font-size: 14px
}

.landing-page .airline-top .see-promo {
    float: right;
    border: 1px solid #00285f;
    padding: 5px;
    border-radius: 4px;
    color: #00285f;
    margin-top: 5px
}

.landing-page .airline-top .see-promo.disable-promo {
    border: 1px solid #888;
    color: #888
}

.landing-page .form-tiket {
    padding-bottom: 15px
}

.landing-page .form-tiket .container1 .clearfix .choose-month {
    width: 10%
}

.landing-page .form-tiket .container1 .clearfix>select {
    border: 0;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    background-color: transparent;
    font-family: "SamsungSans-Regular", Arial;
    width: calc(100% - 40px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    border-bottom: 1px solid #ddd
}

.landing-page .empty-cabin {
    padding-bottom: 10px
}

.landing-page .cabin-info-flight {
    padding: 0 0 20px
}

.landing-page .cabin-info-flight .group {
    display: flex;
    justify-content: center
}

.landing-page .cabin-info-flight .col-baggage {
    width: 33.333%;
    float: left;
    padding: 0 8px
}

.landing-page .cabin-info-flight p {
    color: #888;
    text-align: center;
    font-size: 12px;
    line-height: 17px
}

.landing-page .cabin-info-flight .background-icon {
    position: relative;
    display: block;
    width: 55px;
    height: 55px;
    background-color: #00285f;
    border-radius: 50%;
    margin: 0 auto 5px
}

.landing-page .cabin-info-flight .background-icon .position-icon-cabin {
    font-size: 31px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 31px;
    color: #fff
}

.landing-page .cabin-info-flight .background-icon .icon {
    width: 55px;
    height: 55px
}

.landing-page .cabin-info-flight .background-icon .icon.icon-baggage-1 {
    background: url(../images/icon-baggage-1.png) 9px 7px no-repeat;
    background-size: 36px 36px
}

.landing-page .cabin-info-flight .background-icon .icon.icon-baggage-2 {
    background: url(../images/icon-baggage-2.png) 9px 6px no-repeat;
    background-size: 36px 38px
}

.landing-page .cabin-info-flight .background-icon .icon.icon-baggage-3 {
    background: url(../images/icon-baggage-3.png) center center no-repeat;
    background-size: 41px 28px
}

.landing-page .promo-airlines {
    padding: 15px;
    background-color: #f7f7f7
}

.landing-page .airlines-info-tab,
.landing-page .promo-airlines .airlines-header {
    position: relative
}

.landing-page .promo-airlines .airlines-header>h2 {
    font-size: 16px;
    text-overflow: ellipsis;
    width: 82%;
    white-space: nowrap;
    overflow: hidden
}

.landing-page .promo-airlines .airlines-header .promo-section-logo {
    position: absolute;
    top: -8px;
    right: 0;
    height: 35px;
    width: auto;
    max-width: 150px
}

.landing-page .promo-airlines .promo-box {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 2px #efefef;
    -webkit-box-shadow: 0 0 5px 2px #efefef;
    box-shadow: 0 0 5px 2px #efefef;
    margin: 16px 0;
    padding: 10px 0 0;
    border-radius: 4px
}

.landing-page .promo-airlines .promo-box .clearlink {
    margin-left: 0;
    -webkit-tap-highlight-color: transparent
}

.landing-page .promo-airlines .promo-box p {
    color: #222;
    font-size: 12px
}

.landing-page .promo-airlines .promo-box p.promo-flight-date {
    margin: 5px 0 10px 12px
}

.landing-page .promo-airlines .promo-box .date-box .promo-flight-date {
    float: left;
    width: 50%
}

.landing-page .promo-airlines .promo-box .date-box .logo-flight {
    float: left
}

.landing-page .promo-airlines .promo-box .date-box:after {
    content: "";
    display: table;
    clear: both
}

.landing-page .promo-airlines .promo-box .airlines-name-title {
    padding: 0 10px;
    border-bottom: 1px dashed #ddd
}

.landing-page .promo-airlines .promo-box .airlines-name-title .img-logo {
    float: left;
    width: 20%
}

.landing-page .promo-airlines .promo-box .airlines-name-title .img-logo img {
    width: 40px
}

.landing-page .promo-airlines .promo-box .airlines-name-title .img-name {
    float: left;
    width: 80%;
    font-size: 10px;
    color: #888;
    margin-top: 8px
}

.landing-page .promo-airlines .promo-box .flight-duration {
    position: relative;
    padding: 0 12px
}

.landing-page .promo-airlines .promo-box .flight-duration .line {
    height: 20px;
    left: 15px;
    position: absolute;
    top: 10px;
    width: 2px
}

.landing-page .promo-airlines .promo-box .flight-duration .time {
    margin: 10px 0
}

.landing-page .promo-airlines .promo-box .flight-duration .time .round-arrive,
.landing-page .promo-airlines .promo-box .flight-duration .time .round-depart {
    display: block;
    width: 7px;
    height: 7px;
    background-color: #ddd;
    border-radius: 50%;
    position: absolute;
    top: 2px
}

.landing-page .promo-airlines .promo-box .flight-duration .time .round-depart.icon-color-transparent {
    background-color: transparent!important;
    border: 2px solid #00285f;
    width: 7px!important
}

.landing-page .promo-airlines .promo-box .flight-duration .time .round-arrive {
    width: 8px;
    top: 26px
}

.landing-page .promo-airlines .promo-box .flight-duration .time .round-arrive.icon-color {
    background-color: #00285f!important;
    border: 2px solid #00285f;
    width: 7px!important
}

.landing-page .promo-airlines .promo-box .flight-duration .time>p {
    margin: 5px 10px 10px 20px;
    font-size: 14px
}

.landing-page .promo-airlines .airlines-header>h2,
.landing-page .promo-airlines .promo-box .flight-duration .time>p .strong {
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .promo-airlines .promo-box .promo-price {
    text-align: right;
    border-top: 1px solid #ddd;
    padding: 10px;
    clear: both
}

.landing-page .promo-airlines .promo-box .promo-price .text-color {
    width: 60%;
    float: left;
    margin-top: 3px
}

.landing-page .promo-airlines .promo-box .promo-price .position-promo {
    font-size: 16px;
    color: #00285f;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .promo-airlines .promo-box .promo-price .position-promo .promo-text {
    display: block;
    float: right;
    margin-top: 1px
}

.landing-page .promo-airlines .promo-box .promo-price .position-promo .promo-price-text {
    display: block;
    float: right;
    margin-left: 16px;
    color: #00285f;
    font-size: 16px
}

.landing-page .airlines-info-tab .swipe-tabs {
    box-shadow: 0 3px 6px 2px #efefef
}

.landing-page .airlines-info-tab .swipe-tabs.divtwo .slick-track {
    width: 100%!important
}

.landing-page .airlines-info-tab .slick-initialized .swipe-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-top: 5px;
    padding: 5px 0;
    background: 0 0;
    border: 0;
    outline: 0;
    color: #757575;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-weight: 600;
    border-bottom: 2px solid #fff
}

.landing-page .airlines-info-tab .slick-initialized .swipe-tab.divtwo {
    width: 50%!important;
    padding: 0 5px
}

.landing-page .airlines-info-tab .slick-initialized .swipe-tab h3 {
    font-family: "SamsungSans-Regular", Arial;
    font-weight: 400
}

.landing-page .airlines-info-tab .slick-initialized .swipe-tab-content {
    padding: 15px;
    min-height: unset
}

.landing-page .airlines-info-tab .trans-left,
.landing-page .airlines-info-tab .trans-right {
    position: absolute;
    top: 15px;
    height: 23px;
    background: #fff;
    opacity: .6
}

.landing-page .airlines-info-tab .trans-left {
    left: 0;
    width: 10%
}

.landing-page .airlines-info-tab .trans-right {
    right: 0;
    width: 14%
}

.landing-page .airlines-info-tab .slick-next,
.landing-page .airlines-info-tab .slick-prev {
    display: none!important
}

.landing-page .airlines-info-tab .next-slick,
.landing-page .airlines-info-tab .prev-slick {
    position: absolute;
    top: 15px;
    color: #00285f;
    background: 0 0;
    width: 14%;
    text-align: center;
    font-size: 14px
}

.landing-page .airlines-info-tab .next-slick {
    right: 0
}

.landing-page .airlines-info-tab .prev-slick {
    left: 0
}

.landing-page .airlines-info-tab .about-airlines,
.landing-page .airlines-info-tab .flight-routes,
.landing-page .airlines-info-tab .policy-content,
.landing-page .airlines-info-tab .review-flight,
.landing-page .airlines-info-tab .terms-content {
    font-size: 14px;
    color: #888;
    line-height: 1.8;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.landing-page .airlines-info-tab .baggage-tab-info {
    line-height: 1.8;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.landing-page .airlines-info-tab .no-data {
    font-size: 14px;
    color: #888;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .airlines-info-tab .about-airlines .line-dashed {
    border: 1px dashed #ddd;
    margin: 16px 0
}

.landing-page .airlines-info-tab .about-airlines .info-airlines .title-info {
    color: #222;
    font-size: 16px;
    margin-bottom: 12px
}

.landing-page .airlines-info-tab .btn-center {
    text-align: center;
    margin: 32px 0
}

.landing-page .airlines-info-tab .btn-center .see-more {
    display: none;
    text-decoration: none;
    color: #00285f;
    font-size: 12px;
    border: 1px solid #00285f;
    border-radius: 4px;
    text-align: center;
    padding: 10px
}

.landing-page .airlines-info-tab .review-flight .review-head {
    clear: both
}

.landing-page .airlines-info-tab .review-flight .review-head .f3-rating {
    font-size: 14px;
    margin-bottom: 12px
}

.landing-page .airlines-info-tab .review-flight .review-head .f3-rating>a,
.target-review .review-full-content .review-head .f3-rating>a {
    color: #222;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .airlines-info-tab .review-flight .review-head .f4-rating {
    float: right;
    font-size: 14px
}

.landing-page .airlines-info-tab .review-flight .review-head .f4-rating .strong,
.landing-page .flight-partners .column-half ul li a span {
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .airlines-info-tab .review-flight .review-content {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-size: 14px;
    color: #888
}

.landing-page .airlines-info-tab .review-flight .review-content .break-word-review {
    word-break: break-all
}

.landing-page .airlines-info-tab .review-flight .review-link {
    text-align: center;
    padding: 23px 0
}

.landing-page .airlines-info-tab .review-flight .review-link .baca {
    font-size: 14px;
    border: 1px solid #00285f;
    border-radius: 4px;
    padding: 10px;
    color: #00285f
}

.landing-page .airlines-info-tab .terms-content ul {
    font-size: 14px;
    color: #888;
    margin: 5px 0 10px
}

.landing-page .airlines-info-tab .terms-content ul li {
    padding-left: 1em;
    text-indent: -.7em
}

.landing-page .airlines-info-tab .terms-content ul li::before {
    content: "• ";
    color: #888
}

.landing-page .airlines-info-tab .airport-desc-content {
    font-size: 14px;
    color: #888;
    line-height: 20px;
    margin: 20px 0 16px
}

.landing-page .airlines-info-tab .photos-of-airport-txt {
    font-size: 14px;
    margin: 16px 0;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .airlines-info-tab .photos-content {
    width: 100%;
    padding-top: 5px
}

.landing-page .airlines-info-tab .photos-content .half-photos {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
    box-sizing: border-box
}

.landing-page .airlines-info-tab .photos-content .half-photos img {
    margin: 0 auto;
    border-radius: 3px
}

.landing-page .airlines-info-tab .photos-content .half-photos img.airport-image {
    width: 100%;
    height: 100px
}

.landing-page .airlines-info-tab .flight-routes .province-name {
    width: 50%;
    float: left;
    padding: 0 15px 8px;
    font-size: 14px;
    color: #888;
    line-height: 1.5
}

.landing-page .airlines-info-tab .flight-routes .province-name:first-child {
    padding-left: 0
}

.landing-page .airlines-info-tab .flight-routes .province-name:last-child {
    padding-right: 0
}

.landing-page .airlines-info-tab .flight-routes .province-name span.strong {
    font-weight: 700
}

.landing-page .airlines-info-tab .flight-routes .province-name .destination-title {
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    margin-bottom: 8px;
    color: #222
}

.landing-page .airlines-info-tab .baggage-tab-info {
    font-family: SamsungSans-Regular;
    font-size: 14px;
    color: #888
}

.landing-page .subscribe-airlines {
    text-align: center;
    padding: 15px;
    border-top: 1px solid #ddd
}

.landing-page .subscribe-airlines>p {
    color: #222;
    font-size: 14px
}

.landing-page .subscribe-airlines form {
    margin-top: 13px
}

.landing-page .subscribe-airlines form .input-email-subscribe {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    width: 100%
}

.landing-page .subscribe-airlines form button {
    border: 0;
    margin-top: 10px;
    width: 100%;
    font-weight: 400;
    font-family: SamsungSans-Regular
}

.landing-page .visa {
    text-align: center;
    padding: 20px 15px;
    margin: 0 auto;
    border-top: 1px solid #eee
}

.landing-page .visa h4 {
    font-size: 14px;
    padding-bottom: 15px
}

.landing-page .visa .logo {
    width: 320px;
    max-width: 100%;
    height: 35px;
    display: block;
    background: url(../../../../2/mobile/images/visa.png) 0 0 no-repeat;
    margin: auto;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.landing-page .how-to-book,
.landing-page .route-info {
    margin-top: 20px;
    padding: 22px 15px;
    border-top: 1px solid #ddd
}

.landing-page .how-to-book p,
.landing-page .route-info p {
    font-size: 14px;
    line-height: 20px;
    color: #888
}

.landing-page .popular-route {
    padding: 16px 15px
}

.landing-page .popular-route.grey {
    background-color: #f7f7f7
}

.landing-page .popular-route .popular-route-list {
    border-bottom: 1px dashed #ddd
}

.landing-page .popular-route .popular-route-list.no-border {
    border-bottom: unset
}

.landing-page .popular-route .popular-route-list ul {
    padding-bottom: 18px
}

.landing-page .popular-route .popular-route-list ul li {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    padding: 4px 0
}

.landing-page .flight-partner-box {
    padding: 20px 0
}

.landing-page .flight-partners {
    padding: 22px 16px
}

.landing-page .flight-partners.top-border {
    border-top: 1px solid #ddd;
    margin-top: 25px
}

.landing-page .flight-partners .column-half {
    width: 50%;
    float: left;
    padding-right: 5px
}

.landing-page .flight-partners .column-half:last-child {
    padding-right: 0;
    padding-left: 5px
}

.landing-page .flight-partners .column-half ul li {
    color: #888;
    font-size: 14px;
    line-height: 1.43;
    padding: 4px 0
}

.landing-page .flight-partners .column-half ul li.flight-image {
    padding: 10px 0;
    text-align: center
}

.landing-page .form-search-country {
    background-color: #f7f7f7
}

.landing-page .form-search-country .search-country {
    padding: 20px 15px 0
}

.landing-page .form-search-country .form-tiket .clearfix>input {
    border-bottom-style: solid
}

.landing-page .dashed {
    border: 1px dashed #ddd;
    margin: 0 16px
}

.target-review {
    position: fixed;
    background: #fff;
    top: 0;
    width: 100%;
    bottom: 0;
    z-index: 10000
}

.target-review .review-full-content {
    padding: 10px 15px 60px;
    height: 100%;
    overflow-y: auto;
    box-sizing: border-box
}

.target-review .review-full-content ul li:last-child .review-content {
    border-bottom: 0
}

.target-review .review-full-content .review-head {
    clear: both
}

.target-review .review-full-content .review-head .f3-rating {
    font-size: 14px;
    margin-bottom: 12px
}

.target-review .review-full-content .review-head .f4-rating {
    float: right;
    font-size: 14px
}

.landing-page .info-argo .list-argo .column-half ul li span,
.landing-page .promo-box .train-duration .time>p .strong,
.target-review .review-full-content .review-head .f4-rating .strong {
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.target-review .review-full-content .review-content {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    font-size: 14px;
    color: #888;
    line-height: 20px
}

.target-review .review-full-content .review-content .break-word-review {
    word-break: break-all
}

.target-review .review-full-content .review-link {
    text-align: center;
    padding: 23px 0
}

.target-review .review-full-content .review-link .baca {
    font-size: 14px;
    border: 1px solid #00285f;
    border-radius: 4px;
    padding: 10px;
    color: #00285f
}

.pswp {
    height: 0;
    transition: all .3s ease-in
}

.pswp.pswp--open {
    height: 100%
}

.landing-page-gallery .pswp__ui .pswp__top-bar {
    background: 0 0
}

.landing-page-gallery .pswp__ui .pswp__button--arrow--left,
.landing-page-gallery .pswp__ui .pswp__button--arrow--right {
    opacity: 1;
    visibility: visible;
    top: unset;
    bottom: 15px;
    height: 44px;
    line-height: 44px
}

.landing-page-gallery .pswp__ui .pswp__button--arrow--left:before,
.landing-page-gallery .pswp__ui .pswp__button--arrow--right:before {
    top: 0;
    font-family: "facility-icon";
    background: 0 0;
    background-color: transparent;
    speak: none;
    height: 44px;
    line-height: 44px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 20px
}

.landing-page-gallery .pswp__ui .pswp__button--arrow--left {
    left: 50%;
    transform: translateX(-100px)
}

.landing-page-gallery .pswp__ui .pswp__button--arrow--left:before {
    content: "\a16";
    background-image: none
}

.landing-page-gallery .pswp__ui .pswp__button--arrow--right {
    right: 50%;
    transform: translateX(100px)
}

.landing-page-gallery .pswp__ui .pswp__button--arrow--right:before {
    content: "\a15";
    background-image: none
}

.landing-page-gallery .pswp__ui .pswp__counter {
    top: unset;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%)
}

.landing-page-gallery .pswp__ui .pswp__top-bar {
    opacity: 1;
    visibility: visible
}

.landing-page-gallery .pswp__ui .pswp__button--close {
    float: left;
    background: 0 0;
    background-image: none;
    width: auto;
    height: auto;
    margin: 15px;
    color: #fff;
    font-size: 20px
}

.pswp--open {
    z-index: 9999
}

.pswp__caption {
    display: none
}

.position-icon {
    color: #ddd;
    font-size: 19px;
    top: 3px;
    position: relative;
    margin-right: 3px
}

.landing-page .cabin-info-flight .background-icon.bg-klm {
    background-color: #00aae7
}

.landing-page .cabin-info-flight .background-icon.bg-omanair {
    background-color: #b4975a
}

.landing-page .cabin-info-flight .background-icon.bg-xiamenair {
    background-color: #0095da
}

.landing-page .cabin-info-flight .background-icon.bg-garuda {
    background-color: #067b9c
}

.landing-page .cabin-info-flight .background-icon.bg-citilink {
    background-color: #009949
}

.landing-page .cabin-info-flight .background-icon.bg-batik {
    background-color: #98163a
}

.landing-page .cabin-info-flight .background-icon.bg-kalstar {
    background-color: #011f67
}

.landing-page .cabin-info-flight .background-icon.bg-lion {
    background-color: #ee3224
}

.landing-page .cabin-info-flight .background-icon.bg-xpress {
    background-color: #cfa652
}

.landing-page .cabin-info-flight .background-icon.bg-namair,
.landing-page .cabin-info-flight .background-icon.bg-sriwijaya {
    background-color: #02066a
}

.landing-page .cabin-info-flight .background-icon.bg-wings {
    background-color: #ee3224
}

.landing-page .cabin-info-flight .background-icon.bg-singaporeair {
    background-color: #f99d1c
}

.landing-page .cabin-info-flight .background-icon.bg-scoot {
    background-color: #ffda38
}

.landing-page .cabin-info-flight .background-icon.bg-silkair {
    background-color: #018b79
}

.landing-page .cabin-info-flight .background-icon.bg-airniugini {
    background-color: #752650
}

.landing-page .cabin-info-flight .background-icon.bg-hongkongair {
    background-color: #e60012
}

.landing-page .cabin-info-flight .background-icon.bg-chinaair {
    background-color: #d76a79
}

.landing-page .cabin-info-flight .background-icon.bg-chinasouthernair {
    background-color: #00adef
}

.landing-page .cabin-info-flight .background-icon.bg-srilankanair {
    background-color: #dc001c
}

.landing-page .cabin-info-flight .background-icon.bg-asiana {
    background-color: red
}

.landing-page .cabin-info-flight .background-icon.bg-malaysiaair {
    background-color: #033d6c
}

.landing-page .cabin-info-flight .background-icon.bg-airasia,
.landing-page .cabin-info-flight .background-icon.bg-malindo {
    background-color: #ee3224
}

.landing-page .cabin-info-flight .background-icon.bg-thailion {
    background-color: #fe0102
}

.landing-page .cabin-info-flight .background-icon.bg-etihadair {
    background-color: #ce982a
}

.landing-page .cabin-info-flight .background-icon.bg-emirates {
    background-color: #e23546
}

.landing-page .cabin-info-flight .background-icon.bg-evaair {
    background-color: #038341
}

.landing-page .cabin-info-flight .background-icon.bg-cathaypacific {
    background-color: #006b6e
}

.landing-page .cabin-info-flight .background-icon.bg-royalbruneiairlines {
    background-color: #291b18
}

.landing-page .cabin-info-flight .background-icon.bg-qantasair {
    background-color: #eb151c
}

.landing-page .cabin-info-flight .background-icon.bg-jetstar {
    background-color: #fe672f
}

.landing-page .cabin-info-flight .background-icon.bg-americanair {
    background-color: #116fab
}

.landing-page .cabin-info-flight .background-icon.bg-firefly {
    background-color: #f4762e
}

.landing-page .cabin-info-flight .background-icon.bg-swissair {
    background-color: #e70005
}

.landing-page .cabin-info-flight .background-icon.bg-lufthansa {
    background-color: #ffb300
}

.landing-page .cabin-info-flight .background-icon.bg-virginaustralia {
    background-color: #da0e33
}

.landing-page .cabin-info-flight .background-icon.bg-allnipponairways {
    background-color: #21409a
}

.landing-page .cabin-info-flight .background-icon.bg-thaiairways {
    background-color: #250059
}

.landing-page .cabin-info-flight .background-icon.bg-philippineairlines {
    background-color: #ff2524
}

.landing-page .cabin-info-flight .background-icon.bg-airmadagascar {
    background-color: #7e1d2e
}

.landing-page .cabin-info-flight .background-icon.bg-hahnair {
    background-color: #084294
}

.landing-page .cabin-info-flight .background-icon.bg-taagangola {
    background-color: #f5821f
}

.landing-page .cabin-info-flight .background-icon.bg-airmacau {
    background-color: #1c4281
}

.landing-page .cabin-info-flight .background-icon.bg-mihinlanka {
    background-color: #005dab
}

.landing-page .cabin-info-flight .background-icon.bg-koreanair {
    background-color: #6fe7ff
}

.landing-page .cabin-info-flight .background-icon.bg-pakistanair {
    background-color: #ab9214
}

.landing-page .cabin-info-flight .background-icon.bg-qatarair {
    background-color: #5c0632
}

.landing-page .cabin-info-flight .background-icon.bg-ethiopianair {
    background-color: #548f46
}

.landing-page .cabin-info-flight .background-icon.bg-hawaiianair {
    background-color: #cf3692
}

.landing-page .cabin-info-flight .background-icon.bg-aircaledonie {
    background-color: #e53c16
}

.landing-page .cabin-info-flight .background-icon.bg-kenyaair {
    background-color: #ec2227
}

.landing-page .cabin-info-flight .background-icon.bg-aireuropa {
    background-color: #3c7cbf
}

.landing-page .cabin-info-flight .background-icon.bg-japanairlines {
    background-color: #cd0404
}

.icon-color.bg-klm {
    background-color: #00aae7!important
}

.icon-color.bg-klm.bg-klm-transparent,
.icon-color.bg-omanair.bg-omanair-transparent {
    background-color: transparent!important;
    border: 2px solid #00aae7;
    width: 8px!important
}

.icon-color.bg-omanair {
    background-color: #b4975a!important
}

.icon-color.bg-omanair.bg-omanair-transparent {
    border: 2px solid #b4975a
}

.icon-color.bg-xiamenair {
    background-color: #0095da!important
}

.icon-color.bg-japanairlines.bg-japanairlines-transparent,
.icon-color.bg-xiamenair.bg-xiamenair-transparent {
    background-color: transparent!important;
    border: 2px solid #0095da;
    width: 8px!important
}

.icon-color.bg-japanairlines {
    background-color: #cd0404!important
}

.icon-color.bg-japanairlines.bg-japanairlines-transparent {
    border: 2px solid #cd0404
}

.icon-color.bg-garuda {
    background-color: #067b9c!important
}

.icon-color.bg-citilink.bg-citilink-transparent,
.icon-color.bg-garuda.bg-garuda-transparent {
    background-color: transparent!important;
    border: 2px solid #067b9c;
    width: 8px!important
}

.icon-color.bg-citilink {
    background-color: #009949!important
}

.icon-color.bg-citilink.bg-citilink-transparent {
    border: 2px solid #009949
}

.icon-color.bg-batik {
    background-color: #98163a!important
}

.icon-color.bg-batik.bg-batik-transparent,
.icon-color.bg-kalstar.bg-kalstar-transparent {
    background-color: transparent!important;
    border: 2px solid #98163a;
    width: 8px!important
}

.icon-color.bg-kalstar {
    background-color: #011f67!important
}

.icon-color.bg-kalstar.bg-kalstar-transparent {
    border: 2px solid #011f67
}

.icon-color.bg-lion {
    background-color: #ee3224!important
}

.icon-color.bg-lion.bg-lion-transparent,
.icon-color.bg-xpress.bg-xpress-transparent {
    background-color: transparent!important;
    border: 2px solid #ee3224;
    width: 8px!important
}

.icon-color.bg-xpress {
    background-color: #cfa652!important
}

.icon-color.bg-xpress.bg-xpress-transparent {
    border: 2px solid #cfa652
}

.icon-color.bg-namair,
.icon-color.bg-sriwijaya {
    background-color: #02066a!important
}

.icon-color.bg-namair.bg-namair-transparent,
.icon-color.bg-sriwijaya.bg-sriwijaya-transparent,
.icon-color.bg-wings.bg-wings-transparent {
    background-color: transparent!important;
    border: 2px solid #02066a;
    width: 8px!important
}

.icon-color.bg-wings {
    background-color: #ee3224!important
}

.icon-color.bg-wings.bg-wings-transparent {
    border: 2px solid #ee3224
}

.icon-color.bg-singaporeair {
    background-color: #f99d1c!important
}

.icon-color.bg-scoot.bg-scoot-transparent,
.icon-color.bg-singaporeair.bg-singaporeair-transparent {
    background-color: transparent!important;
    border: 2px solid #f99d1c;
    width: 8px!important
}

.icon-color.bg-scoot {
    background-color: #ffda38!important
}

.icon-color.bg-scoot.bg-scoot-transparent {
    border: 2px solid #ffda38
}

.icon-color.bg-silkair {
    background-color: #018b79!important
}

.icon-color.bg-airniugini.bg-airniugini-transparent,
.icon-color.bg-silkair.bg-silkair-transparent {
    background-color: transparent!important;
    border: 2px solid #018b79;
    width: 8px!important
}

.icon-color.bg-airniugini {
    background-color: #752650!important
}

.icon-color.bg-airniugini.bg-airniugini-transparent {
    border: 2px solid #752650
}

.icon-color.bg-hongkongair {
    background-color: #e60012!important
}

.icon-color.bg-chinaair.bg-chinaair-transparent,
.icon-color.bg-hongkongair.bg-hongkongair-transparent {
    background-color: transparent!important;
    border: 2px solid #e60012;
    width: 8px!important
}

.icon-color.bg-chinaair {
    background-color: #d76a79!important
}

.icon-color.bg-chinaair.bg-chinaair-transparent {
    border: 2px solid #d76a79
}

.icon-color.bg-chinasouthernair {
    background-color: #00adef!important
}

.icon-color.bg-chinasouthernair.bg-chinasouthernair-transparent,
.icon-color.bg-srilankanair.bg-srilankanair-transparent {
    background-color: transparent!important;
    border: 2px solid #00adef;
    width: 8px!important
}

.icon-color.bg-srilankanair {
    background-color: #dc001c!important
}

.icon-color.bg-srilankanair.bg-srilankanair-transparent {
    border: 2px solid #dc001c
}

.icon-color.bg-asiana {
    background-color: red!important
}

.icon-color.bg-asiana.bg-asiana-transparent,
.icon-color.bg-malaysiaair.bg-malaysiaair-transparent {
    background-color: transparent!important;
    border: 2px solid red;
    width: 8px!important
}

.icon-color.bg-malaysiaair {
    background-color: #033d6c!important
}

.icon-color.bg-malaysiaair.bg-malaysiaair-transparent {
    border: 2px solid #033d6c
}

.icon-color.bg-airasia,
.icon-color.bg-malindo {
    background-color: #ee3224!important
}

.icon-color.bg-airasia.bg-airasia-transparent,
.icon-color.bg-malindo.bg-malindo-transparent,
.icon-color.bg-thailion.bg-thailion-transparent {
    background-color: transparent!important;
    border: 2px solid #ee3224;
    width: 8px!important
}

.icon-color.bg-thailion {
    background-color: #fe0102!important
}

.icon-color.bg-thailion.bg-thailion-transparent {
    border: 2px solid #fe0102
}

.icon-color.bg-etihadair {
    background-color: #ce982a!important
}

.icon-color.bg-emirates.bg-emirates-transparent,
.icon-color.bg-etihadair.bg-etihadair-transparent {
    background-color: transparent!important;
    border: 2px solid #ce982a;
    width: 8px!important
}

.icon-color.bg-emirates {
    background-color: #e23546!important
}

.icon-color.bg-emirates.bg-emirates-transparent {
    border: 2px solid #e23546
}

.icon-color.bg-evaair {
    background-color: #038341!important
}

.icon-color.bg-cathaypacific.bg-cathaypacific-transparent,
.icon-color.bg-evaair.bg-evaair-transparent {
    background-color: transparent!important;
    border: 2px solid #038341;
    width: 8px!important
}

.icon-color.bg-cathaypacific {
    background-color: #006b6e!important
}

.icon-color.bg-cathaypacific.bg-cathaypacific-transparent {
    border: 2px solid #006b6e
}

.icon-color.bg-royalbruneiairlines {
    background-color: #291b18!important
}

.icon-color.bg-royalbruneiairlines.bg-royalbruneiairlines-transparent {
    background-color: transparent!important;
    border: 2px solid #291b18;
    width: 8px!important
}

.icon-color.bg-qantasair {
    background-color: #eb151c!important
}

.icon-color.bg-jetstar.bg-jetstar-transparent,
.icon-color.bg-qantasair.bg-qantasair-transparent {
    background-color: transparent!important;
    border: 2px solid #eb151c;
    width: 8px!important
}

.icon-color.bg-jetstar {
    background-color: #fe672f!important
}

.icon-color.bg-jetstar.bg-jetstar-transparent {
    border: 2px solid #fe672f
}

.icon-color.bg-americanair {
    background-color: #116fab!important
}

.icon-color.bg-americanair.bg-americanair-transparent,
.icon-color.bg-firefly.bg-firefly-transparent {
    background-color: transparent!important;
    border: 2px solid #116fab;
    width: 8px!important
}

.icon-color.bg-firefly {
    background-color: #f4762e!important
}

.icon-color.bg-firefly.bg-firefly-transparent {
    border: 2px solid #f4762e
}

.icon-color.bg-swissair {
    background-color: #e70005!important
}

.icon-color.bg-lufthansa.bg-lufthansa-transparent,
.icon-color.bg-swissair.bg-swissair-transparent {
    background-color: transparent!important;
    border: 2px solid #e70005;
    width: 8px!important
}

.icon-color.bg-lufthansa {
    background-color: #ffb300!important
}

.icon-color.bg-lufthansa.bg-lufthansa-transparent {
    border: 2px solid #ffb300
}

.icon-color.bg-virginaustralia {
    background-color: #da0e33!important
}

.icon-color.bg-virginaustralia.bg-virginaustralia-transparent {
    background-color: transparent!important;
    border: 2px solid #da0e33;
    width: 8px!important
}

.icon-color.bg-allnipponairways {
    background-color: #21409a!important
}

.icon-color.bg-allnipponairways.bg-allnipponairways-transparent,
.icon-color.bg-thaiairways.bg-thaiairways-transparent {
    background-color: transparent!important;
    border: 2px solid #21409a;
    width: 8px!important
}

.icon-color.bg-thaiairways {
    background-color: #250059!important
}

.icon-color.bg-thaiairways.bg-thaiairways-transparent {
    border: 2px solid #250059
}

.icon-color.bg-philippineairlines {
    background-color: #ff2524!important
}

.icon-color.bg-philippineairlines.bg-philippineairlines-transparent {
    background-color: transparent!important;
    border: 2px solid #ff2524;
    width: 8px!important
}

.icon-color.bg-airmadagascar {
    background-color: #7e1d2e!important
}

.icon-color.bg-airmadagascar.bg-airmadagascar-transparent,
.icon-color.bg-hahnair.bg-hahnair-transparent {
    background-color: transparent!important;
    border: 2px solid #7e1d2e;
    width: 8px!important
}

.icon-color.bg-hahnair {
    background-color: #084294!important
}

.icon-color.bg-hahnair.bg-hahnair-transparent {
    border: 2px solid #084294
}

.icon-color.bg-taagangola {
    background-color: #f5821f!important
}

.icon-color.bg-airmacau.bg-airmacau-transparent,
.icon-color.bg-taagangola.bg-taagangola-transparent {
    background-color: transparent!important;
    border: 2px solid #f5821f;
    width: 8px!important
}

.icon-color.bg-airmacau {
    background-color: #1c4281!important
}

.icon-color.bg-airmacau.bg-airmacau-transparent {
    border: 2px solid #1c4281
}

.icon-color.bg-mihinlanka {
    background-color: #005dab!important
}

.icon-color.bg-koreanair.bg-koreanair-transparent,
.icon-color.bg-mihinlanka.bg-mihinlanka-transparent {
    background-color: transparent!important;
    border: 2px solid #005dab;
    width: 8px!important
}

.icon-color.bg-koreanair {
    background-color: #6fe7ff!important
}

.icon-color.bg-koreanair.bg-koreanair-transparent {
    border: 2px solid #6fe7ff
}

.icon-color.bg-pakistanair {
    background-color: #ab9214!important
}

.icon-color.bg-pakistanair.bg-pakistanair-transparent,
.icon-color.bg-qatarair.bg-qatarair-transparent {
    background-color: transparent!important;
    border: 2px solid #ab9214;
    width: 8px!important
}

.icon-color.bg-qatarair {
    background-color: #5c0632!important
}

.icon-color.bg-qatarair.bg-qatarair-transparent {
    border: 2px solid #5c0632
}

.icon-color.bg-ethiopianair {
    background-color: #548f46!important
}

.icon-color.bg-ethiopianair.bg-ethiopianair-transparent,
.icon-color.bg-hawaiianair.bg-ethiopianair-transparent {
    background-color: transparent!important;
    border: 2px solid #548f46;
    width: 8px!important
}

.icon-color.bg-hawaiianair {
    background-color: #cf3692!important
}

.icon-color.bg-hawaiianair.bg-ethiopianair-transparent {
    border: 2px solid #cf3692
}

.icon-color.bg-aircaledonie {
    background-color: #e53c16!important
}

.icon-color.bg-aircaledonie.bg-aircaledonie-transparent,
.icon-color.bg-kenyaair.bg-kenyaair-transparent {
    background-color: transparent!important;
    border: 2px solid #e53c16;
    width: 8px!important
}

.icon-color.bg-kenyaair {
    background-color: #ec2227!important
}

.icon-color.bg-kenyaair.bg-kenyaair-transparent {
    border: 2px solid #ec2227
}

.icon-color.bg-aireuropa {
    background-color: #3c7cbf!important
}

.icon-color.bg-aireuropa.bg-aireuropa-transparent,
.icon-color.bg-default.bg-default-transparent {
    background-color: transparent!important;
    border: 2px solid #3c7cbf;
    width: 8px!important
}

.icon-color.bg-default {
    background-color: #00285f!important
}

.icon-color.bg-default.bg-default-transparent {
    border: 2px solid #00285f
}

.text-color.text-klm {
    color: #00aae7!important
}

.text-color.text-omanair {
    color: #b4975a!important
}

.text-color.text-xiamenair {
    color: #0095da!important
}

.text-color.text-japanairlines {
    color: #cd0404!important
}

.text-color.text-garuda {
    color: #067b9c!important
}

.text-color.text-citilink {
    color: #009949!important
}

.text-color.text-batik {
    color: #98163a!important
}

.text-color.text-kalstar {
    color: #011f67!important
}

.text-color.text-lion {
    color: #ee3224!important
}

.text-color.text-xpress {
    color: #cfa652!important
}

.text-color.text-namair,
.text-color.text-sriwijaya {
    color: #02066a!important
}

.text-color.text-wings {
    color: #ee3224!important
}

.text-color.text-singaporeair {
    color: #f99d1c!important
}

.text-color.text-scoot {
    color: #ffda38!important
}

.text-color.text-silkair {
    color: #018b79!important
}

.text-color.text-airniugini {
    color: #752650!important
}

.text-color.text-hongkongair {
    color: #e60012!important
}

.text-color.text-chinaair {
    color: #d76a79!important
}

.text-color.text-chinasouthernair {
    color: #00adef!important
}

.text-color.text-srilankanair {
    color: #dc001c!important
}

.text-color.text-asiana {
    color: red!important
}

.text-color.text-malaysiaair {
    color: #033d6c!important
}

.text-color.text-airasia,
.text-color.text-malindo {
    color: #ee3224!important
}

.text-color.text-thailion {
    color: #fe0102!important
}

.text-color.text-etihadair {
    color: #ce982a!important
}

.text-color.text-emirates {
    color: #e23546!important
}

.text-color.text-evaair {
    color: #038341!important
}

.text-color.text-cathaypacific {
    color: #006b6e!important
}

.text-color.text-royalbruneiairlines {
    color: #291b18!important
}

.text-color.text-qantasair {
    color: #eb151c!important
}

.text-color.text-jetstar {
    color: #fe672f!important
}

.text-color.text-americanair {
    color: #116fab!important
}

.text-color.text-firefly {
    color: #f4762e!important
}

.text-color.text-swissair {
    color: #e70005!important
}

.text-color.text-lufthansa {
    color: #ffb300!important
}

.text-color.text-virginaustralia {
    color: #da0e33!important
}

.text-color.text-allnipponairways {
    color: #21409a!important
}

.text-color.text-thaiairways {
    color: #250059!important
}

.text-color.text-philippineairlines {
    color: #ff2524!important
}

.text-color.text-airmadagascar {
    color: #7e1d2e!important
}

.text-color.text-hahnair {
    background-color: #084294!important
}

.text-color.text-taagangola {
    background-color: #f5821f!important
}

.text-color.text-airmacau {
    background-color: #1c4281!important
}

.text-color.text-mihinlanka {
    background-color: #005dab!important
}

.text-color.text-koreanair {
    background-color: #6fe7ff!important
}

.text-color.text-pakistanair {
    background-color: #ab9214!important
}

.text-color.text-qatarair {
    background-color: #5c0632!important
}

.text-color.text-ethiopianair {
    background-color: #548f46!important
}

.text-color.text-hawaiianair {
    background-color: #cf3692!important
}

.text-color.text-aircaledonie {
    background-color: #e53c16!important
}

.text-color.text-kenyaair {
    background-color: #ec2227!important
}

.text-color.text-aireuropa {
    background-color: #3c7cbf!important
}

.text-color-promo.text-klm {
    color: #00aae7!important
}

.text-color-promo.text-omanair {
    color: #b4975a!important
}

.text-color-promo.text-xiamenair {
    color: #0095da!important
}

.text-color-promo.text-japanairlines {
    color: #cd0404!important
}

.text-color-promo.text-garuda {
    color: #067b9c!important
}

.text-color-promo.text-citilink {
    color: #009949!important
}

.text-color-promo.text-batik {
    color: #98163a!important
}

.text-color-promo.text-kalstar {
    color: #011f67!important
}

.text-color-promo.text-lion {
    color: #ee3224!important
}

.text-color-promo.text-xpress {
    color: #cfa652!important
}

.text-color-promo.text-namair,
.text-color-promo.text-sriwijaya {
    color: #02066a!important
}

.text-color-promo.text-wings {
    color: #ee3224!important
}

.text-color-promo.text-singaporeair {
    color: #f99d1c!important
}

.text-color-promo.text-scoot {
    color: #ffda38!important
}

.text-color-promo.text-silkair {
    color: #018b79!important
}

.text-color-promo.text-airniugini {
    color: #752650!important
}

.text-color-promo.text-hongkongair {
    color: #e60012!important
}

.text-color-promo.text-chinaair {
    color: #d76a79!important
}

.text-color-promo.text-chinasouthernair {
    color: #00adef!important
}

.text-color-promo.text-srilankanair {
    color: #dc001c!important
}

.text-color-promo.text-asiana {
    color: red!important
}

.text-color-promo.text-malaysiaair {
    color: #033d6c!important
}

.text-color-promo.text-airasia,
.text-color-promo.text-malindo {
    color: #ee3224!important
}

.text-color-promo.text-thailion {
    color: #fe0102!important
}

.text-color-promo.text-etihadair {
    color: #ce982a!important
}

.text-color-promo.text-emirates {
    color: #e23546!important
}

.text-color-promo.text-evaair {
    color: #038341!important
}

.text-color-promo.text-cathaypacific {
    color: #006b6e!important
}

.text-color-promo.text-royalbruneiairlines {
    color: #291b18!important
}

.text-color-promo.text-qantasair {
    color: #eb151c!important
}

.text-color-promo.text-jetstar {
    color: #fe672f!important
}

.text-color-promo.text-americanair {
    color: #116fab!important
}

.text-color-promo.text-firefly {
    color: #f4762e!important
}

.text-color-promo.text-swissair {
    color: #e70005!important
}

.text-color-promo.text-lufthansa {
    color: #ffb300!important
}

.text-color-promo.text-virginaustralia {
    color: #da0e33!important
}

.text-color-promo.text-allnipponairways {
    color: #21409a!important
}

.text-color-promo.text-thaiairways {
    color: #250059!important
}

.text-color-promo.text-philippineairlines {
    color: #ff2524!important
}

.text-color-promo.text-airmadagascar {
    color: #7e1d2e!important
}

.text-color-promo.text-hahnair {
    background-color: #084294!important
}

.text-color-promo.text-taagangola {
    background-color: #f5821f!important
}

.text-color-promo.text-airmacau {
    background-color: #1c4281!important
}

.text-color-promo.text-mihinlanka {
    background-color: #005dab!important
}

.text-color-promo.text-koreanair {
    background-color: #6fe7ff!important
}

.text-color-promo.text-pakistanair {
    background-color: #ab9214!important
}

.text-color-promo.text-qatarair {
    background-color: #5c0632!important
}

.text-color-promo.text-ethiopianair {
    background-color: #548f46!important
}

.text-color-promo.text-hawaiianair {
    background-color: #cf3692!important
}

.text-color-promo.text-aircaledonie {
    background-color: #e53c16!important
}

.text-color-promo.text-kenyaair {
    background-color: #ec2227!important
}

.text-color-promo.text-aireuropa {
    background-color: #3c7cbf!important
}

.airlines-info-tab .swipe-tab.slick-current.border-klm {
    border-bottom: 2px solid #00aae7;
    color: #00aae7
}

.airlines-info-tab .swipe-tab.slick-current.border-omanair {
    border-bottom: 2px solid #b4975a;
    color: #b4975a
}

.airlines-info-tab .swipe-tab.slick-current.border-xiamenair {
    border-bottom: 2px solid #0095da;
    color: #0095da
}

.airlines-info-tab .swipe-tab.slick-current.border-japanairlines {
    border-bottom: 2px solid #cd0404;
    color: #cd0404
}

.airlines-info-tab .swipe-tab.slick-current.border-garuda {
    border-bottom: 2px solid #067b9c;
    color: #067b9c
}

.airlines-info-tab .swipe-tab.slick-current.border-citilink {
    border-bottom: 2px solid #009949;
    color: #009949
}

.airlines-info-tab .swipe-tab.slick-current.border-batik {
    border-bottom-color: #98163a;
    color: #98163a
}

.airlines-info-tab .swipe-tab.slick-current.border-kalstar {
    border-bottom: 2px solid #011f67;
    color: #011f67
}

.airlines-info-tab .swipe-tab.slick-current.border-lion {
    border-bottom: 2px solid #ee3224;
    color: #ee3224
}

.airlines-info-tab .swipe-tab.slick-current.border-xpress {
    border-bottom: 2px solid #cfa652;
    color: #cfa652
}

.airlines-info-tab .swipe-tab.slick-current.border-namair,
.airlines-info-tab .swipe-tab.slick-current.border-sriwijaya {
    border-bottom: 2px solid #02066a;
    color: #02066a
}

.airlines-info-tab .swipe-tab.slick-current.border-wings {
    border-bottom: 2px solid #ee3224;
    color: #ee3224
}

.airlines-info-tab .swipe-tab.slick-current.border-singaporeair {
    border-bottom: 2px solid #f99d1c;
    color: #f99d1c
}

.airlines-info-tab .swipe-tab.slick-current.border-scoot {
    border-bottom: 2px solid #ffda38;
    color: #ffda38
}

.airlines-info-tab .swipe-tab.slick-current.border-silkair {
    border-bottom: 2px solid #018b79;
    color: #018b79
}

.airlines-info-tab .swipe-tab.slick-current.border-airniugini {
    border-bottom: 2px solid #752650;
    color: #752650
}

.airlines-info-tab .swipe-tab.slick-current.border-hongkongair {
    border-bottom: 2px solid #e60012;
    color: #e60012
}

.airlines-info-tab .swipe-tab.slick-current.border-chinaair {
    border-bottom: 2px solid #d76a79;
    color: #d76a79
}

.airlines-info-tab .swipe-tab.slick-current.border-chinasouthernair {
    border-bottom: 2px solid #00adef;
    color: #00adef
}

.airlines-info-tab .swipe-tab.slick-current.border-srilankanair {
    border-bottom: 2px solid #dc001c;
    color: #dc001c
}

.airlines-info-tab .swipe-tab.slick-current.border-asiana {
    border-bottom: 2px solid red;
    color: red
}

.airlines-info-tab .swipe-tab.slick-current.border-malaysiaair {
    border-bottom: 2px solid #033d6c;
    color: #033d6c
}

.airlines-info-tab .swipe-tab.slick-current.border-airasia,
.airlines-info-tab .swipe-tab.slick-current.border-malindo {
    border-bottom: 2px solid #ee3224;
    color: #ee3224
}

.airlines-info-tab .swipe-tab.slick-current.border-thailion {
    border-bottom: 2px solid #fe0102;
    color: #fe0102
}

.airlines-info-tab .swipe-tab.slick-current.border-etihadair {
    border-bottom: 2px solid #ce982a;
    color: #ce982a
}

.airlines-info-tab .swipe-tab.slick-current.border-emirates {
    border-bottom: 2px solid #e23546;
    color: #e23546
}

.airlines-info-tab .swipe-tab.slick-current.border-evaair {
    border-bottom: 2px solid #038341;
    color: #038341
}

.airlines-info-tab .swipe-tab.slick-current.border-cathaypacific {
    border-bottom: 2px solid #006b6e;
    color: #006b6e
}

.airlines-info-tab .swipe-tab.slick-current.border-royalbruneiairlines {
    border-bottom: 2px solid #291b18;
    color: #291b18
}

.airlines-info-tab .swipe-tab.slick-current.border-qantasair {
    border-bottom: 2px solid #eb151c;
    color: #eb151c
}

.airlines-info-tab .swipe-tab.slick-current.border-jetstar {
    border-bottom: 2px solid #fe672f;
    color: #fe672f
}

.airlines-info-tab .swipe-tab.slick-current.border-americanair {
    border-bottom: 2px solid #116fab;
    color: #116fab
}

.airlines-info-tab .swipe-tab.slick-current.border-firefly {
    border-bottom: 2px solid #f4762e;
    color: #f4762e
}

.airlines-info-tab .swipe-tab.slick-current.border-swissair {
    border-bottom: 2px solid #e70005;
    color: #e70005
}

.airlines-info-tab .swipe-tab.slick-current.border-lufthansa {
    border-bottom: 2px solid #ffb300;
    color: #ffb300
}

.airlines-info-tab .swipe-tab.slick-current.border-virginaustralia {
    border-bottom: 2px solid #da0e33;
    color: #da0e33
}

.airlines-info-tab .swipe-tab.slick-current.border-allnipponairways {
    border-bottom: 2px solid #21409a;
    color: #21409a
}

.airlines-info-tab .swipe-tab.slick-current.border-thaiairways {
    border-bottom: 2px solid #250059;
    color: #250059
}

.airlines-info-tab .swipe-tab.slick-current.border-philippineairlines {
    border-bottom: 2px solid #ff2524;
    color: #ff2524
}

.airlines-info-tab .swipe-tab.slick-current.border-airmadagascar {
    border-bottom: 2px solid #7e1d2e;
    color: #7e1d2e
}

.airlines-info-tab .swipe-tab.slick-current.border-hahnair {
    border-bottom: 2px solid #084294;
    color: #084294
}

.airlines-info-tab .swipe-tab.slick-current.border-taagangola {
    border-bottom: 2px solid #f5821f;
    color: #f5821f
}

.airlines-info-tab .swipe-tab.slick-current.border-airmacau {
    border-bottom: 2px solid #1c4281;
    color: #1c4281
}

.airlines-info-tab .swipe-tab.slick-current.border-mihinlanka {
    border-bottom: 2px solid #005dab;
    color: #005dab
}

.airlines-info-tab .swipe-tab.slick-current.border-koreanair {
    border-bottom: 2px solid #6fe7ff;
    color: #6fe7ff
}

.airlines-info-tab .swipe-tab.slick-current.border-pakistanair {
    border-bottom: 2px solid #ab9214;
    color: #ab9214
}

.airlines-info-tab .swipe-tab.slick-current.border-qatarair {
    border-bottom: 2px solid #5c0632;
    color: #5c0632
}

.airlines-info-tab .swipe-tab.slick-current.border-ethiopianair {
    border-bottom: 2px solid #548f46;
    color: #548f46
}

.airlines-info-tab .swipe-tab.slick-current.border-hawaiianair {
    border-bottom: 2px solid #cf3692;
    color: #cf3692
}

.airlines-info-tab .swipe-tab.slick-current.border-aircaledonie {
    border-bottom: 2px solid #e53c16;
    color: #e53c16
}

.airlines-info-tab .swipe-tab.slick-current.border-kenyaair {
    border-bottom: 2px solid #ec2227;
    color: #ec2227
}

.airlines-info-tab .swipe-tab.slick-current.border-aireuropa {
    border-bottom: 2px solid #3c7cbf;
    color: #3c7cbf
}

.airlines-info-tab .swipe-tab.slick-current.border {
    border-bottom: 2px solid #00285f;
    color: #00285f
}

.find-ticket-promo {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 16px 26px;
    text-align: center;
    line-height: 22px;
    font-size: 14px;
    font-family: "SamsungSans-Regular"
}

.find-ticket-promo-event {
    z-index: 10;
    text-align: left;
    font-size: 13px;
    color: #9b9b9b;
    padding-top: 15px;
    line-height: 22px;
    background: #f7f7f7
}

.insurance .why-use-insurance h1 {
    padding: 0 16px
}

.insurance .why-use-insurance .row-reason {
    padding: 23px 0;
    border-bottom: solid 1px #ddd
}

.insurance .why-use-insurance .row-reason .row-reason-title {
    padding: 0 16px;
    position: relative
}

.insurance .why-use-insurance .row-reason .row-reason-title .title-icon {
    width: 45px
}

.affiliate-page .banner img,
.agent-page .banner img,
.home-partner .choose-menu .menu-affiliate img,
.home-partner .choose-menu .menu-agent img,
.insurance .why-use-insurance .row-reason .row-reason-title .title-icon img,
.mobile-app .banner img {
    width: 100%
}

.insurance .why-use-insurance .row-reason .row-reason-title .title-text {
    position: absolute;
    top: 50%;
    left: 25%;
    font-size: 16px;
    margin-top: -20px
}

.insurance .why-use-insurance .row-reason .row-reason-desc {
    font-size: 14px;
    color: #888;
    padding: 0 16px;
    line-height: 22px
}

.insurance .why-use-insurance .row-reason .row-reason-desc .btn-primary {
    font-size: 14px;
    padding: 6px 16px;
    border-radius: 6px;
    margin-top: 10px
}

.insurance .how-to-use-insurance {
    padding: 24px 16px
}

.insurance .how-to-use-insurance h2 {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #222;
    text-align: center
}

.insurance .how-to-use-insurance .how-to {
    padding: 30px 0;
    position: relative;
    border-bottom: 1px solid #ddd
}

.insurance .how-to-use-insurance .how-to .picture {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #00285f;
    top: 21px;
    left: 50%;
    margin-left: -50px
}

.insurance .how-to-use-insurance .how-to .picture img.icon-1 {
    margin: 29px
}

.insurance .how-to-use-insurance .how-to .picture img.icon-2 {
    margin: 29px 31px
}

.insurance .how-to-use-insurance .how-to .picture img.icon-3 {
    margin: 35px 26px
}

.insurance .how-to-use-insurance .how-to .picture img.icon-4 {
    margin: 27px 22px
}

.insurance .how-to-use-insurance .how-to p {
    text-align: center;
    font-size: 16px;
    padding-top: 110px
}

.insurance .insurance-terms {
    padding: 0 16px
}

.insurance .insurance-terms h3,
.insurance .why-use-insurance h1 {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 16px;
    color: #222;
    line-height: 25px
}

.insurance .content-hide-insurance {
    background-color: #fdcb04;
    padding: 0 16px 10px;
    display: none
}

.insurance .content-hide-insurance .wrap {
    padding: 20px 0
}

.insurance .content-hide-insurance .wrap h3 {
    padding-bottom: 20px;
    font-family: "SamsungSans-Medium", Arial
}

.insurance .content-hide-insurance .wrap p {
    padding-bottom: 20px;
    line-height: 20px
}

.insurance .content-hide-insurance .wrap ul {
    list-style: square;
    margin-left: 25px
}

.insurance .content-hide-insurance .wrap ul li {
    padding-bottom: 25px;
    line-height: 20px
}

.insurance .table-manfaat,
.insurance .table-tix {
    width: 100%;
    padding-bottom: 20px
}

.insurance .table-tix .table-header {
    background-color: #f7f7f7;
    height: 63px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 10px;
    color: #222
}

.insurance .table-tix .table-header .table-row {
    clear: both
}

.insurance .table-tix .table-header .table-row .table-header-content {
    width: 31%;
    float: left;
    display: inline-block;
    padding: 0 10px;
    font-size: 13px;
    font-family: "SamsungSans-Medium", Arial
}

.insurance .table-tix .table-header .table-row .table-header-content:first-child {
    padding: 10px 0;
    width: 38%
}

.insurance .table-tix .table-body {
    background-color: #fff;
    padding: 0 16px
}

.insurance .table-tix .table-body .table-row {
    clear: both;
    padding: 16px 0;
    height: 60px;
    border-bottom: 1px dashed #ddd
}

.insurance .table-tix .table-body .table-row:last-child {
    border-bottom: none
}

.insurance .table-tix .table-body .table-row:nth-child(even) {
    height: 100px!important;
    font-style: italic
}

.insurance .table-tix .table-body .table-row .table-body-content {
    width: 31%;
    float: left;
    padding: 0 10px;
    font-size: 13px
}

.insurance .table-tix .table-body .table-row .table-body-content:first-child {
    width: 38%;
    padding: 0
}

.insurance .table-manfaat .table-header {
    background-color: #f7f7f7;
    height: 63px;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    padding: 10px;
    color: #222
}

.insurance .table-manfaat .table-header .table-row {
    clear: both
}

.insurance .table-manfaat .table-header .table-row .table-header-content {
    width: 20%;
    float: left;
    display: inline-block;
    padding: 0 5px;
    font-size: 13px;
    font-family: "SamsungSans-Medium", Arial
}

.insurance .table-manfaat .table-header .table-row .table-header-content:first-child {
    padding: 10px 0;
    width: 72%
}

.insurance .table-manfaat .table-body {
    background-color: #fff;
    padding: 0 16px
}

.insurance .table-manfaat .table-body .table-row {
    clear: both;
    padding: 16px 0;
    height: 60px;
    border-bottom: 1px dashed #ddd
}

.insurance .table-manfaat .table-body .table-row:last-child {
    border-bottom: none
}

.insurance .table-manfaat .table-body .table-row .table-body-content {
    width: 20%;
    float: left;
    padding: 0 10px;
    font-size: 13px
}

.insurance .table-manfaat .table-body .table-row .table-body-content:first-child {
    width: 72%;
    padding: 0
}

.insurance .scroll-to-top {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url(../images/backtotop.png);
    background-repeat: no-repeat;
    -webkit-background-size: 1152px 196px;
    background-size: 76px 76px;
    background-position: -12px -12px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    color: #00285f;
    position: fixed;
    text-align: center;
    bottom: 0;
    margin-bottom: 135px;
    right: 16px;
    z-index: 99;
    display: none
}

.insurance .hide {
    display: none
}

.how-to-order #tabs .tab-links li a,
.insurance .show {
    display: block
}

.mobile-app .download-link {
    padding: 0 16px
}

.mobile-app .download-link h1 {
    color: #222;
    text-align: center;
    padding-bottom: 10px
}

.mobile-app .download-link .download-section {
    width: 50%;
    float: left;
    padding-left: 1%
}

.mobile-app .download-link .download-section .mobile-icon {
    background: #fff url(../images/sprite.png) no-repeat;
    -webkit-background-size: 400px 250px;
    background-size: 400px 250px
}

.mobile-app .download-link .download-section .mobile-icon.barcode {
    background-position: -219px -8px;
    display: block;
    width: 120px;
    height: 120px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.mobile-app .download-link .download-section .mobile-icon.playstore {
    background-position: -77px -4px;
    display: block;
    width: 155px;
    height: 49px;
    margin: 10px 0
}

.mobile-app .download-link .download-section .mobile-icon.appstore {
    background-position: -77px -51px;
    display: block;
    width: 155px;
    height: 49px;
    margin: 10px 0
}

.mobile-app .white-box {
    position: relative;
    padding: 30px 0
}

.mobile-app .white-box .text-white {
    width: 35px;
    height: 35px;
    background-color: #fff;
    color: #888;
    position: absolute;
    left: 50%;
    top: 9px;
    margin-left: -18px;
    margin-top: 3px;
    z-index: 5;
    text-align: center;
    font-size: 16px;
    border: 1px solid;
    border-radius: 50%
}

.mobile-app .white-box .text-white p {
    font-size: 11px;
    color: #222;
    margin-top: 10px
}

.mobile-app .white-box .transparent-square {
    width: 56px;
    height: 56px;
    background-color: #fff;
    left: 50%;
    margin-left: -28px;
    top: 4px;
    position: absolute;
    z-index: 2
}

.mobile-app .white-box .box-line {
    width: 140px;
    height: 10px;
    border-top: 2px solid #ddd;
    position: absolute;
    right: 50%;
    margin-right: -70px;
    top: 28px
}

.mobile-app .text-download {
    padding: 0 16px;
    font-size: 15px;
    text-align: center;
    line-height: 22px
}

.mobile-app .download-apps {
    background-color: #fff;
    padding: 35px;
    border-top: none
}

.mobile-app .download-apps .send-apps-box {
    height: 85px
}

.mobile-app .download-apps .send-apps-box>i,
.pagging-poi .total p>strong,
.partner-contact span {
    color: #00285f
}

.mobile-app .download-apps .send-apps-box input[type=text] {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ddd;
    position: unset
}

.mobile-app .download-apps .send-apps-box input[type=submit] {
    width: 100%;
    border-radius: 5px;
    margin-top: 10px;
    position: unset
}

.mobile-app .download-apps .send-apps-or {
    padding: 10px 0;
    font-size: 13px;
    color: #888
}

.home-partner,
.mobile-app .mobile-app-content {
    padding: 0 16px
}

.mobile-app .mobile-app-content .app-content {
    padding: 25px 0
}

.mobile-app .mobile-app-content .app-content .app-content-title {
    position: relative
}

.mobile-app .mobile-app-content .app-content .app-content-title .content-item {
    height: 45px;
    width: 45px;
    background-image: url(../images/sprite-static-page.png);
    -webkit-background-size: 436px 441px;
    background-size: 436px 441px;
    background-repeat: no-repeat
}

.mobile-app .mobile-app-content .app-content .app-content-title .content-item.last-minute-hotel {
    background-position: 1px -65px
}

.mobile-app .mobile-app-content .app-content .app-content-title .content-item.apps-deal {
    background-position: -44px -65px
}

.mobile-app .mobile-app-content .app-content .app-content-title .content-item.virtual-card {
    background-position: -88px -65px
}

.mobile-app .mobile-app-content .app-content .app-content-title .content-item.tixpoint {
    background-position: -133px -65px;
    background-color: #fff
}

.mobile-app .mobile-app-content .app-content .app-content-title .content-title {
    position: absolute;
    top: 50%;
    left: 22%;
    font-size: 16px;
    margin-top: -10px
}

.mobile-app .mobile-app-content .app-content .content-desc img {
    width: 100%;
    padding-top: 16px
}

.flight-route-box ul li,
.mobile-app .mobile-app-content .app-content .content-desc p {
    font-size: 14px;
    color: #888;
    line-height: 22px
}

.mobile-app .bottom-banner {
    background-image: url(../images/mobile-app-roundtrip.png);
    height: 138px;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    margin-bottom: 0
}

.home-partner h1 {
    font-size: 18px;
    text-align: center;
    font-family: "SamsungSans-Medium", Arial;
    padding-top: 24px
}

.home-partner .choose-menu {
    padding: 30px 0
}

.home-partner .choose-menu.first {
    border-bottom: 1px solid #ddd
}

.home-partner .choose-menu .menu-affiliate,
.home-partner .choose-menu .menu-agent {
    position: relative;
    border-radius: 6px
}

.home-partner .choose-menu .menu-affiliate h3,
.home-partner .choose-menu .menu-agent h3 {
    font-size: 20px;
    color: #fff;
    font-family: "SamsungSans-Medium", Arial;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 55%;
    left: 0;
    bottom: 0;
    right: 0
}

.home-partner .choose-menu .menu-affiliate p,
.home-partner .choose-menu .menu-agent p {
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    text-align: center;
    padding: 0 25px;
    position: absolute;
    top: 65%
}

.home-partner .choose-menu .menu-agent h3 {
    color: #222;
    padding: 18px 0 11px;
    top: 0
}

.home-partner .choose-menu .menu-agent p {
    color: #222;
    top: 45px
}

.home-partner .choose-menu .btn-primary {
    margin-top: 17px;
    width: 100%
}

.affiliate-page .affiliate-desc,
.affiliate-page .agent-desc,
.agent-page .affiliate-desc,
.agent-page .agent-desc {
    padding: 16px
}

.affiliate-page .affiliate-desc h1,
.affiliate-page .agent-desc h1,
.agent-page .affiliate-desc h1,
.agent-page .agent-desc h1,
.flight-route-box h2,
.login-partner-form h3,
.mobile-app .download-link h1 {
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial
}

.affiliate-page .affiliate-desc h1 span,
.affiliate-page .agent-desc h1 span,
.agent-page .affiliate-desc h1 span,
.agent-page .agent-desc h1 span {
    font-size: 25px;
    display: block;
    margin-top: 5px
}

.affiliate-page .affiliate-desc p,
.affiliate-page .agent-desc p,
.agent-page .affiliate-desc p,
.agent-page .agent-desc p {
    padding: 12px 0;
    font-size: 14px;
    line-height: 22px
}

.affiliate-page .affiliate-desc .register,
.affiliate-page .agent-desc .register,
.agent-page .affiliate-desc .register,
.agent-page .agent-desc .register {
    margin: 20px auto;
    position: relative
}

.affiliate-page .affiliate-desc .register .btn-secondary,
.affiliate-page .agent-desc .register .btn-secondary,
.agent-page .affiliate-desc .register .btn-secondary,
.agent-page .agent-desc .register .btn-secondary {
    padding: 10px 61px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -121px;
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial
}

.affiliate-page .login-section,
.agent-page .login-section {
    padding: 0 16px;
    background-color: #ddd
}

.login-partner-form {
    padding: 15px 16px
}

.flight-route-box h2,
.login-partner-form h3 {
    color: #222
}

.login-partner-form h3 {
    margin-bottom: 33px
}

.login-partner-form .login-box {
    border-radius: 8px;
    background-color: #f7f7f7;
    padding: 19px 5px 22px
}

.login-partner-form .form-login .form-material .field .field-input {
    background-color: transparent
}

.partner-contact {
    padding: 13px 35px;
    color: #888;
    font-size: 13px;
    text-align: center;
    line-height: 20px
}

.partner-info {
    padding: 0 16px
}

.partner-info .step-content {
    padding: 14px 0;
    border-top: 1px solid #ddd
}

.partner-info .step-content .step-title {
    position: relative
}

.partner-info .step-content .step-title p {
    font-size: 16px;
    line-height: 22px;
    cursor: pointer
}

.partner-info .step-content .step-title p:hover {
    color: #275a88
}

.merchant-detail img,
.partner-info .step-content .step-image img {
    max-width: 100%
}

.partner-info .step-content .step-image table {
    width: 100%;
    font-size: 14px
}

.partner-info .step-content .step-image table tr th {
    background: linear-gradient(#f2f4f7, #e4eaef) 0 0 #e4eaef;
    border: 1px solid #ccd6df;
    box-shadow: 1px 1px 0 #fff inset;
    color: #406487;
    padding: 5px;
    text-align: center
}

.partner-info .step-content .step-image table tr td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left
}

.partner-info .step-content .step-image ul {
    list-style: disc;
    margin-left: 16px
}

.partner-info .step-content .step-image ol li,
.partner-info .step-content .step-image ul li {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px
}

.partner-info .step-content .step-image ol {
    list-style: decimal;
    margin-left: 8px
}

.partner-info .step-content .step-image h2 {
    font-size: 15px;
    padding-top: 10px
}

.partner-info .step-content .step-image p {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0
}

.partner-info .step-content .step-image .button-right {
    position: relative;
    margin: 20px 0
}

.partner-info .step-content .step-image .button-right .btn-secondary {
    position: absolute;
    right: 0;
    top: -25px;
    padding: 5px 10px
}

.partner-info .accordion-button {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 28px;
    color: #00285f;
    text-align: center;
    line-height: 22px;
    cursor: pointer
}

.airline-name-box {
    background-color: #00285f;
    font-size: 16px;
    color: #fff;
    padding: 8px 16px;
    font-family: "SamsungSans-Medium", Arial;
    line-height: 20px
}

.flight-route-box {
    padding: 0 16px;
    background-color: #f7f7f7
}

.flight-route-box h2 {
    padding: 22px 0 16px
}

.flight-route-box ul li {
    padding: 16px 0;
    line-height: 1.43;
    border-bottom: 1px dashed #ddd
}

.flight-route-box ul li:last-child {
    border-bottom: unset
}

.landing-tab {
    position: relative
}

.landing-tab .swipe-tabs {
    box-shadow: 0 3px 6px 2px #efefef
}

.landing-tab .slick-initialized .swipe-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-top: 5px;
    padding: 5px 0;
    background: 0 0;
    border: 0;
    outline: 0;
    color: #757575;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-weight: 600;
    border-bottom: 2px solid #fff
}

.landing-tab .slick-initialized .swipe-tab h3 {
    font-family: "SamsungSans-Regular", Arial;
    font-weight: 400
}

.landing-tab .slick-initialized .swipe-tab-content {
    padding: 15px;
    min-height: unset
}

.landing-tab .swipe-tab.slick-current.border {
    border-bottom: 2px solid #00285f;
    color: #00285f
}

.landing-tab .trans-left,
.landing-tab .trans-right {
    position: absolute;
    top: 15px;
    height: 23px;
    background: #fff;
    opacity: .6
}

.landing-tab .trans-left {
    left: 0;
    width: 10%
}

.landing-tab .trans-right {
    right: 0;
    width: 14%
}

.landing-tab .slick-next,
.landing-tab .slick-prev {
    display: none!important
}

.landing-tab .next-slick,
.landing-tab .prev-slick {
    position: absolute;
    top: 15px;
    color: #00285f;
    background: 0 0;
    width: 14%;
    text-align: center;
    font-size: 14px
}

.landing-tab .next-slick {
    right: 0
}

.landing-tab .prev-slick {
    left: 0
}

.landing-page .vendor-name-box {
    background-color: #0064d2;
    font-size: 16px;
    color: #fff;
    padding: 16px;
    font-family: "SamsungSans-Medium", Arial
}

.landing-page .promo-car {
    padding: 15px;
    background-color: #f7f7f7
}

.landing-page .promo-car .car-header {
    position: relative
}

.landing-page .promo-car .car-header>h2 {
    font-size: 16px;
    text-overflow: ellipsis;
    width: 82%;
    white-space: nowrap;
    overflow: hidden;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .promo-car .car-header .promo-section-logo {
    position: absolute;
    top: -5px;
    right: 0;
    height: 35px;
    width: auto;
    max-width: 150px
}

.landing-page .promo-car .car-header .promo-section-logo img {
    width: 100%;
    height: 30px
}

.landing-page .promo-car .promo-box {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 2px #efefef;
    -webkit-box-shadow: 0 0 5px 2px #efefef;
    box-shadow: 0 0 5px 2px #efefef;
    margin: 16px 0;
    padding: 10px 0 0
}

.landing-page .promo-car .promo-box .clearlink {
    margin-left: 0;
    -webkit-tap-highlight-color: transparent
}

.landing-page .promo-car .promo-box p {
    color: #222;
    font-size: 12px
}

.landing-page .promo-car .promo-box p.promo-flight-date {
    margin: 5px 0 10px 12px
}

.landing-page .promo-car .promo-box .img-container {
    float: left;
    width: 37%;
    padding: 0 5px
}

.landing-page .promo-car .promo-box .img-container .image-photo {
    width: 75px;
    height: 43px
}

.landing-page .promo-car .promo-box .img-container .image-photo>img,
.landing-page .promo-car .promo-box .img-container .image-vendor>img {
    width: 100%
}

.landing-page .promo-car .promo-box .img-container .image-vendor {
    width: 75px;
    margin-top: 10px
}

.landing-page .promo-car .promo-box .desc-side {
    float: left;
    width: 63%
}

.landing-page .promo-car .promo-box .desc-side .car-name {
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 15px
}

.landing-page .promo-car .promo-box .desc-side .detail {
    padding-bottom: 19px
}

.landing-page .promo-car .promo-box .desc-side .detail .facility li {
    clear: both;
    padding: 5px 0
}

.landing-page .promo-car .promo-box .desc-side .detail .facility li .driver_included {
    background: url(../images/ic-mytix-copy@2x.png) no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: block;
    float: left
}

.landing-page .promo-car .promo-box .desc-side .detail .facility li .gasoline_included {
    background: url(../images/ic_petrol.svg) no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: block;
    float: left
}

.landing-page .promo-car .promo-box .desc-side .detail .facility li .toll_included {
    background: url(../images/ic_toll.svg) no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: block;
    float: left
}

.landing-page .promo-car .promo-box .desc-side .detail .facility li>span {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    color: #888
}

.landing-page .promo-car .promo-box .promo-price {
    text-align: right;
    border-top: 1px solid #ddd;
    clear: both
}

.landing-page .promo-car .promo-box .promo-price .text-color {
    width: 60%;
    float: left;
    margin-top: 3px
}

.landing-page .promo-car .promo-box .promo-price .position-promo {
    font-size: 16px;
    color: #00285f;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    clear: both
}

.landing-page .promo-car .promo-box .promo-price .position-promo .promo-text {
    display: block;
    float: right;
    margin-top: 1px
}

.landing-page .promo-car .promo-box .promo-price .position-promo .price-line .line-discount {
    color: #222;
    text-decoration: line-through
}

.landing-page .promo-car .promo-box .promo-price .position-promo .promo-price-text {
    display: block;
    float: right;
    margin-left: 16px;
    color: #00285f;
    font-size: 16px;
    padding: 10px
}

.landing-page .promo-car .promo-box .promo-price .position-promo small {
    font-size: 12px;
    color: #888;
    font-family: "SamsungSans-Regular", Arial
}

.landing-page .landing-tab .swipe-tab-content .about-vendor,
.landing-page .landing-tab .swipe-tab-content .policy-vendor {
    font-size: 14px;
    color: #888;
    line-height: 1.8;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.landing-page .landing-tab .swipe-tab-content .about-vendor .basic-box {
    margin-bottom: 20px
}

.landing-page .landing-tab .swipe-tab-content .about-vendor .basic-box .field {
    width: 40%;
    float: left
}

.landing-page .landing-tab .swipe-tab-content .about-vendor .basic-box .data {
    width: 60%;
    float: left
}

.landing-page .landing-tab .swipe-tab-content .policy-vendor .title {
    font-size: 18px;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .landing-tab .swipe-tab-content .policy-vendor .descbox ul {
    list-style: disc;
    padding: 0 0 0 20px
}

.landing-page .landing-tab .swipe-tab-content .policy-vendor .descbox ul li {
    line-height: 24px;
    margin-bottom: 10px
}

.landing-page .rentcar-partners {
    padding: 0 16px
}

.landing-page .rentcar-partners .column-half {
    width: 50%;
    float: left;
    padding-right: 5px
}

.landing-page .rentcar-partners .column-half:last-child {
    padding-right: 0;
    padding-left: 5px
}

.landing-page .rentcar-partners .column-half ul li {
    color: #888;
    font-size: 14px;
    line-height: 1.43
}

.landing-page .additional-info-section {
    background-color: #fff;
    font-size: 14px;
    color: #888;
    padding: 18px 16px 0;
    line-height: 20px
}

.landing-page .additional-info-section .about-car-model .basic-box {
    margin-bottom: 20px
}

.landing-page .additional-info-section .about-car-model .basic-box .model-info .field {
    width: 40%;
    float: left
}

.landing-page .additional-info-section .about-car-model .basic-box .model-info .data {
    width: 60%;
    float: left
}

.landing-page .additional-info-section .about-car-model .descbox p {
    margin-bottom: 20px;
    text-align: left
}

.clearfix {
    clear: both
}

.landing-page .line-dashed {
    border: 1px dashed #ddd;
    margin: 16px 0
}

.landing-page .share-socmed {
    padding: 16px
}

.landing-page .share-socmed .social-media ul {
    display: block;
    width: auto;
    text-align: center
}

.landing-page .share-socmed .social-media ul li {
    margin: 0 8px;
    display: inline-block
}

.landing-page .share-socmed .social-media ul li:first-child {
    margin-left: 0
}

.landing-page .share-socmed .social-media ul li:last-child {
    margin-right: 0
}

.landing-page .share-socmed .social-media .socmed {
    width: 30px;
    height: 30px;
    display: inline-block
}

.landing-page .share-socmed .social-media .socmed.icon-fb,
.landing-page .share-socmed .social-media .socmed.icon-socmed-google {
    background-image: url(../images/social.png);
    background-position: calc(0px/2) calc(0px/2);
    background-size: 90px 60px;
    width: calc(60px/2);
    height: calc(60px/2)
}

.landing-page .share-socmed .social-media .socmed.icon-socmed-google {
    background-position: calc(-60px/2) calc(0px/2)
}

.landing-page .share-socmed .social-media .socmed.icon-instagram,
.landing-page .share-socmed .social-media .socmed.icon-phone {
    background-image: url(../images/social.png);
    background-position: calc(0px/2) calc(-60px/2);
    background-size: 90px 60px;
    width: calc(60px/2);
    height: calc(60px/2)
}

.landing-page .share-socmed .social-media .socmed.icon-phone {
    background-position: calc(-60px/2) calc(-60px/2)
}

.landing-page .share-socmed .social-media .socmed.icon-socmed-twitter,
.landing-page .share-socmed .social-media .socmed.icon-youtube {
    background-image: url(../images/social.png);
    background-position: calc(-120px/2) calc(0px/2);
    background-size: 90px 60px;
    width: calc(60px/2);
    height: calc(60px/2)
}

.landing-page .share-socmed .social-media .socmed.icon-youtube {
    background-position: calc(-120px/2) calc(-60px/2)
}

.hotel-poi .header-poi {
    background-color: #0064d2;
    font-size: 16px;
    color: #fff;
    padding: 16px;
    font-family: "SamsungSans-Medium", Arial
}

.hotel-poi .hotel-poi-image,
p.stars {
    position: relative;
    height: 136px
}

.hotel-poi .hotel-poi-image img {
    width: 100%;
    height: 136px
}

.hotel-poi .hotel-poi-image .btn-maps {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    padding: 5px 8px;
    color: #fff
}

.hotel-poi .hotel-area {
    background-color: #f7f7f7;
    padding: 19px 16px
}

.hotel-poi .hotel-area.first {
    border-bottom: 2px solid #ddd
}

.hotel-poi .hotel-area.white {
    background-color: #fff
}

.hotel-poi .hotel-area.white .hotel-choice {
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial;
    margin-bottom: 18px
}

.hotel-poi .hotel-area h2 {
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial;
    padding-bottom: 19px
}

.hotel-poi .hotel-area label.wrap {
    width: 100%;
    overflow: hidden;
    height: 50px;
    position: relative;
    display: block
}

.hotel-poi .hotel-area label.wrap:after {
    content: '\a17';
    font-family: "microservices";
    color: #00285f;
    position: absolute;
    right: 0;
    top: 15px;
    z-index: 1;
    width: 10%;
    height: 100%;
    pointer-events: none
}

.hotel-poi .hotel-area label.wrap select {
    padding: 0 16px;
    margin: 0 0 15px;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    background: #fff;
    font-family: "SamsungSans-Regular", Arial;
    width: 100%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.hotel-poi .hotel-area .popular-hotel .map_container {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden
}

.hide,
.hotel-poi .hotel-area .popular-hotel .map_container .qtip-close,
.hotel-poi .hotel-area .promo-box.hotel-hide {
    display: none
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #222;
    font-family: "SamsungSans-Regular", Arial
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map {
    min-height: 86px
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 45px;
    height: 45px
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map .popup-detail {
    margin-left: 80px;
    width: 90px
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map .popup-detail h3 {
    margin: 0;
    font-size: 12px
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map .popup-detail h5 {
    margin: 0;
    font-size: 11px;
    color: #709830
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map .popup-detail h5 span {
    font-style: italic;
    font-size: 10px;
    font-weight: 400
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map .popup-detail .region {
    font-size: 9px
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .qtip-content .popup-map .popup-detail .aBlue {
    font-size: 9px;
    color: #0064d2
}

.hotel-poi .hotel-area .popular-hotel .map_container .qtip-default .ui-tooltip-content {
    background: #fff;
    padding: 15px 10px;
    font-size: 10px
}

.hotel-poi .hotel-area .loading {
    background: url(/images/ajax-loader-blue.gif) center center no-repeat #fff;
    width: 100%;
    height: 100px
}

.hotel-poi .hotel-area .btn-see-more-hotel {
    padding: 6px 8px;
    font-size: 14px
}

.hotel-poi .hotel-area .promo-box {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 2px #efefef;
    -webkit-box-shadow: 0 0 5px 2px #efefef;
    box-shadow: 0 0 5px 2px #efefef;
    margin: 16px 0;
    border-radius: 4px
}

.hotel-poi .hotel-area .promo-box .img-container {
    float: left;
    width: 25%;
    height: 98px
}

.hotel-poi .hotel-area .promo-box .img-container img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px
}

.hotel-poi .hotel-area .promo-box .desc-side {
    padding-left: 13px;
    float: left;
    width: 65%
}

.hotel-poi .hotel-area .promo-box .desc-side .hotel-name {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 15px;
    padding-top: 12px;
    font-family: "SamsungSans-Medium", Arial
}

.hotel-poi .hotel-area .promo-box .desc-side .detail {
    padding-bottom: 12px
}

.hotel-poi .hotel-area .promo-box .desc-side .detail .star-box i.gold {
    color: #fdcb04
}

.hotel-poi .hotel-area .promo-box .desc-side .detail .star-box i.none {
    color: #fff
}

.hotel-poi .hotel-area .promo-box .desc-side .detail p {
    color: #888;
    font-size: 13px;
    margin-top: 5px;
    font-family: "SamsungSans-Regular", Arial
}

.hotel-poi .hotel-area .promo-box .desc-side .detail p.loc {
    font-size: 13px;
    color: #888;
    margin-top: 5px
}

.hotel-poi .hotel-area .promo-box .promo-price {
    text-align: right;
    border-top: 1px solid #ddd;
    clear: both
}

.hotel-poi .hotel-area .promo-box .promo-price .text-color {
    width: 60%;
    float: left;
    margin-top: 3px
}

.hotel-poi .hotel-area .promo-box .promo-price .position-promo {
    font-size: 16px;
    color: #00285f;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    clear: both
}

.hotel-poi .hotel-area .promo-box .promo-price .position-promo .promo-text {
    display: block;
    float: right;
    margin-top: 11px;
    font-size: 12px;
    color: #888;
    font-family: "SamsungSans-Regular", Arial
}

.hotel-poi .hotel-area .promo-box .promo-price .position-promo .promo-price-text {
    display: block;
    float: right;
    color: #00285f;
    font-size: 16px;
    padding: 10px
}

.hotel-poi .hotel-area .promo-box .promo-price .position-promo small {
    font-size: 12px;
    color: #888
}

.hotel-poi .poi-detail {
    padding: 22px 16px
}

.hotel-poi .poi-detail .address-poi p,
.hotel-poi .poi-detail .info-poi p {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    padding-bottom: 5px
}

.hotel-poi .title-section {
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    margin-bottom: 10px;
    color: #222
}

.landing-tab .swipe-tab-content .tab-landmark,
.landing-tab .swipe-tab-content .tab-popular,
.landing-tab .swipe-tab-content .tab-tips {
    font-size: 14px;
    color: #888;
    line-height: 1.8;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.landing-tab .swipe-tab-content .tab-tips .hotel_poi_artikel {
    padding: 10px 0
}

.landing-tab .swipe-tab-content .tab-tips .hotel_poi_artikel h2 {
    font-size: 16px;
    color: #222;
    font-family: "SamsungSans-Medium", Arial;
    line-height: 15px
}

.landing-tab .swipe-tab-content .tab-tips .hotel_poi_artikel p {
    font-size: 14px;
    line-height: 20px;
    color: #888
}

.landing-tab .swipe-tab-content .tab-tips .hotel_poi_artikel pre {
    line-height: 15px
}

.tab-landmark .column-half,
.tab-popular .column-half {
    width: 50%;
    float: left
}

.tab-landmark .column-half .place,
.tab-popular .column-half .place {
    padding: 5px
}

.hotel-chain-box .header-hotel .header-content p,
.tab-landmark .column-half .place .lmark,
.tab-popular .column-half .place .lmark {
    color: #222;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.tab-landmark .column-half .place ul.block_section li,
.tab-popular .column-half .place ul.block_section li {
    font-family: "SamsungSans-Regular", Arial
}

.tab-landmark .column-half .place ul.block_section li a span,
.tab-popular .column-half .place ul.block_section li a span {
    font-size: 12px;
    color: #00285f
}

p.stars {
    display: inline-block;
    width: 72px;
    height: 12px;
    background: url(../images/star-rating.png) no-repeat;
    text-indent: -9999px
}

p.stars.stars1 {
    background: url(../images/star-rating.png) no-repeat 0 -55px
}

p.stars.stars2 {
    background: url(../images/star-rating.png) no-repeat 0 -41px
}

p.stars.stars3 {
    background: url(../images/star-rating.png) no-repeat 0 -27px
}

p.stars.stars4 {
    background: url(../images/star-rating.png) no-repeat 0 -13px
}

p.stars .starsin5,
p.stars.stars5 {
    background: url(../images/star-rating.png) no-repeat 0 2px;
    width: 72px;
    height: 15px;
    margin: 8px 0
}

.new-search {
    padding: 44px 16px;
    text-align: center
}

.new-search .text-new-search {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #888
}

.pagging-poi .prev {
    float: left;
    width: 15%;
    color: #00285f
}

.pagging-poi .total {
    width: 70%;
    float: left;
    text-align: center
}

.pagging-poi .next {
    float: right;
    color: #00285f
}

.footer-poi {
    position: absolute;
    width: 100%;
    bottom: 0
}

.hotel-gallery {
    border-bottom: 1px solid #ddd;
    padding: 22px 0 16px
}

.hotel-chain-box .hotel-desc h1,
.hotel-gallery .title-section {
    margin-bottom: 16px;
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.hotel-chain-box .header-hotel {
    position: relative;
    background: #222;
    line-height: 0
}

.hotel-chain-box .header-hotel>img {
    min-height: 160px;
    opacity: .75
}

.hotel-chain-box .header-hotel .header-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 71%;
    line-height: 20px
}

.hotel-chain-box .header-hotel .header-content .img-hotel-box {
    width: 50%;
    background: #fff;
    padding: 10px;
    margin: 0 auto;
    border-radius: 8px;
    opacity: .8;
    line-height: 0
}

.hotel-chain-box .header-hotel .header-content .img-hotel-box>img {
    max-width: 100%;
    max-height: 100%;
    opacity: 1
}

.hotel-chain-box .header-hotel .header-content img {
    border-radius: 8px;
    opacity: .75
}

.hotel-chain-box .header-hotel .header-content p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 8px
}

.hotel-chain-box .hotel-desc {
    padding: 20px 0 30px
}

.hotel-chain-box .hotel-desc h1 {
    line-height: 25px;
    color: #222;
    margin-bottom: 8px
}

.hotel-chain-box .hotel-desc p {
    font-size: 14px;
    color: #888;
    line-height: 22px
}

.hotel-chain-box .hotel_chain_list {
    border-top: 1px solid #ddd;
    padding-top: 16px
}

.hotel-chain-box .hotel_chain_list:first-child {
    border-top: 0;
    padding-top: 0
}

.hotel-chain-box .hotel_chain_list.hotel-hide,
.landing-page .class-info ul li .facility-content p br {
    display: none
}

.hotel-chain-box .hotel_chain_list>p {
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    font-size: 16px;
    color: #222
}

.hotel-chain-box .hotel_chain_list .hotel-province-box {
    display: flex
}

.hotel-chain-box .hotel_chain_list .hotel-province-box .img-container {
    height: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

.hotel-chain-box .scroll-to-top {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-image: url(../images/backtotop.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: #00285f;
    position: fixed;
    text-align: center;
    bottom: 0;
    margin-bottom: 121px;
    right: 16px;
    z-index: 1;
    display: none
}

.hotel-chain-box .scroll-to-top.show {
    display: inline-block
}

.landing-tix {
    margin: 0 15px
}

.landing-tix h1,
.merchant-tix h1,
.tukar-tix h1 {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #0064d2;
    padding: 17px;
    margin: 0 -15px
}

.landing-tix .tix-head {
    height: 219px;
    background: url(/images/tix/tix-sprites.png) center -183px no-repeat;
    text-align: center;
    margin: 0 -15px
}

.landing-tix .tix-logo {
    display: inline-block;
    width: 207px;
    height: 103px;
    background: url(/images/tix/tix-sprites.png) 0 -80px no-repeat;
    margin: 44px 0 0
}

.landing-tix .back {
    border: 1px solid #ddd;
    margin-bottom: 17px;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    height: 54px
}

.landing-tix .back .ico-back {
    display: inline-block;
    width: 44px;
    height: 54px;
    float: left;
    margin-right: 15px;
    background: url(/images/tix/tix-sprites.png) -758px -36px no-repeat
}

.landing-tix .back .ico-tix {
    display: inline-block;
    width: 55px;
    height: 27px;
    background: url(/images/tix/tix-sprites.png) -668px -36px no-repeat;
    margin-right: 7px;
    margin-top: 3px;
    float: left
}

.landing-tix .back span {
    display: block;
    padding: 12px 0
}

.landing-tix .back a {
    color: #222
}

.landing-tix .menu-close,
.landing-tix .menu-open {
    border: 1px solid #0064d2;
    font-size: 16px;
    border-radius: 6px
}

.landing-tix .menu-close {
    padding: 0 15px;
    line-height: 40px;
    width: 100%;
    color: #0064d2;
    margin: 15px 0 0;
    display: block
}

.landing-tix .menu-close .icon-down {
    float: right;
    margin: 2px 0 0
}

.landing-tix .menu-open {
    margin: -1px 0 0;
    display: none
}

.landing-tix .menu-open li,
.merchant-tix .menu-open li,
.tukar-tix .menu-open li {
    line-height: 40px
}

.landing-tix .menu-open li a,
.merchant-tix .menu-open li a,
.tukar-tix .menu-open li a {
    color: #0064d2;
    display: block;
    padding: 0 15px
}

.landing-tix .sort {
    margin: 15px 0
}

.landing-tix .sort label {
    display: block;
    padding-left: 20px;
    color: #888;
    text-align: left
}

.landing-tix .cat,
.landing-tix .prod {
    border: 1px solid #ddd;
    border-radius: 6px
}

.landing-tix .cat {
    font-family: "SamsungSans-Regular", Arial;
    font-size: 14px;
    display: block;
    width: 100%;
    color: #222;
    margin: 15px 0;
    padding: 10px 15px
}

.landing-tix .prod {
    min-height: 300px;
    padding: 10px;
    text-align: center;
    min-width: 290px;
    margin: 0 0 15px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08)
}

.landing-tix .prod div,
.tukar-tix .prod div {
    height: 200px;
    text-align: center;
    white-space: nowrap
}

.landing-tix .prod div span,
.tukar-tix .prod div span {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.landing-tix .prod div img,
.tukar-tix .prod div img {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%
}

.landing-tix .prod h4,
.tukar-tix .prod h4 {
    font-size: 16px;
    padding: 10px 30px;
    cursor: pointer;
    min-height: 55px;
    line-height: 120%
}

.landing-tix .prod h3,
.tukar-tix .prod h3 {
    font-weight: 500;
    font-size: 25px;
    color: #ff7c0b;
    padding: 0
}

.landing-tix .prod h3 sup,
.tukar-tix .prod h3 sup {
    font-size: 12px;
    vertical-align: top
}

.landing-tix .prod button,
.merchant-detail button {
    line-height: 38px;
    height: 38px;
    padding: 0 30px;
    display: inline-block;
    margin: 15px 0;
    text-shadow: inherit;
    color: #00285f;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #00285f;
    background: #fff;
    font-family: "SamsungSans-Regular", Arial;
    text-transform: capitalize!important;
    font-weight: 500
}

.landing-tix .prod button:disabled {
    color: #ddd;
    border: 1px solid #ddd
}

.landing-tix .pagination {
    text-align: center;
    font-size: 16px;
    margin: 30px 0
}

.landing-tix .pagination a {
    background-color: #fff;
    border-radius: 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 2px;
    color: #222
}

.landing-tix .pagination .on {
    background-color: #00285f;
    color: #fff
}

.tukar-tix {
    margin: 0 15px;
    color: #222
}

.tukar-tix .banner-tix {
    margin: 0 -15px;
    padding: 0
}

.tukar-tix .banner-tix .reason-list .list {
    padding: 0
}

.tukar-tix .menu-close,
.tukar-tix .menu-open {
    border: 1px solid #0064d2;
    font-size: 16px;
    border-radius: 6px
}

.tukar-tix .menu-close {
    padding: 0 15px;
    line-height: 40px;
    width: 100%;
    color: #0064d2;
    margin: 15px 0 0;
    display: block
}

.tukar-tix .menu-close .icon-down {
    float: right;
    margin: 2px 0 0
}

.tukar-tix .menu-open {
    margin: -1px 0 0;
    display: none
}

.tukar-tix .tix-head {
    height: 219px;
    background: url(/images/tix/tix-sprites.png) center -183px no-repeat;
    text-align: center;
    margin: 15px -15px 0
}

.tukar-tix .tix-logo {
    display: inline-block;
    width: 207px;
    height: 103px;
    background: url(/images/tix/tix-sprites.png) 0 -80px no-repeat;
    margin: 44px 0 0
}

.merchant-tix h2,
.tukar-tix h2,
.tukar-tix p {
    font-size: 25px;
    line-height: 120%;
    text-align: center;
    padding-bottom: 15px
}

.tukar-tix p {
    font-size: 16px;
    line-height: 25px;
    padding-bottom: 30px
}

.tukar-tix .prod {
    border: 1px solid #ddd;
    min-height: 300px;
    padding: 10px;
    text-align: center;
    min-width: 290px;
    border-radius: 6px;
    margin: 0 0 15px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08)
}

.tukar-tix .lihat,
.tukar-tix .prod button {
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    font-family: "SamsungSans-Regular", Arial;
    padding: 0 30px
}

.tukar-tix .prod button {
    display: inline-block;
    text-shadow: inherit;
    border: 1px solid #00285f;
    background: #fff;
    text-transform: capitalize!important;
    line-height: 38px;
    margin: 15px 0;
    color: #00285f
}

.tukar-tix .lihat {
    line-height: 40px;
    display: table;
    color: #fff;
    background: #00285f;
    text-align: center;
    margin: 30px auto
}

.landing-page .about-station {
    padding: 22px 16px
}

.landing-page .about-station .about-title {
    font-size: 16px;
    margin-bottom: 16px;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    line-height: 20px
}

.landing-page .about-station .about-desc p {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    padding-bottom: 10px
}

.landing-page .promo-train {
    padding: 15px;
    background-color: #f7f7f7
}

.landing-page .promo-train .train-header {
    position: relative
}

.landing-page .promo-train .train-header>.header-content {
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    line-height: 20px;
    overflow: hidden
}

.landing-page .promo-box {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 2px #efefef;
    -webkit-box-shadow: 0 0 5px 2px #efefef;
    box-shadow: 0 0 5px 2px #efefef;
    margin: 16px 0;
    padding: 10px 0 0;
    border-radius: 4px
}

.landing-page .promo-box .clearlink {
    margin-left: 0;
    -webkit-tap-highlight-color: transparent
}

.landing-page .promo-box p {
    color: #222;
    font-size: 12px
}

.landing-page .promo-box p.promo-flight-date {
    margin: 5px 0 10px 12px
}

.landing-page .promo-box .train-duration {
    position: relative;
    padding: 0 12px
}

.landing-page .promo-box .train-duration .line {
    height: 20px;
    left: 14px;
    position: absolute;
    top: 10px;
    width: 2px
}

.landing-page .promo-box .train-duration .time {
    margin: 10px 0
}

.landing-page .promo-box .train-duration .time .round-arrive,
.landing-page .promo-box .train-duration .time .round-depart {
    display: block;
    width: 7px;
    height: 7px;
    background-color: #ddd;
    border-radius: 50%;
    position: absolute;
    top: 2px
}

.landing-page .promo-box .train-duration .time .round-depart.icon-color-transparent {
    background-color: transparent!important;
    border: 2px solid #0064d2;
    width: 7px!important
}

.landing-page .promo-box .train-duration .time .round-arrive {
    width: 8px;
    top: 26px
}

.landing-page .promo-box .train-duration .time .round-arrive.icon-color-bold {
    background-color: #0064d2!important;
    border: 2px solid #0064d2;
    width: 7px!important
}

.landing-page .promo-box .train-duration .time>p {
    margin: 5px 10px 10px 20px;
    font-size: 14px
}

.landing-page .promo-box .promo-price {
    text-align: right;
    border-top: 1px solid #ddd;
    padding: 10px;
    clear: both
}

.landing-page .promo-box .promo-price .text-color {
    width: 60%;
    float: left;
    margin-top: 3px
}

.landing-page .promo-box .promo-price .position-promo {
    font-size: 16px;
    color: #00285f;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.landing-page .promo-box .promo-price .position-promo .promo-text {
    display: block;
    float: right;
    margin-top: 1px;
    color: #888
}

.landing-page .promo-box .promo-price .position-promo .promo-price-text {
    display: block;
    float: right;
    margin-left: 16px;
    color: #00285f;
    font-size: 16px
}

.landing-page .info-argo {
    padding: 16px
}

.landing-page .info-argo .list-argo .column-half {
    width: 50%;
    float: left;
    padding-right: 5px
}

.landing-page .info-argo .list-argo .column-half:last-child {
    padding-right: 0;
    padding-left: 5px
}

.landing-page .info-argo .list-argo .column-half ul li {
    color: #888;
    font-size: 14px;
    line-height: 1.43
}

.landing-page .class-info {
    background-color: #f7f7f7;
    padding: 16px
}

.landing-page .class-info ul {
    list-style-type: none;
    padding-bottom: 15px
}

.landing-page .class-info ul li {
    padding: 5px 0
}

.landing-page .class-info ul li .facility-content {
    color: #888;
    font-size: 14px;
    line-height: 20px;
    padding-top: 8px
}

.landing-page .class-info ul li .facility-content ol li {
    padding: 2px 0
}

.landing-page .landing-tab .swipe-tab-content .poiDetail {
    font-size: 14px;
    color: #888;
    line-height: 1.8;
    display: block;
    overflow: hidden;
    word-break: break-word;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.landing-page .station-gallery {
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    padding: 0 0 16px
}

.landing-page .station-gallery.white {
    background-color: #fff
}

.landing-page .title {
    font-size: 16px;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    margin-bottom: 10px;
    color: #222;
    line-height: 20px
}

.landing-page .title.argo-title {
    margin-bottom: 5px
}

.landing-page .clearfix {
    clear: both
}

.line-dashed {
    border: 1px dashed #ddd;
    margin: 16px 0
}

.slide-dots-gallery {
    width: 100%;
    padding: 5px 16px
}

.slide-dots-gallery .slick-next,
.slide-dots-gallery .slick-prev {
    display: none!important
}

.slide-dots-gallery .why-choose-tiket {
    background-color: transparent;
    padding: 0
}

.slide-dots-gallery .why-choose-tiket .list {
    padding: 0
}

.slide-dots-gallery ul.slick-dots {
    display: inline-block
}

.slide-dots-gallery ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slide-dots-gallery ul.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 7px;
    height: 7px;
    padding: 5px;
    cursor: pointer;
    color: gray;
    border: 0;
    outline: 0;
    background: #ddd;
    border-radius: 50%
}

.slide-dots-gallery ul.slick-dots li.slick-active button {
    background: #00285f
}

.slide-dots-gallery .half-photos {
    width: 50%;
    float: left;
    margin-bottom: 10px;
    padding: 0 5px;
    box-sizing: border-box
}

.slide-dots-gallery .half-photos img {
    margin: 0 auto;
    border-radius: 3px;
    width: 100%;
    height: 100px
}

.nearby-attraction {
    padding: 16px;
    background-color: #f7f7f7
}

.nearby-attraction .nearby-box {
    background-color: #fff;
    -moz-box-shadow: 0 0 5px 2px #efefef;
    -webkit-box-shadow: 0 0 5px 2px #efefef;
    box-shadow: 0 0 5px 2px #efefef;
    margin: 16px 0;
    border-radius: 4px
}

.nearby-attraction .nearby-box .img-container {
    float: left;
    width: 25%;
    height: 98px
}

.nearby-attraction .nearby-box .img-container img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px
}

.nearby-attraction .nearby-box .desc-side {
    padding-left: 13px;
    float: left;
    width: 65%
}

.nearby-attraction .nearby-box .desc-side .hotel-name {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 12px;
    font-family: "SamsungSans-Medium", Arial
}

.nearby-attraction .nearby-box .desc-side .detail {
    padding-bottom: 12px
}

.nearby-attraction .nearby-box .desc-side .detail .km,
.nearby-attraction .nearby-box .desc-side .detail p {
    font-size: 13px;
    color: #888;
    font-family: "SamsungSans-Regular", Arial
}

.nearby-attraction .nearby-box .desc-side .detail p {
    margin-top: 5px
}

.nearby-attraction .nearby-detail {
    text-align: center;
    border-top: 1px dashed #ddd;
    padding: 10px;
    clear: both
}

.nearby-attraction .nearby-detail .detail-button {
    font-size: 14px;
    color: #00285f;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.merchant-tix {
    margin: 0 15px;
    color: #222
}

.merchant-tix .banner-tix {
    margin: 0 -15px;
    padding: 0
}

.merchant-tix .banner-tix .reason-list .list {
    padding: 0
}

.merchant-tix .menu-close,
.merchant-tix .menu-open {
    border: 1px solid #0064d2;
    font-size: 16px;
    border-radius: 6px
}

.merchant-tix .menu-close {
    padding: 0 15px;
    line-height: 40px;
    width: 100%;
    color: #0064d2;
    margin: 15px 0 0;
    display: block
}

.merchant-tix .menu-close .icon-down {
    float: right;
    margin: 2px 0 0
}

.merchant-tix .menu-open {
    margin: -1px 0 0;
    display: none
}

.merchant-tix .tix-head {
    height: 219px;
    background: url(/images/tix/tix-sprites.png) center -183px no-repeat;
    text-align: center;
    margin: 15px -15px 0
}

.merchant-tix .tix-logo {
    display: inline-block;
    width: 207px;
    height: 103px;
    background: url(/images/tix/tix-sprites.png) 0 -80px no-repeat;
    margin: 44px 0 0
}

.merchant-tix .merc {
    border: 1px solid #ddd;
    min-height: 290px;
    padding: 10px;
    text-align: center;
    min-width: 290px;
    border-radius: 6px;
    margin: 0 0 15px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08)
}

.merchant-tix .merc img {
    max-width: 100%;
    margin: 0 0 15px
}

.merchant-tix .merc h4 {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0
}

.merchant-detail h3,
.merchant-tix .merc h3 {
    color: #00285f;
    font-size: 20px
}

.merchant-tix .lihat,
.merchant-tix .merc .info {
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    font-family: "SamsungSans-Regular", Arial;
    padding: 0 30px
}

.merchant-tix .merc .info {
    display: inline-block;
    text-shadow: inherit;
    border: 1px solid #00285f;
    background: #fff;
    text-transform: capitalize!important;
    line-height: 38px;
    margin: 15px 0;
    color: #00285f
}

.merchant-tix .lihat {
    display: table;
    color: #fff;
    line-height: 40px;
    background: #00285f;
    text-align: center;
    margin: 30px auto
}

.merchant-detail {
    color: #222;
    margin: 0 15px 30px
}

.merchant-detail .merchant-header {
    color: #fff;
    background: #0064d2;
    font-size: 16px;
    font-weight: 500;
    padding: 17px;
    margin: 0 -15px
}

.merchant-detail .tix-head {
    height: 219px;
    background: url(/images/tix/tix-sprites.png) center -183px no-repeat;
    text-align: center;
    margin: 0 -15px
}

.merchant-detail .tix-logo {
    display: inline-block;
    width: 207px;
    height: 103px;
    background: url(/images/tix/tix-sprites.png) 0 -80px no-repeat;
    margin: 44px 0 0
}

.merchant-detail h1 {
    font-size: 25px;
    text-align: center;
    padding: 0 0 15px
}

.merchant-detail h3 {
    padding: 15px 0
}

.merchant-detail ol,
.merchant-detail p,
.merchant-detail ul {
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 15px
}

.merchant-detail li {
    text-indent: 0;
    margin-left: 15px
}

.merchant-detail pre {
    background: #fff;
    border: 0;
    line-height: 24px;
    font-size: 14px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.merchant-detail button:disabled {
    color: #ddd;
    border: 1px solid #ddd
}

.partners {
    margin: 30px 15px;
    color: #888
}

.partners .partner-product .container1 {
    padding: 0
}

.partners .partner-product h2 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 25px;
    color: #222
}

.partners .partner-product .seemore {
    font-size: 14px;
    margin: 0 auto 30px;
    display: table;
    padding: 0 15px;
    line-height: 30px;
    border: 1px solid #00285f;
    color: #00285f;
    border-radius: 4px
}

.partners .partner-product .seemore .icon-up {
    margin: 9px 0 0 6px;
    float: right
}

.partners .partner-product .menu-open {
    display: none
}

.partners .partner-product hr {
    border: 0;
    height: 1px;
    background-color: #ddd;
    margin: 15px -15px 30px
}

.partners .partner-product .partner-product-box {
    margin-bottom: 30px
}

.partners .partner-product .partner-product-box .row {
    position: relative;
    margin: 15px 0 30px
}

.partners .partner-product .partner-product-box .partner-product-icon {
    width: 45px;
    height: 45px;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 24px;
    background-color: #fff;
    margin: 0 15px 0 0;
    padding: 6px 0 0;
    float: left
}

.partners .partner-product .partner-product-box .partner-product-icon.flight {
    border: 2px solid #009aff;
    color: #009aff
}

.partners .partner-product .partner-product-box .partner-product-icon.hotel {
    border: 2px solid #fb387e;
    color: #fb387e
}

.partners .partner-product .partner-product-box .partner-product-icon.train {
    border: 2px solid #00285f;
    color: #00285f
}

.partners .partner-product .partner-product-box .partner-product-icon.event {
    border: 2px solid #6f59ff;
    color: #6f59ff
}

.partners .partner-product .partner-product-box .partner-product-icon.car {
    border: 2px solid #14ac33;
    color: #14ac33
}

.partners .partner-product .partner-product-box .partner-product-icon>i {
    color: inherit
}

.partners .partner-product .partner-product-box .partner-product-name {
    font-size: 16px;
    margin: 15px 0 0;
    display: inline-block;
    float: left;
    text-transform: uppercase;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif
}

.partners .partner-product .partner-product-box .partner-product-name.flight {
    color: #009aff
}

.partners .partner-product .partner-product-box .partner-product-name.hotel {
    color: #fb387e
}

.partners .partner-product .partner-product-box .partner-product-name.train {
    color: #00285f
}

.partners .partner-product .partner-product-box .partner-product-name.event {
    color: #6f59ff
}

.partners .partner-product .partner-product-box .partner-product-name.car {
    color: #14ac33
}

.partners .partner-product .partner-product-box .partner-product-picture {
    text-align: center
}

.partners .partner-product .partner-product-box .partner-product-picture img {
    max-width: 100%;
    margin-bottom: 15px
}

.partners .partner-product .partner-product-box .partner-product-picture+.p1>p {
    padding-right: 0
}

.partners .partner-product .partner-product-box .p1 {
    margin-bottom: 15px;
    line-height: 1.56;
    position: relative
}

.partners .partner-product .partner-product-box .p1>p {
    margin: 0;
    width: inherit
}

.partners .partner-product .partner-product-box .partner-product-list-partner {
    text-align: center
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div {
    margin: 0 10px 30px;
    display: inline-block
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div.product-car,
.partners .partner-product .partner-product-box .partner-product-list-partner>div.product-flight,
.partners .partner-product .partner-product-box .partner-product-list-partner>div.product-hotel {
    float: left;
    width: calc((100% - 30px)/5)
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div.product-event {
    width: 24%
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div a {
    display: block;
    width: 100%;
    height: inherit
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div img {
    height: 36px
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div img.img-hotel {
    height: 60px
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div.logo-hotel {
    width: 89px
}

.partners .partner-product .partner-product-box .partner-product-list-partner>div.logo-wide {
    width: 120px
}

.partners .partner-product .partner-product-box .partner-train.fix {
    position: inherit;
    top: 0;
    margin: 15px auto;
    display: block
}

#scrollToTop,
.how-to-order h1 {
    text-align: center;
    font-weight: 500
}

#scrollToTop {
    width: 60px;
    height: 60px;
    color: #00285f;
    text-decoration: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #fff;
    display: none;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border-radius: 50%;
    z-index: 1000
}

#scrollToTop .icon {
    display: block;
    font-size: 24px;
    margin: 10px 0 0
}

.how-to-order {
    color: #222
}

.how-to-order .head {
    width: 100%;
    min-height: 160px;
    background: #83c4e4 url(../../images/howto/header.jpg) center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    line-height: 22px;
    margin: 0 0 15px
}

.how-to-order .head .container-head {
    width: 64%;
    padding: 15px 0 0 15px
}

.how-to-order .head h4 {
    font-size: 16px
}

#scrollToTop,
.how-to-order .head h3 {
    font-size: 14px
}

.how-to-order h1 {
    font-size: 16px;
    padding: 0 0 15px
}

.how-to-order .cara-menu {
    border-bottom: 1px solid #ddd
}

.category-item ul,
.how-to-order .cara-menu ul {
    text-align: center;
    font-size: 13px;
    width: 100%;
    white-space: nowrap
}

.how-to-order .cara-menu li {
    display: inline-block;
    width: 20%;
    float: left
}

.how-to-order .cara-menu li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    padding: 10px 0;
    color: #888;
    width: 100%
}

.how-to-order .cara-menu li a .icon {
    font-size: 30px;
    margin-bottom: 10px;
    display: block;
    border-right: 1px solid #ddd
}

.how-to-order .cara-menu li:last-child a .icon {
    border-right: 0
}

.how-to-order .cara-menu .current-flight a {
    color: #009aff;
    border-bottom: 3px solid #009aff
}

.how-to-order .cara-menu .current-hotel a {
    color: #fb387e;
    border-bottom: 3px solid #fb387e
}

.how-to-order .cara-menu .current-train a {
    color: #00285f;
    border-bottom: 3px solid #00285f
}

.how-to-order .cara-menu .current-car a {
    color: #14ac33;
    border-bottom: 3px solid #14ac33
}

.how-to-order #tabs .tab-links li .active,
.how-to-order .cara-menu .current-event a {
    color: #6f59ff;
    border-bottom: 3px solid #6f59ff
}

.how-to-order .desc-step h2 {
    font-size: 16px;
    line-height: 120%;
    color: #0064d2;
    padding: 25px 6px;
    font-weight: 700
}

.how-to-order .desc-step h2:after {
    content: "";
    clear: both
}

.how-to-order .desc-step h2 span {
    color: #fff;
    background: #0064d2;
    font-size: 20px;
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: -4px 15px 4px 0;
    text-align: center;
    line-height: 30px;
    float: left
}

.how-to-order .desc-step img {
    width: 100%;
    max-width: 100%;
    margin: 0 0 15px
}

.how-to-order .desc-step p {
    font-size: 14px;
    line-height: 20px;
    color: #888;
    padding: 0 6px 15px
}

.how-to-order .desc-step .terms {
    color: #222
}

.how-to-order .desc-step hr {
    margin: 20px 6px;
    border: 0;
    height: 1px;
    background-color: #ddd
}

.how-to-order .desc-step ul {
    list-style: disc;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 15px 25px
}

.how-to-order #tabs .tab-links {
    clear: both;
    margin: 0 -15px;
    border-bottom: 1px solid #ddd
}

.how-to-order #tabs .tab-links li {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 50%;
    float: left;
    border-bottom: 1px solid #ddd
}

.how-to-order #tabs .tab-links li .active {
    font-weight: 700
}

.jumbotron {
    position: relative;
    height: 160px;
    background: url(/2/images/faq/bg.jpg) no-repeat center;
    background-size: cover
}

.category-title,
.jumbotron .content {
    text-align: center
}

.jumbotron .content h2 {
    color: #fff;
    font-size: 16px;
    padding: 50px 0 15px
}

.jumbotron .form-search-faq {
    margin: 0 auto;
    padding: 0 6%;
    display: block;
    text-align: center
}

.jumbotron .btn-search,
.jumbotron .txt-search {
    display: inline-block;
    background-color: #fff;
    border: 0;
    border-radius: 6px
}

.jumbotron .btn-search {
    float: left;
    height: 40px;
    width: 40px;
    margin: 0 0 0 -40px;
    padding: 0;
    color: #00285f;
    font-size: 18px;
    text-align: center
}

.jumbotron .txt-search {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 45px 0 15px;
    font-size: 14px;
    font-family: SamsungSans-Regular, Arial;
    float: left
}

.category-title {
    font-size: 16px;
    padding: 30px
}

.category-item,
.search-result-faq li.disabled img {
    margin-bottom: 20px
}

.category-item li {
    display: inline-block;
    width: 16.6666667%;
    float: left
}

.category-item li a {
    display: block;
    padding: 10px 0;
    color: #ddd;
    width: 100%
}

.category-item li a .icon {
    font-size: 24px;
    margin-bottom: 10px;
    display: inline-block;
    background: #ddd;
    color: #fff;
    padding: 10px;
    border-radius: 100%;
    line-height: 16px
}

.category-item li a span {
    display: block;
    font-size: 11px;
    width: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: auto
}

.category-item .current-tiket-dot a {
    color: #fdcb04
}

.category-item .current-tiket-dot .icon {
    background-color: #fdcb04
}

.category-item .current-flight a {
    color: #009aff
}

.category-item .current-flight .icon {
    background-color: #009aff
}

.category-item .current-hotel a {
    color: #fb387e
}

.category-item .current-hotel .icon {
    background-color: #fb387e
}

.category-item .current-train a {
    color: #00285f
}

.category-item .current-train .icon {
    background-color: #00285f
}

.category-item .current-car a {
    color: #14ac33
}

.category-item .current-car .icon {
    background-color: #14ac33
}

.category-item .current-entertainment a {
    color: #6f59ff
}

.category-item .current-entertainment .icon {
    background-color: #6f59ff
}

.faq-mobile-list .question {
    font-size: 16px;
    line-height: 22px;
    padding: 15px;
    color: #222;
    border-top: 1px solid #ddd
}

.faq-mobile-list .question .icon,
.train-route-page ul.train-list li a:hover {
    color: #00285f
}

.faq-mobile-list .answer {
    font-size: 14px;
    line-height: 22px;
    padding: 0 15px 15px;
    color: #888
}

.faq-mobile-list .answer h3 {
    color: #222;
    font-size: 14px;
    font-family: "SamsungSans-Medium", Arial;
    padding-bottom: 5px
}

.faq-mobile-list .answer hr {
    margin: 15px 0;
    height: 0;
    border: 0;
    border-top: 1px solid #ddd
}

.faq-mobile-list .answer hr:last-child {
    display: none
}

.faq-mobile-list .answer img {
    max-width: 100%;
    width: 100%
}

.faq-mobile-list .answer a {
    color: #00285f;
    text-decoration: none
}

.faq-mobile-list .answer ul {
    list-style-type: disc;
    margin-left: 20px
}

.faq-mobile-list .answer ol {
    margin-left: 20px;
    list-style-type: decimal
}

.faq-content h1 {
    font-size: 16px;
    font-weight: 700;
    color: #0064d2;
    padding: 12px 15px
}

.search-result-faq {
    padding: 15px
}

.search-result-faq .title-head {
    font-size: 16px;
    padding: 0 15px 15px;
    margin: 0 -15px;
    border-bottom: 1px solid #ddd;
    font-family: "SamsungSans-Medium", Arial
}

.search-result-faq .list-items {
    padding: 12px 0;
    line-height: 20px;
    border-bottom: 1px solid #ddd
}

.search-result-faq li.disabled {
    padding: 70px 0;
    border: 0;
    text-align: center
}

.search-result-faq .info {
    font-size: 14px;
    font-family: "SamsungSans-Medium", Arial
}

.search-result-faq .subinfo {
    font-size: 13px;
    color: #888
}

.search-result-faq .pagination {
    text-align: center;
    font-size: 16px;
    margin: 30px 0
}

.search-result-faq .pagination a {
    background-color: #fff;
    margin: 0 6px;
    color: #222
}

.search-result-faq .pagination .current {
    background-color: #00285f;
    color: #fff;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block
}

.search-result-faq .pagination a:first-child,
.search-result-faq .pagination a:last-child,
.search-result-faq .pagination span:first-child,
.search-result-faq .pagination span:last-child {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 28px;
    color: #00285f
}

.search-result-faq .pagination a:last-child,
.search-result-faq .pagination span:last-child {
    float: right
}

.reschedule-payment .card-box .btn-secondary {
    position: absolute;
    right: 15px;
    top: 14px;
    border: 0;
    font-family: "SamsungSans-Medium", Arial
}

.myorder .ellipsis-popup .reschedule-popup-box {
    position: relative;
    background: #fdcb04;
    border-radius: 50%;
    width: 258px;
    height: 258px;
    margin: 35% auto
}

.myorder .ellipsis-popup .reschedule-popup-box .reschedule-popup-msg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 15px
}

.myorder .ellipsis-popup .reschedule-popup-box .reschedule-popup-msg h2 {
    font-family: "SamsungSans-Medium", Arial;
    font-size: 22px;
    color: #0064d2
}

.myorder .ellipsis-popup .reschedule-popup-box .reschedule-popup-msg p {
    font-size: 16px;
    line-height: 25px;
    margin: 10px 0 0
}

.myorder .ellipsis-popup .reschedule-popup-box .reschedule-popup-msg p span {
    background-color: #f7f7f7;
    padding: 5px 1px;
    border-radius: 8px
}

.myorder .ellipsis-popup .reschedule-popup-box .reschedule-popup-msg p span i {
    color: #888;
    font-size: 18px;
    vertical-align: sub
}

.train-route-head {
    text-align: center;
    background: #0064d2 url(../../../cardamom/dist/images/train-background.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 30px 20px
}

.train-route-head h1 {
    font-size: 18px;
    line-height: 140%
}

.train-route-page {
    color: #222;
    padding: 25px 15px;
    line-height: 140%;
    border-top: 1px solid #ddd;
    margin-top: 25px
}

.train-route-page h2,
.train-route-page h3 {
    font-size: 16px;
    padding-bottom: 20px;
    padding-top: 10px;
    font-weight: 500;
    line-height: 120%;
    color: #222
}

.train-route-page h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    color: #222
}

.train-route-page p {
    font-size: 14px;
    line-height: 25px;
    color: #666!important;
    padding-bottom: 0
}

.train-route-page ul.train-list {
    list-style: none;
    padding: 0;
    font-size: 14px;
    line-height: 28px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin: 0 0 20px
}

.train-route-page ul.train-list li {
    display: block
}

.train-route-page .train-table {
    overflow-x: auto;
    display: block;
    max-width: 100%;
    width: 100%;
    color: #666;
    margin: 20px 0 40px;
    border-collapse: collapse
}

.train-route-page .train-table tr:nth-child(odd) {
    background: #f4f4f1
}

.train-route-page .train-table tr:first-child th:first-child {
    border-radius: 8px 0 0 0
}

.train-route-page .train-table tr:first-child th:last-child {
    border-radius: 0 8px 0 0
}

.train-route-page .train-table th {
    font-size: 16px;
    color: #222;
    padding: 15px;
    font-weight: 400;
    font-family: "SamsungSans-Medium", Arial, Helvetica, Sans-serif;
    white-space: nowrap;
    text-align: left
}

.train-route-page .train-table td {
    font-size: 14px;
    padding: 15px;
    white-space: nowrap
}

.train-route-page hr {
    height: 0;
    border: 0;
    border-top: 1px dashed #ddd;
    margin: 10px 0
}

.train-route-page span {
    font-size: 14px;
    line-height: 25px;
    color: #666
}

.train-route-page .menu-open {
    display: none
}

.train-route-page a.seemore {
    text-align: right;
    color: #0064d2;
    padding: 5px 0;
    display: block
}

.train-route-page .train_station_image {
    overflow-x: auto;
    display: block;
    max-width: 100%;
    width: 100%;
    white-space: nowrap;
    margin: 15px 0
}

.train-route-page .tab-pane {
    margin-bottom: 30px
}

.header-howto {
    background-image: linear-gradient(to right, #0064d2, #009aff)
}

.howto-refund .head-page {
    background: #0064d2;
    height: 100px;
    color: #fff
}

.howto-refund .head-page img {
    height: 64px;
    float: left;
    margin: 15px 15px 0 0
}

.howto-refund .head-page h1 {
    font-size: 13px;
    line-height: 130%;
    padding: 30px 0 5px;
    margin: 0
}

.howto-refund .head-page h2 {
    font-size: 16px;
    margin: 0;
    padding: 0
}

.howto-refund ul.nav-tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
    background: #fff;
    z-index: 4;
    top: 0
}

.howto-refund ul.nav-tabs li.tabs__item {
    font-size: 14px;
    display: table-cell
}

.howto-refund ul.nav-tabs li.tabs__item a.tabs__link {
    display: block;
    color: #888;
    padding: 12px 0;
    text-decoration: none;
    border-bottom: 2px solid #ddd
}

.howto-refund ul.nav-tabs li.tabs__item a.tabs__link.active {
    color: #009aff;
    border-bottom: 2px solid #009aff
}

.howto-refund ul.nav-tabs li.tabs__item a.tabs__link span {
    padding: 2px 0;
    display: block
}

.howto-refund .content-tabs {
    text-align: center;
    padding: 15px 30px
}

.howto-refund .content-tabs img {
    width: 100%;
    margin: 15px 0
}

.howto-refund .content-tabs h3,
.howto-refund .content-tabs p {
    text-align: left
}

.howto-refund .content-tabs h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-indent: -45px;
    margin-left: 30px
}

.howto-refund .content-tabs h3 span {
    color: #0064d2;
    border: 2px solid #0064d2;
    border-radius: 100px;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 10px 0 0;
    font-size: 14px;
    text-indent: 0
}

.howto-refund .content-tabs p {
    color: #888;
    font-size: 13px;
    line-height: 1.62;
    padding-bottom: 30px
}

;
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    display: none;
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

;
.alert {
    padding: 10px;
    border-radius: 0;
    border: 1px solid transparent;
}


/*.alert p {*/


/*margin-bottom: 5px !important;*/


/*}*/

.alert-success {
    color: #34a263;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-success hr {
    border-top-color: #cdefdb;
}

.alert-success .alert-link {
    color: #287b4b;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #43a3e5;
}

.alert-info hr {
    border-top-color: #d6ebfa;
}

.alert-info .alert-link {
    color: #1e8cd7;
}

.alert-warning {
    background-color: #fdf3e5;
    color: #efa231;
    border-color: #FDDED4;
}

.alert-warning hr {
    border-top-color: #fbe8cd;
}

.alert-warning .alert-link {
    color: #dc8911;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-danger hr {
    border-top-color: #f4d8d4;
}

.alert-danger .alert-link {
    color: #9d392b;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0)
}

.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}