body {
    font-family: 'Open Sans';
}

input.error,
select.error {
    border: 1px solid rgb(203, 43, 43) !important;
}

label.error {
    color: rgb(203, 43, 43) !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    appearance: textfield;
}

.ui-dialog-error-list {
    padding: 0 15px;
}

.select2-container--default .select2-results__option--disabled {
    display: none;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    height: 36px;
}

.form-control[disabled],
.form-control[readonly],
.date-picker[disabled],
fieldset[disabled] .form-control {
    background-color: inherit;
}

.number-field {
    position: relative;
}

.number-nav {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.number-button {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-left: 1px solid rgb(210, 210, 210);
    text-align: center;
    position: relative;
    line-height: 17px;
    cursor: pointer;
    font-size: 13px;
    width: 20px;
}

.number-button.up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid rgb(210, 210, 210);
}

.number-button.down {
    position: absolute;
    bottom: 1px;
    height: 50%;
}

.depart-information .btn-select.ui-selecting {
    background: #ccc;
}

.depart-information .btn-select.ui-selected {
    background: red;
}

.side-login-link {
    position: relative;
    display: block;
    cursor: pointer;
}

.side-login-link #signin-button {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

.ui-widget-overlay {
    background: rgb(255, 255, 255);
    opacity: 0.7;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
    display: none;
}

#term-condition .modal-dialog {
    max-width: 680px;
    width: 680px;
}

#term-condition .modal-dialog .modal-header {
    padding: 30px 30px 10px
}

#term-condition .modal-dialog .modal-body {
    padding: 10px 30px 10px;
}

#term-condition .modal-dialog .modal-footer {
    padding: 10px 30px 30px;
}

.modal-dialog .fancybox-content {
    max-height: none !important;
    max-width: 900px !important;
    width: 93% !important;
}

.modal-dialog .btn-control {
    margin-top: 0;
    background-color: rgb(255, 255, 255);
    padding: 0 15px 15px;
}

.modal-dialog .close-btn {
    position: absolute;
    top: -17px;
    right: -17px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    background: url('../img/close.svg') rgb(39, 38, 94);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center center;
    opacity: 1;
}

.modal-content {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.modal-content .modal-title {
    font-size: 24px;
}

.modal-sub-title {
    color: rgb(16, 163, 193);
    font-size: 14px;
    margin-bottom: 0;
}

.modal-content .form-block .message {
    border: none;
    padding: 0;
    margin-bottom: 10px;
}

.modal-content .form-block .message p {
    padding: 15px;
    margin: 0;
}

.modal-content .form-block .message ul {
    margin: 0;
    padding: 10px 15px;
    list-style: none;
}

.modal-content .form-block .message ul li {
    padding: 5px 0;
    font-weight: 600;
}

.modal-content .form-block .message ul li span {
    padding-right: 10px;
}

.modal-content .form-area {
    padding: 30px 0;
}

.modal-content .form-area textarea {
    resize: none;
}

.rating {
    overflow: hidden;
    display: block;
    padding: 2px 0;
    float: left;
}

.rating-input {
    float: right;
    width: auto;
    height: 23px;
    padding: 0;
    margin: 0 5px 0 -23px;
    opacity: 0;
}

.rating-star {
    background: url('../img/star-empty.svg');
    position: relative;
    display: block;
    height: 23px;
    float: right;
    width: 23px;
}

.rating-star:hover {
    background: url('../img/star-fill.svg');
}

.rating-star:hover,
.rating-star:hover~.rating-star {
    background: url('../img/star-fill.svg');
}

.rating-star:hover,
.rating-star:hover~.rating-star,
.rating-input:checked~.rating-star {
    background: url('../img/star-fill.svg');
}

.modal-content .has-error .form-control,
.modal-content .has-error .chosen-container-single .chosen-single {
    border-color: #a94442;
}

.modal-content .ticket {
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 5px;
}

.modal-content .blue {
    color: rgb(16, 163, 193);
}

.modal {
    padding-left: 0;
}

.background-first {
    height: 100vh;
    background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0) 46.666666666666664%, rgba(22, 34, 59, 0.5) 100%), url('../img/first-bg.jpeg');
    background-image: -moz-linear-gradient(270deg, rgba(0, 0, 0, 0) 46.666666666666664%, rgba(22, 34, 59, 0.5) 100%), url('../img/first-bg.jpeg');
    background-image: -o-linear-gradient(270deg, rgba(0, 0, 0, 0) 46.666666666666664%, rgba(22, 34, 59, 0.5) 100%), url('../img/first-bg.jpeg');
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 46.666666666666664%, rgba(22, 34, 59, 0.5) 100%), url('../img/first-bg.jpeg');
    background-repeat: no-repeat;
    background-size: 100% 100%, cover;
    background-position: 0% 0%, right bottom;
    background-attachment: fixed;
    color: rgb(73, 73, 85);
}

.container-no-result p {
    padding: 10px 15px;
    margin-bottom: 0;
    border: 1px solid rgb(166, 194, 201);
}

.no-gutter>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.header {
    width: 100%;
    height: 100px;
    background-image: -webkit-linear-gradient(270deg, rgba(255, 255, 255, 0.75) 28.57142857142857%, rgba(16, 163, 193, 0.34) 100%);
    background-image: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0.75) 28.57142857142857%, rgba(16, 163, 193, 0.34) 100%);
    background-image: -o-linear-gradient(270deg, rgba(255, 255, 255, 0.75) 28.57142857142857%, rgba(16, 163, 193, 0.34) 100%);
    background-image: -ms-linear-gradient(270deg, rgba(255, 255, 255, 0.75) 28.57142857142857%, rgba(16, 163, 193, 0.34) 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.75) 28.57142857142857%, rgba(16, 163, 193, 0.34) 100%);
}

.header-line {
    float: left;
    clear: both;
    width: 100%;
    padding-top: 10px;
    background: rgb(35, 34, 126);
    background: -webkit-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: -moz-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: -o-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: -ms-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: linear-gradient(450deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
}

.thank-you-img {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.logo-header {
    padding-top: 20px;
}

.thank-you {
    float: left;
    clear: both;
    width: 100%;
    padding-bottom: 50px;
    background-color: rgb(230, 238, 239);
    min-height: 400px;
}

.thank-you .wrapper {
    padding: 50px 0 0;
    max-width: 500px;
    margin: 0 auto;
}

.thank-you .wrapper .form-area {
    padding: 30px;
}

.thank-you .wrapper label {
    color: rgb(35, 34, 126);
    font-size: 12px;
    margin-bottom: 5px;
    display: block;
}

.thank-you .wrapper input {
    border-color: rgb(210, 210, 210);
    padding: 0 10px;
    border-radius: 2px;
}

.thank-you .wrapper select {
    width: 100%;
    padding: 0 7px;
    height: 34px;
    border-radius: 2px;
}

.thank-you .wrapper button {
    background-color: rgb(220, 91, 14);
    color: rgb(255, 255, 255);
    border: none !important;
    padding-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    padding-top: 10px;
    margin-top: 15px;
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    display: block;
    width: 100%;
}

.thank-you .wrapper .nav-tabs.nav-justified>li.active a {
    background-color: rgb(255, 255, 255);
}

.thank-you .wrapper .nav-tabs.nav-justified>li a {
    background-color: rgb(163, 163, 176);
}

.thank-you .block-payment-type {
    margin-top: 10px;
}

.thank-you .block-payment-type img {
    width: 70px;
}

.thank-you .block-payment-type .option {
    text-align: center;
    padding: 10px;
}

.thank-you .block-payment-type .option span {
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0 10px;
    height: 70px;
}

.thank-you .block-payment-type .option span:last-child {
    padding-left: 0;
}

.thank-you .block-payment-type label {
    background: url('../img/logo-paychan.png');
    margin: 0 0 10px 0;
    display: block;
}

.thank-you .block-payment-type input {
    margin-top: 45px;
}

.thank-you .block-payment-type .mandiri-clickPay {
    width: 51px;
    height: 40px;
    background-position: -178px 0;
}

.thank-you .block-payment-type .bca-clickPay {
    width: 89px;
    height: 40px;
    background-position: -491px 0;
}

.thank-you .block-payment-type .visa-master {
    width: 91px;
    height: 40px;
    background-position: 0 0;
}

.thank-you .block-payment-type .klik-bca {
    width: 89px;
    height: 40px;
    background-position: -229px 0;
}

.thank-you .block-payment-type .paypal {
    width: 74px;
    height: 40px;
    background-position: -267px 0;
}

.thank-you .block-payment-type .atm {
    width: 74px;
    height: 40px;
    background-position: -801px -40px;
}

.thank-you .block-payment-type button {
    background-color: rgb(220, 91, 14);
    color: rgb(255, 255, 255);
    border: none !important;
    padding-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    margin: 30px auto;
    padding-top: 10px;
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    display: block;
    width: 120px;
}

.thank-you .title {
    padding-bottom: 20px;
    margin: 56px auto 0;
    font-size: 36px;
    font-weight: 300;
    line-height: 1.38;
    text-align: center;
    color: rgb(16, 163, 193);
}

.thank-you .paragraph {
    width: 60%;
    /*min-height: 143px;*/
    margin: 30px auto 0;
    font-size: 16px;
    text-align: center;
    color: rgb(73, 73, 85);
}

.thank-you .paragraph p {
    font-size: 18px;
}

.thank-you .line {
    width: 20%;
    height: 1px;
    margin: 30px auto 0;
    background-color: rgb(198, 216, 220);
}

.thank-you .footer-link {
    width: 40%;
    margin: 30px auto 0;
}

.thank-you .footer-link a {
    float: left;
    width: 50%;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.38;
    color: rgb(35, 34, 126);
    text-align: center;
}

.footer-line {
    float: left;
    clear: both;
    width: 100%;
    height: 20px;
    background: rgb(35, 34, 126);
    background: -webkit-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: -moz-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: -o-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: linear-gradient(450deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
}

.bg-blue {
    width: 100%;
    background: rgb(35, 34, 126);
    background: -webkit-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: -moz-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: -o-linear-gradient(0deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
    background: linear-gradient(450deg, rgb(35, 34, 126) 0%, rgb(16, 163, 193) 59.523809523809526%) rgb(35, 34, 126);
}

.top-header .title {
    font-size: 32px;
    vertical-align: middle;
    color: rgb(255, 255, 255);
    padding-top: 28px;
    padding-bottom: 28px;
    text-transform: uppercase;
    font-weight: 300;
}

.top-header .search-header {
    font-size: 26px;
    vertical-align: middle;
    padding-top: 30px;
    float: right;
}

.top-header .search-header a {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.search-bar .trip-type {
    width: 100%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgb(255, 255, 255);
}

.search-bar .tiny-title {
    padding: 5px 5px 5px 0;
    width: 100%;
    font-size: 12px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
}

.search-bar .container-first {
    padding: 20px 0 0 0;
}

.search-bar .container-destination {
    width: 45%;
    display: inline-block;
}

.search-bar .container-passagers {
    width: 40%;
    display: inline-block;
}

.search-bar .container-edit-search {
    width: 14%;
    display: inline-block;
}

.search-bar .container-edit-search a {
    position: relative;
    bottom: 10px;
    font-size: 14px;
    text-decoration: none;
    color: rgb(35, 34, 126);
    padding-left: 80px;
}

.search-bar .destination-name {
    line-height: 1.3;
    color: rgb(255, 255, 255);
    font-size: 22px;
    display: inline;
    vertical-align: top;
}

.search-bar .container-passagers p {
    position: relative;
    text-align: right;
    padding-right: 20px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    bottom: 10px;
}

.flip-icon-result {
    width: 10%;
    height: 36px;
    background-image: url('../img/flip-white.svg');
    background-repeat: no-repeat;
    background-size: 32px auto;
    background-position: center center;
    display: inline-block;
}


/**
   * Date Picker
   */

.ui-state-active,
.ui-widget-content .ui-state-active {
    background-color: black;
    border: 1px solid grey;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
}

.ui-datepicker-calendar tr td.markholiday a {
    color: red;
}

.ui-widget-header {
    background-color: rgb(43, 111, 156);
    color: white;
}

.ui-widget-content {
    background: rgb(230, 238, 239);
}

.ui-datepicker-prev span {
    background-image: url('../img/prev-white.svg') !important;
    background-position: 0px 0px !important;
    background-color: rgb(43, 111, 156);
}

.ui-datepicker-next span {
    background-image: url('../img/next-white.svg') !important;
    background-position: 0px 0px !important;
    background-color: rgb(43, 111, 156);
}

.ui-widget-header .ui-state-hover {
    background: none !important;
    border: none !important;
    font-weight: normal !important;
    right: 2px !important;
    top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}

.ui-datepicker .ui-datepicker-title select {
    color: #454545;
}

.container-form-search-first {
    background: rgb(255, 255, 255);
    position: fixed;
    bottom: 35px;
    left: 0;
    right: 0;
    z-index: 1;
    width: 95%;
    max-width: 1000px;
    margin: 0 auto;
    opacity: 0.97;
    border-radius: 5px;
    border: 0;
}

.container-form-search-first li a {
    background-color: rgba(159, 159, 173, 0.95);
    text-transform: uppercase;
}

.nav-tabs.nav-justified>li>a {
    border-radius: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    color: #23227e;
    padding-left: 40px;
    text-align: left;
    border-bottom: 0;
    border-left: none !important;
}

.nav-tabs.nav-justified>li>a.one {
    border-top-left-radius: 5px;
    border: none !important;
}

.nav-tabs.nav-justified>li>a.two {
    border-top-right-radius: 5px;
    border: none !important;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: rgba(159, 159, 173, 0.95);
    border-top-color: rgba(159, 159, 173, 0.95);
    border-bottom-color: none;
    border-right-color: rgba(159, 159, 173, 0.95);
    border-left-color: rgba(159, 159, 173, 0.95);
    color: #23227e;
}

.form-area {
    overflow: hidden;
    width: 100%;
    padding: 20px 40px 50px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: rgba(255, 255, 255, 0.95);
}

.way-form,
.text-my-reservation {
    float: left;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    border-bottom: 1px solid rgb(210, 210, 210);
    font-size: 16px;
    color: rgb(73, 73, 85);
    font-weight: 400;
    line-height: 1.5;
}

.way-form-radio {
    display: inline-block;
}

.way-form-radio label {
    font-weight: 600;
    padding-right: 10px;
}

.text-my-reservation p {
    font-size: 16px;
}

.schedule-form,
.passengers-form,
.find-reservation {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 15px;
}

.destination-form {
    float: left;
    width: 100%;
}

.adult-form,
.child-form,
.infant-form {
    width: 15%;
    float: left;
    margin-right: 10px;
}

.depart,
.return {
    width: 50%;
    float: left;
    padding-top: 15px;
}

.depart-full,
.full {
    width: 100% !important;
}

.return {
    padding-left: 1%;
}

.return-full {
    width: 100%;
}

.find-email,
.find-booking {
    float: left;
}

.find-email {
    width: 60%;
    padding-right: 10px;
}

.find-booking {
    width: 40%;
}

.find-email .container-form,
.find-booking .container-form {
    width: 100%;
}

.find-email .container-form input,
.find-booking .container-form input {
    width: 100%;
    height: 36px;
    padding: 10px;
    border-radius: 2px;
}

.find-booking .container-form input {
    float: right;
}

.date-picker {
    display: block;
    height: 36px;
    padding-left: 36px;
    background-image: url('../img/calendar-2.svg');
    background-repeat: no-repeat;
    background-size: 40px 25px;
    background-position: left center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(73, 73, 85);
    float: left;
    width: 100%;
    padding-right: 10px;
    border-radius: 2px;
}

.container-form {
    float: left;
    width: 33.33%;
}

.container-form-select {
    /*display: inline-block;
    float: left;
    width: 33.33%;*/
    padding: 0;
}

.container-form-btn {
    width: 45%;
    float: right;
    border: none;
}

.depart .container-form,
.return .container-form {
    width: 100%;
}

.adult-form .container-form,
.child-form .container-form,
.infant-form .container-form {
    width: 100%;
}

.container-form input,
.container-form button,
.container-form-btn button {
    border: 1px solid rgb(210, 210, 210);
}

.form-area form select,
.form-area form input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(73, 73, 85);
}

.from,
.to,
.rtn {
    display: block;
    width: 100%;
    height: 36px;
    padding-left: 30px;
    background-image: url('../img/pointer.svg');
    background-repeat: no-repeat;
    background-size: 35px 25px;
    background-position: left center;
    cursor: pointer !important;
    background-color: white !important;
}

.from:hover,
.to:hover,
.rtn:hover {
    color: rgb(73, 73, 85);
}

.form-area select {
    border: 1px solid rgb(210, 210, 210);
    appearance: none;
    font-weight: normal;
}

.to,
.rtn {
    border-left: none !important;
}

.from {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.to {
    border-radius: 0;
}

.rtn {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.adult {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 10px 0 40px;
    background-image: url('../img/adult-2.svg');
    background-repeat: no-repeat;
    background-size: 45px 25px;
    background-position: left center;
    border-radius: 2px;
    background-color: white !important;
}

.child {
    display: block;
    width: 100%;
    height: 36px;
    padding-left: 40px;
    background-image: url('../img/child-2.svg');
    background-repeat: no-repeat;
    background-size: 45px 25px;
    background-position: left center;
    border-radius: 2px;
    background-color: white !important;
}

.infant {
    display: block;
    width: 100%;
    height: 36px;
    padding-left: 40px;
    background-image: url('../img/infant-2.svg');
    background-repeat: no-repeat;
    background-size: 45px 25px;
    background-position: left center;
    border-radius: 2px;
    background-color: white !important;
}

.check-availability {
    display: block;
    float: right;
    width: 100%;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    background-color: rgb(220, 91, 14);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    color: rgb(255, 255, 255);
    border: none !important;
}

.way-form p,
.schedule-form p,
.passengers-form p,
.find-reservation p,
.find-booking p {
    float: left;
    width: 100%;
    font-size: 12px;
    color: rgb(35, 34, 126);
    font-weight: 600;
}

.form-area p span,
.your-details .your-detail-information label span,
.your-details .your-guest-detail label span,
.your-details .payment-method label span,
.your-details .additional-detail p span {
    color: red;
}

.background-white {
    background: white;
}

.title-information {
    background-color: rgb(230, 238, 239);
}

.title-information .title {
    font-size: 30px;
    font-weight: 200;
    color: rgb(16, 163, 193);
    padding-top: 30px;
}

.title-information .title-desc {
    color: #494955;
    font-size: 20px;
}

.title-information .title-note {
    color: rgb(242, 78, 78);
    font-size: 16px;
    text-align: center;
    margin: 20px 0 40px;
}

.container-sugestion-result {
    margin-top: 20px;
}

.box-shadow {
    border: 1px solid rgb(198, 216, 220);
    background-color: rgb(255, 255, 255);
}

.detail-information {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgb(230, 238, 239);
}

.detail-information .container-add {
    margin-top: 20px;
    /*padding-top: 20px;*/
    padding: 0;
}

.detail-information .container-add article {
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    transition: 0.3s linear;
    border: 1px solid rgb(198, 216, 220);
    background-color: rgb(254, 254, 254);
}

.detail-information .container-result-first {
    width: 75%;
    float: left;
    min-height: 225px;
}

.detail-information .container-result-second {
    width: 25%;
    float: left;
    min-height: 400px;
    border-left: 1px solid rgb(198, 216, 220);
}

.detail-information .title {
    padding: 10px 15px;
    border-bottom: 1px solid rgb(198, 216, 220);
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    color: rgb(73, 73, 85);
    min-height: 50px;
}

.detail-information .title span {
    float: right;
    font-size: 12px;
    color: rgb(242, 78, 78);
    margin-top: 10px;
}

.detail-information .title small {
    background: rgb(169, 68, 66);
    color: rgb(255, 255, 255);
    display: inline-block;
    border-radius: 2px;
    margin-left: 20px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
}

.detail-information .info-route {
    background-image: url('../img/depart-from-2.svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 10px 15px;
    padding-left: 3%;
    float: left;
    width: 35%;
    min-height: 350px;
}

.detail-information .info-seater {
    background-image: url('../img/depart-from-2.svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 10px 15px;
    padding-left: 3%;
    float: left;
    width: 35%;
    min-height: 350px;
}

.detail-information .info-passenger {
    background-image: url('../img/adult-2.svg');
    background-repeat: no-repeat;
    padding-left: 3%;
    background-size: 18px auto;
    background-position: 10px 15px;
    float: left;
    width: 20%;
    min-height: 350px;
}

.detail-information .info-tnc {
    background-image: url('../img/status.svg');
    background-repeat: no-repeat;
    padding-left: 3%;
    background-size: 18px auto;
    background-position: 10px 15px;
    padding-right: 10px;
    float: left;
    width: 80%;
    min-height: 350px;
}

.detail-information .info-transport {
    background-image: url('../img/transport.svg');
    background-repeat: no-repeat;
    padding-left: 3%;
    background-size: 18px auto;
    background-position: 10px 15px;
    float: left;
    width: 25%;
    min-height: 350px;
}

.detail-information .info-route,
.detail-information .info-passenger {
    border-right: 1px solid rgb(198, 216, 220);
}

.detail-information .info-route {
    font-weight: 600;
    font-size: 14px;
}

.detail-information .passenger-result,
.detail-information .transport-result {
    font-size: 12px;
    font-weight: 600;
}

.detail-information .passenger-result ul,
.detail-information .transport-result ul {
    padding-left: 12px;
}

.detail-information .passenger-result ul li,
.detail-information .transport-result ul li {
    color: #494955;
    font-size: 13px;
    line-height: 1.8em;
}

.detail-information .container-add article:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}

.detail-information .passenger-result span,
.detail-information .transport-result span {
    font-weight: normal;
}

.detail-information .heading-route,
.detail-information .heading-passenger,
.detail-information .heading-transport,
.detail-information .heading-tnc {
    padding-top: 10px;
    padding-left: 10px;
    line-height: 2.5;
    color: rgb(16, 163, 193);
    font-weight: 700;
    font-size: 12px;
    width: 100%;
    margin-bottom: 0;
}

.detail-information .routes {
    font-size: 14px;
    padding-left: 5px;
}

.detail-information .tnc {
    padding-left: 12px;
}

.routes ul li {
    padding-right: 5px;
    padding-left: 18px;
    background-repeat: no-repeat;
    background-size: 5px auto;
    background-position: 5px 50%;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.8em;
    color: #494955;
}

.routes ul li span {
    font-weight: normal;
}

.detail-airport-transfer ul li.clock {
    font-size: 11px;
}

/*.routes ul li:first-child {*/
/*    background-image: url('../img/start-route.svg');*/
/*}*/

/*.routes ul li:last-child {*/
/*    background-image: url('../img/end-route(4).svg');*/
/*}*/

/*.routes ul li:not(:first-child):not(:last-child) {*/
/*    background-image: url('../img/inbetween-route(4).svg');*/
/*}*/

.img-ship {
    float: left;
    width: 20%;
}

.img-ship img {
    object-fit: cover;
    width: 100%;
    display: inline;
}

.detail-information .container-price-select {
    width: 100%;
    padding-top: 10%;
}

.detail-information .total-price {
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
    color: rgb(16, 163, 193);
    text-align: center;
    position: relative;
    top: 10px;
}

.detail-information .disc-price {
    text-align: center;
    margin: 0;
    display: block;
    margin: 10px 0 -10px 0;
    text-decoration: line-through;
    color: #dc3545;
}

.detail-information .price {
    font-size: 26px;
    font-weight: 500;
    line-height: 2;
    text-align: center;
    color: #28a745;
}

.detail-information .border-price {
    border-left: 1px solid rgb(198, 216, 220);
}

.detail-information .btn-select {
    position: relative;
    bottom: 15px;
    border: none;
    display: block;
    width: 60%;
    margin: 15px auto 0;
    padding-top: 8px;
    padding-bottom: 10px;
    border-radius: 3px;
    background-color: rgb(220, 91, 14);
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    color: rgb(255, 255, 255);
}

.detail-information .btn-selected {
    position: relative;
    bottom: 15px;
    border: none;
    display: block;
    width: 60%;
    margin: 15px auto 0;
    padding-top: 8px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    color: rgb(255, 255, 255);
    background: url('../img/checked.svg') rgb(12, 123, 146);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 17px 8px;
}

.detail-information .opt-btn {
    color: rgb(255, 255, 255);
    margin: 5px auto 0;
    position: relative;
    font-size: 16px;
    width: 150px;
    height: 35px;
}

.detail-information .opt-btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.detail-information .opt-btn label {
    background-color: rgb(220, 91, 14);
    border-radius: 3px;
    position: absolute;
    text-align: center;
    height: 100%;
    width: 100%;
    margin: 0;
    left: 0;
    top: 0;
}

.detail-information .opt-btn label:after {
    content: 'Select';
    display: block;
    height: 35px;
    font-weight: 400;
    line-height: 35px;
}

.detail-information .opt-btn input:checked+label {
    background-color: rgb(12, 123, 146);
}

.detail-information .opt-btn input:checked+label:after {
    content: 'Selected';
    background-image: url('../img/checked.svg');
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    padding-left: 15px;
}

.detail-information .opt-btn input:disabled+label {
    background-color: rgb(153, 153, 153);
}

.detail-information .opt-btn input:disabled+label:after {
    content: 'Fully booked';
}

.detail-information .closed-port input:disabled+label:after {
    content: attr(data-btn);
}

.detail-information .closed-port-notif {
    color: rgb(242, 78, 78);
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
    font-weight: 700;
}

.has-error input,
.has-error select {
    border-color: #a94442;
}

.continue-reservation {
    padding: 30px 0 50px 0;
    background-color: rgb(230, 238, 239);
}

.continue-reservation .container {
    padding-right: 0;
    padding-left: 0;
}

.continue-reservation button {
    display: block;
    float: right;
    padding: 10px 30px 12px;
    border-radius: 3px;
    background-color: rgb(220, 91, 14);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.38;
    text-align: center;
    color: rgb(255, 255, 255);
    border: none;
    width: 30%;
}

.continue-reservation button[disabled] {
    background-color: rgb(198, 216, 220) !important;
}

.footer {
    padding-top: 30px;
    padding-bottom: 100px;
    background-color: rgb(198, 216, 220);
}

.footer .transfer-method {
    display: table-cell;
    padding-right: 10px;
    padding-left: 10px;
    width: 50%;
}

.footer .transfer-method p {
    border-bottom: 1px solid rgb(166, 194, 201);
    font-size: 14px;
    font-weight: 600;
}

.footer ul li {
    display: inline-block;
}

.footer ul li img {
    height: 40px;
}

.form-search-overlay {
    overflow: hidden;
    height: 0;
    transition: 0.5s linear;
}

.form-search-overlay.height-overlay {
    height: max-content;
    /*370px;*/
}

.form-search-overlay .edit-search,
.form-search-overlay .edit-search-reservation {
    display: inline;
    margin-bottom: 10%;
}

.form-search-overlay .edit-search .close,
.form-search-reservation .edit-search-reservation .close {
    width: 20%;
    height: 44px;
    border-radius: 3px;
    background-image: url('../img/close.svg');
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: center right;
    font-size: 1.231em;
    line-height: 1.38;
    text-align: center;
    color: rgb(0, 0, 0);
}

.form-search-overlay .edit-search-text,
.form-search-reservation .edit-search-text-reservation {
    width: 80%;
    display: inline;
    font-size: 26px;
    height: 70px;
}

.form-search-overlay .form-area {
    padding: 20px 0;
}

.form-search-reservation {
    position: absolute;
    top: 20.5%;
    right: 0;
    left: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s linear;
}

.booking .box-shadow {
    margin: 20px 0 20px 0;
}

.booking .booking-numb {
    width: 100%;
    padding: 20px 15px 20px 15px;
    border-bottom: 1px solid rgb(198, 216, 220);
}

.booking .booking-numb button,
.booking .booking-numb a {
    float: right;
    width: 150px;
    height: 30px;
    border-radius: 2px;
    background-color: rgb(74, 73, 147);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    border: none;
}

.booking .booking-numb a {
    text-decoration: none;
}

.booking .numb {
    font-size: 26px;
    display: inline-block;
}

.booking .short-text {
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    color: rgb(16, 163, 193);
    display: inline-block;
}

.booking .booking-name {
    display: flex;
    width: 100%;
    padding: 20px 15px 20px 15px;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid rgb(198, 216, 220);
}

.booking .booking-detail {
    display: flex;
    width: 100%;
}

.booking .booking-detail .route,
.booking .booking-detail .passengers,
.booking .booking-detail .pickup,
.booking .booking-detail .departs,
.booking .booking-detail .status {
    width: 20%;
    display: inline-block;
    padding: 5px;
}

.booking .booking-detail .route,
.booking .booking-detail .passengers,
.booking .booking-detail .pickup,
.booking .booking-detail .departs {
    border-right: 1px solid rgb(198, 216, 220);
}

.booking .heading-route,
.booking .heading-passenger,
.booking .heading-pickup,
.booking .heading-depart,
.booking .heading-status {
    padding-left: 25px;
    line-height: 2.2;
    color: rgb(16, 163, 193);
    font-weight: 700;
    font-size: 12px;
    width: 100%;
}

.booking .booking-detail .text,
.booking .booking-detail ul li {
    padding-left: 25px;
    font-weight: 700;
}

.booking .pic-format {
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 10px 10px;
    padding-left: 3%;
    float: left;
    width: 30%;
}

.booking .route {
    background-image: url('../img/depart-from-2.svg');
}

.booking .passengers {
    background-image: url('../img/adult-2.svg');
}

.booking .pickup {
    background-image: url('../img/transport.svg');
}

.booking .departs {
    background-image: url('../img/calendar-2.svg');
}

.booking .status {
    background-image: url('../img/status.svg');
}

.new-reservation .btn-select {
    float: left;
    margin-top: 10px;
    margin-bottom: 90px;
    border: none;
    width: 30%;
    padding: 10px;
    border-radius: 3px;
    background-color: rgb(220, 91, 14);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.new-reservation .add-feedback {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 90px;
    border: none;
    width: 200px;
    padding: 10px;
    border-radius: 3px;
    background-color: rgb(220, 91, 14);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.reservation-detail .title {
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    color: rgb(16, 163, 193);
    display: inline-block;
}

.reservation-detail .select2-container .select2-selection--single {
    height: 34px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.reservation-detail .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.reservation-detail .select2-container--default .select2-selection--single {
    border-color: rgb(166, 166, 183);
    border-radius: 2px;
}

.reservation-detail .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.reservation-detail {
    border-bottom: 1px solid rgb(198, 216, 220);
}

.booking-details {
    border-top: 1px solid rgb(198, 216, 220);
    display: flex;
    width: 100%;
}

.booking-details p.title,
.trip-details p.title,
.transport-pickup-dropoff p.title,
.total-all p.title,
.subtotal-all p.title,
.discount-all p.title {
    color: rgb(16, 163, 193);
    font-size: 12px;
    font-weight: 600;
}

.booking-details .booked-by {
    width: 33.33%;
    padding: 10px 0 10px;
}

.booking-details .booked-by p:last-child {
    margin-bottom: 0;
}

.booking-details .booked-day,
.booking-details .booked-source,
.booking-details .booked-status {
    width: 33.33%;
    padding: 10px 0 10px 20px;
}

.booking-details .booked-status {
    text-align: right;
}

.reservation-detail input,
.reservation-detail select,
.trip-detail input,
.trip-detail select,
.transport-pickup-dropoff select,
.transport-pickup-dropoff input,
.passenger-details input {
    width: 90%;
    border: 1px solid rgb(166, 166, 183);
    border-radius: 2px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.38;
    color: rgb(73, 73, 85);
}

.trip-details {
    display: flex;
    width: 100%;
    border: 1px solid rgb(198, 216, 220);
}

.trip-detail .title,
.passenger-details .title,
.cancelation-request .title {
    background: rgb(245, 245, 245);
    color: rgb(16, 163, 193);
    padding: 10px;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}

.trip-detail .short-text {
    border: 1px solid rgb(198, 216, 220);
    border-bottom: 0;
    margin: 10px 0 0;
    padding: 10px;
    font-weight: bold;
    font-size: 14px;
}

.trip-details .departure,
.trip-details .arrival,
.trip-details .adults,
.trip-details .childs,
.trip-details .infants,
.trip-details .sub-total {
    width: 20%;
}

.trip-details .departure .title,
.trip-details .arrival .title,
.trip-details .adults .title,
.trip-details .childs .title,
.trip-details .infants .title,
.trip-details .sub-total .title {
    background: none;
}

.trip-details p {
    padding: 0 10px;
}

.trip-details .sub-total strong small {
    display: block;
    color: rgb(242, 78, 78);
    text-decoration: line-through;
    font-size: 12px;
}

.trip-details .sub-total,
.transport-pickup-dropoff .transport-fee {
    text-align: right;
}

.transport-pickup-dropoff {
    display: inline-block;
    width: 100%;
    border-top: 0;
    white-space: nowrap;
    padding: 0 10px 20px;
    border: 1px solid rgb(198, 216, 220);
    border-top: 0;
}

.transport-pickup-dropoff .pickup-transport,
.transport-pickup-dropoff .transport-fee {
    display: inline-block;
}

.reservation-detail,
.trip-detail,
.passenger-details {
    font-size: 12px;
}

.transport-pickup-dropoff .pickup-transport .title,
.transport-pickup-dropoff .transport-fee .title {
    padding: 10px 0;
}

.transport-pickup-dropoff .pickup-transport {
    width: 80%;
}

.transport-pickup-dropoff .pickup-transport label.first {
    color: rgb(16, 163, 193);
    padding: 10px 0 0;
    font-size: 12px;
    font-weight: 600;
}

.transport-pickup-dropoff .pickup-transport .col-2 .form-group {
    margin-bottom: 0;
}

.transport-pickup-dropoff .pickup-transport label {
    color: rgb(16, 163, 193);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    padding-top: 10px;
}

.pickup-transport .title {
    width: 100%;
}

.pickup-transport .col-1 {
    width: 50%;
    float: left;
}

.pickup-transport .col-2 {
    width: 50%;
    float: left;
}

.pickup-transport .col-1 .title-second {
    color: rgb(16, 163, 193);
    font-size: 12px;
    font-weight: 600;
    padding: 10px 0 0;
}

.pickup-transport .body {
    width: 50%;
    display: -webkit-inline-box;
    vertical-align: top;
}

.pickup-transport .desc {
    width: 40%;
    display: -webkit-inline-box;
    white-space: normal;
}

.transport-pickup-dropoff .transport-fee {
    width: 20%;
    vertical-align: top;
}

.transport-pickup-dropoff .pickup-transport .title,
.transport-pickup-dropoff .transport-fee .title {
    background: none;
}

.total-all,
.subtotal-all,
.discount-all {
    border-top: 1px solid rgb(198, 216, 220);
}

.modal-content .total-all {
    margin-top: 20px;
}

.total-all p.title,
.total-all p.amount,
.subtotal-all p.title,
.subtotal-all p.amount,
.discount-all p.title,
.discount-all p.amount {
    text-align: right;
    width: 100%;
    right: 0;
    position: relative;
}

.total-all p.title {
    padding-top: 10px;
    background: none;
}

.total-all p.amount {
    font-size: 26px;
}

.person-detail .col-1 {
    width: 40%;
    display: inline-block;
}

.person-detail .col-2,
.person-detail .col-3,
.person-detail .col-4 {
    width: 20%;
    display: inline-block;
}

.passenger-details .title {
    border: 1px solid rgb(198, 216, 220);
    border-top: 0;
    font-size: 14px !important;
    background: #f2f5f5;
    color: #333;
}

.passenger-details .select2-container .select2-selection--single {
    height: 34px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.passenger-details .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.passenger-details .select2-container--default .select2-selection--single {
    border-color: rgb(166, 166, 183);
    border-radius: 2px;
}

.passenger-details .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.person-detail .col-1 .person,
.person-detail .col-2 .gender,
.person-detail .col-3 .dob,
.person-detail .col-4 .nationality {
    color: rgb(16, 163, 193);
    font-size: 12px;
    font-weight: 600;
}

/*.passenger-details {
    border-bottom: 4px solid rgb(198, 216, 220);
    padding-bottom: 20px;
}*/
.passenger-details .p-detail-block {
    border: 1px solid rgb(198, 216, 220);
    border-top: 0;
}

.passenger-details .p-detail-block strong {
    display: block;
    padding-bottom: 7px;
    font-weight: normal;
}

.passenger-details .p-detail-block ul {
    padding: 0 10px;
    margin: 0 -10px;
}

.passenger-details .p-detail-block ul li {
    list-style: none;
    padding: 10px;
    border-bottom: 1px solid rgb(198, 216, 220);
}

.passenger-details .p-detail-block ul:last-child li {
    border-bottom: 0;
}

.passenger-details .p-detail-block ul.row-head li {
    background: #f2f5f5;
}

.passenger-details .p-detail-block ul.row-head li span {
    color: rgb(16, 163, 193);
    font-weight: 600;
}

.passenger-details .p-detail-block select {
    max-width: 150px;
}

.passenger-details .p-detail-edit-block {
    padding: 10px;
}

.add-ons-detail .p-detail-block {
    overflow: hidden;
}

.add-ons-detail .p-detail-block ul li {
    border-bottom: 0;
}

.add-ons-detail .p-detail-block ul {
    border-bottom: 1px solid rgb(198, 216, 220);
}

.add-ons-detail .p-detail-block ul:last-child {
    border-bottom: none;
}

.passenger-details .person-detail {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid rgb(198, 216, 220);
    white-space: nowrap;
}

.person-detail .col-1 .name {
    font-weight: 600;
}

.btn-control {
    margin-top: 30px;
}

.btn-control a {
    text-decoration: none;
    padding-right: 15px;
}

.btn-control .btn-select {
    padding: 5px 15px;
    border: none;
    border-radius: 3px;
    background-color: rgb(220, 91, 14);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    color: rgb(255, 255, 255);
    text-decoration: none;
    margin-right: 10px;
}

.your-details {
    background-color: rgb(230, 238, 239);
}

.your-details .your-detail-information {
    padding: 20px 40px 20px 30px;
    background-color: rgb(255, 255, 255);
    margin: 30px 0 30px;
    white-space: nowrap;
}

.your-details .your-detail-information .title {
    font-size: 42px;
    color: rgb(16, 163, 193);
    font-weight: 300;
    padding-bottom: 20px;
}

.your-details .your-detail-information .form-group {
    padding-left: 30px;
}

.your-details .your-detail-information .col-1,
.your-details .your-detail-information .col-2 {
    width: 50%;
    display: inline-block;
}

.your-details .your-guest-detail .col-1 {
    width: 68%;
    float: left;
    padding: 30px;
    background-color: rgb(255, 255, 255);
    margin-right: 2%;
    margin-bottom: 30px;
}

.your-details .payment-method .col-1 {
    width: 68%;
    float: left;
    padding: 30px;
    background-color: rgb(255, 255, 255);
    margin-right: 2%;
    margin-bottom: 80px;
}

.your-details .your-guest-detail .col-2 {
    width: 30%;
    float: left;
    padding: 30px 20px 30px;
    background-color: rgb(39, 38, 94);
}

.your-details .your-detail-information label,
.your-details .your-guest-detail label,
.your-details .payment-method label {
    font-weight: normal;
    font-size: 13px;
}

.your-details .your-detail-information .iti {
    display: block;
}

.your-details .your-detail-information input[type="text"],
.your-details .your-guest-detail input[type="text"],
.your-details .your-detail-information select,
.your-details .your-guest-detail select,
.your-details .payment-method select,
.your-details .your-guest-detail textarea {
    border-radius: 2px;
    height: 38px;
    max-width: 500px;
}

.your-details .your-guest-detail textarea,
.your-details .additional-detail textarea {
    height: auto;
    resize: vertical;
    width: 100%;
}

.your-details .has-error .select2-container--default .select2-selection--single {
    border-color: #a94442;
}

.your-detail-information .side-login-information {
    padding-top: 200px;
    text-align: center;
    position: relative;
    top: -150px;
}

.your-detail-information .side-login-information p.or {
    display: inline-block;
    font-size: 30px;
    padding: 10% 10% 6% 10%;
    vertical-align: bottom;
}

.your-detail-information .side-login-information ul {
    display: inline-block;
}

.your-detail-information .side-login-information ul li {
    padding-bottom: 15px;
}

.your-detail-information .side-login-information ul li img {
    width: 185px;
}

.your-guest-detail .side-detail-information .title {
    color: rgb(16, 163, 193);
    font-size: 36px;
    padding: 0;
}

.your-guest-detail .side-detail-information .desc {
    color: rgb(16, 163, 193);
    font-size: 14px;
    font-weight: 600;
    padding-top: 20px;
    border-top: 1px solid rgb(74, 73, 147);
}

.your-guest-detail .side-detail-information .desc span {
    color: rgb(255, 255, 255);
    font-size: 13px;
}

.your-guest-detail .side-detail-information ul {
    padding-left: 20px;
    font-size: 12px;
}

.your-guest-detail .side-detail-information ul li {
    padding: 5px;
    color: rgb(16, 163, 193);
    font-weight: 600;
}

.your-guest-detail .side-detail-information ul li span {
    color: rgb(255, 255, 255);
    font-weight: 100;
}

.your-guest-detail .side-detail-information p.grand-total {
    color: rgb(16, 163, 193);
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.your-guest-detail .side-detail-information p.price {
    color: rgb(255, 255, 255);
    font-size: 24px;
    margin-bottom: 0;
}

.your-guest-detail .title {
    color: rgb(16, 163, 193);
    font-size: 42px;
    padding: 20px 0 30px 0;
    font-weight: 300;
}

.your-guest-detail .route {
    color: rgb(16, 163, 193);
    font-weight: 600;
    font-size: 22px;
    padding-bottom: 5px;
    padding-left: 15px;
}

.your-guest-detail .date {
    font-size: 14px;
    padding-bottom: 30px;
    padding-left: 15px;
}

.your-guest-detail .copy {
    padding-bottom: 10px;
    padding-left: 20px;
    background-image: url('../img/copy-info(2).svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    margin-left: 15px;
}

.your-guest-detail .container-form-guest .form-passenger:last-of-type {
    /*border-bottom: 5px solid #c6d8dc;*/
    padding-bottom: 35px;
    margin-bottom: 0;
}

.your-guest-detail .form-passenger {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgb(198, 216, 220);
}

.your-guest-detail .head-form-passenger {
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    color: rgb(73, 73, 85);
    padding-left: 30px;
}

.your-guest-detail .form-group {
    padding-left: 30px;
}

.your-guest-detail .form-passenger .circle {
    display: inline-block;
}

.your-guest-detail .form-passenger .circle {
    padding-right: 10px;
}

.your-guest-detail .form-passenger .circle span {
    position: relative;
    /* top: -15px; */
    padding-left: 5px;
}

.pickup-detail-passenger,
.dropoff-detail-passenger {
    padding-bottom: 35px;
}

.accomodation-detail-passenger {
    padding: 35px 0;
    border-bottom: 4px solid rgb(198, 216, 220);
    margin-bottom: 35px;
}

.accomodation-detail-passenger .title {
    color: rgb(16, 163, 193);
    font-size: 24px;
    padding: 0 0 30px 15px;
}

.pickup-detail-passenger .title {
    color: rgb(16, 163, 193);
    font-size: 24px;
    padding: 0 0 0 15px;
}

.dropoff-detail-passenger .title {
    color: rgb(16, 163, 193);
    font-size: 24px;
    padding: 0 0 0 15px;
}

.dropoff-detail-passenger .text {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    color: rgb(73, 73, 85);
    padding-left: 15px;
}

.dropoff-detail-passenger .subtext {
    margin-top: -10px;
    padding-left: 15px;
}

.dropoff-detail-passenger .text-desc {
    padding-bottom: 30px;
    padding-left: 15px;
}

.pickup-detail-passenger .text {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    color: rgb(73, 73, 85);
    padding-left: 15px;
}

.pickup-detail-passenger .subtext {
    margin-top: -10px;
    padding-left: 15px;
}

.your-details .payment-method .title {
    color: rgb(16, 163, 193);
    font-size: 42px;
    font-weight: 300;
    padding-bottom: 30px;
    padding-left: 15px;
}

.your-details .payment-method .desc {
    margin-bottom: 15px;
    padding-left: 15px;
    max-width: 90%;
}

.your-details .payment-method .grand-total {
    font-weight: 700;
    font-size: 16px;
    color: rgb(16, 163, 193);
    padding-left: 15px;
}

.your-details .payment-method .price {
    padding-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
    color: rgb(73, 73, 85);
    border-bottom: 1px solid rgb(198, 216, 220);
    padding-left: 15px;
}

.your-details .payment-method .choose-pay {
    padding-top: 10px;
    padding-bottom: 70px;
    border-bottom: 1px solid rgb(198, 216, 220);
    padding-left: 15px;
}

.your-details .payment-method .choose-pay ul li img {
    width: 48px;
    float: left;
    padding-right: 10px;
}

.your-details .payment-method .checkbox {
    padding: 0 0 30px 15px;
}

.your-details .payment-method .checkbox label {
    font-size: 16px;
}

.your-details .payment-method .checkbox label a,
.your-details .payment-method .checkbox label a:hover {
    text-decoration: none;
}

.your-details .container-form-guest {
    padding-bottom: 35px;
}

.your-details .container-departure-detail,
.your-details .container-return-detail,
.your-details .depart-transport-detail {
    border-bottom: 4px solid #c6d8dc;
}

.your-details .payment-method button {
    font-size: 20px;
    width: 100%;
    padding: 10px 25px 10px 25px;
    border-radius: 2px;
    background-color: rgb(198, 216, 220);
    font-weight: 600;
    line-height: 1.38;
    text-align: center;
    color: rgb(255, 255, 255);
    border: none;
}

.your-details .form-action button {
    font-size: 20px;
    width: 150px;
    padding: 10px 25px 10px 25px;
    border-radius: 2px;
    background-color: rgb(220, 91, 14);
    font-weight: 600;
    line-height: 1.38;
    text-align: center;
    color: rgb(255, 255, 255);
    margin-top: 15px;
    border: none;
}

.cancelation-request .reason,
.cancelation-request .message {
    color: rgb(16, 163, 193);
    font-size: 12px;
    font-weight: 800;
    margin: 0;
}

.cancelation-request .message-text {
    line-height: 2;
}

.your-trip {
    position: relative;
}

.your-trip .your-detail-trip {
    border: 1px solid rgb(198, 216, 220);
    width: 100%;
    float: left;
}

.your-trip-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    display: none;
}

.your-trip-overlay img {
    position: absolute;
    margin-left: -80px;
    margin-top: -10px;
    display: block;
    width: 160px;
    height: 20px;
    left: 50%;
    top: 50%;
}

.your-trip .border-btm {
    border-bottom: none !important;
}

.your-trip .your-detail-trip .col-1 {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgb(198, 216, 220);
}

.your-trip {
    background-color: rgb(230, 238, 239);
}

.your-trip .container .row {
    background-color: white;
    margin-top: 30px;
    margin-bottom: 20px;
}

.your-trip .your-detail-trip .title,
.your-trip .your-detail-trip .date {
    background-color: white;
    color: rgb(16, 163, 193);
    padding: 10px 15px;
}

.your-trip .your-detail-trip .title {
    float: left;
    width: 65%;
    font-size: 22px;
}

.your-trip .your-detail-trip .date {
    float: left;
    width: 35%;
    text-align: right;
    margin-top: 10px;
    padding-right: 20px;
}

.your-trip .your-detail-trip .col-2,
.your-trip .your-detail-trip .col-3 {
    min-height: 150px;
}

.your-trip .your-detail-trip .col-2 {
    width: 85%;
    float: left;
    border-right: 1px solid rgb(198, 216, 220);
}

.your-trip .your-detail-trip .info-wrapp{
    display: table;
    width: 100%;
}

.your-trip .your-detail-trip .info-route,
.your-trip .your-detail-trip .info-passenger,
.your-trip .your-detail-trip .info-transport,
.your-trip .your-detail-trip .info-tnc {
    border-right: 1px solid rgb(198, 216, 220);
    min-height: 120px;
}

.your-trip .your-detail-trip .info-rate {
    min-height: 100px;
}

.your-trip .your-detail-trip .ship-info {
    color: #494955;
    font-size: 16px;
    font-weight: 600;
    float: left;
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid rgb(198, 216, 220);
}

.your-trip .your-detail-trip .info-passenger {
    background-image: url('../img/adult-2.svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 10px 13px;
    padding-left: 3%;
    display: table-cell;
    vertical-align: top;
    width: 20%;
    /* float: left; */
}

.your-trip .your-detail-trip .info-transport {
    background-image: url('../img/transport.svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 10px 13px;
    padding-left: 3%;
    display: table-cell;
    vertical-align: top;
    width: 20%;
    /* float: left; */
}

.your-trip .your-detail-trip .info-rate {
    background-image: url('../img/price(2).svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 10px 13px;
    padding-left: 3%;
    display: table-cell;
    vertical-align: top;
    width: 25%;
    /* float: left; */
}

.your-trip .your-detail-trip .info-route {
    background-image: url('../img/depart-from-2.svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 15px 13px;
    padding-left: 3%;
    display: table-cell;
    vertical-align: top;
    /* float: left; */
    width: 35%;
}

.your-trip .your-detail-trip .info-tnc {
    background-image: url('../img/status.svg');
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: 10px 13px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 3%;
    width: 55%;
    float: left;
}

.your-trip .heading-route,
.your-trip .heading-passenger,
.your-trip .heading-transport,
.your-trip .heading-rate {
    line-height: 2.2;
    color: rgb(16, 163, 193);
    font-weight: 700;
    font-size: 12px;
    width: 100%;
    margin-bottom: 0;
}

.your-trip .heading-passenger,
.your-trip .heading-transport,
.your-trip .heading-rate {
    padding-top: 10px;
    padding-left: 5px;
}

.your-trip .heading-route {
    padding-top: 10px;
    padding-left: 10px;
}

.your-trip .passenger-result ul,
.your-trip .transport-result ul,
.your-trip .rate-result ul {
    padding-left: 12px;
}

.your-trip .passenger-result,
.your-trip .transport-result,
.your-trip .rate-result {
    font-size: 12px;
    font-weight: 600;
    color: #494955;
}

.your-trip .passenger-result span,
.your-trip .transport-result span,
.your-trip .rate-result span {
    font-weight: normal;
}

.your-trip .your-detail-trip .col-3 {
    width: 15%;
    float: left;
    display: flex;
}

.your-trip .col-3 .price {
    width: 100%;
    margin: 0 auto;
    min-height: 150px;
}

.your-trip .col-3 .text,
.your-trip .col-3 .price-text {
    text-align: right;
    padding-right: 20px;
}

.your-trip .col-3 .text {
    font-size: 12px;
    color: rgb(16, 163, 193);
    font-weight: 600;
    margin: 0;
    margin-top: 45%;
}

.your-trip .col-3 .disc-price {
    color: #dc3545;
    display: block;
    text-align: right;
    text-decoration: line-through;
    padding-right: 20px;
    margin-top: 7px;
}

.your-trip .col-3 .price-text {
    color: #28a745;
    font-size: 20px;
}

.your-trip .your-detail-trip .col-4 {
    width: 100%;
    float: left;
    background-color: rgb(242, 242, 242);
    border-top: 1px solid rgb(198, 216, 220);
}

.your-trip .col-4 .pickup-text {
    width: 85%;
    float: left;
    padding: 20px 20px;
    border-right: 1px solid rgb(198, 216, 220);
    font-weight: 600;
}

.your-trip .col-4 .pickup-text span {
    font-weight: normal;
}

.your-trip .col-4 .pickup-desc,
.your-trip .col-4 .text-desc {
    width: 15%;
    float: left;
    padding: 18px 20px;
    font-weight: 600;
    text-align: right;
}

.your-trip .col-4 .pickup-desc p,
.your-trip .col-4 .text-desc p {
    margin: 0;
}

.your-trip .col-4 .text .own-trans {
    padding: 20px;
}

.your-trip .col-4 .text .own-trans+.own-trans {
    padding-top: 0;
    margin-top: -10px;
}

.your-trip .col-4 .text .own-trans em {
    font-style: normal;
}

.your-trip .col-4 .pickup-desc .both:first-child p,
.your-trip .col-4 .text-desc .both:first-child p {
    margin-bottom: 0;
}

.your-trip .col-4 .pickup-desc .both:last-child p,
.your-trip .col-4 .text-desc .both:last-child p {
    padding-top: 32px;
    margin-bottom: 0
}

.your-trip .col-4 .pickup-desc .own-transport.both:last-child p,
.your-trip .col-4 .text-desc .own-transport.both:last-child p {
    padding-top: 20px;
    margin-bottom: 0
}

.your-trip .col-4 .text {
    width: 85%;
    float: left;
    border-right: 1px solid rgb(198, 216, 220);
}

.your-trip .col-4 .text-desc {
    width: 15%;
    float: left;
}

.your-trip .col-4 .trans-note {
    border-bottom: 1px solid rgb(210, 210, 210);
    padding: 10px 15px;
}

.your-trip .col-4 .trans-note p {
    font-style: italic;
    margin: 0 auto;
}

.your-trip .col-4 .dropoff-text,
.your-trip .col-4 .pickups-text,
.your-trip .col-4 .ao-title {
    float: left;
    padding: 17px 0 10px 20px;
    font-weight: 600;
    width: 205px;
    text-align: right;
}

.your-trip .col-4 .ao-content {
    float: left;
    width: 100%;
    margin-left: -205px;
    padding-left: 216px;
    padding-top: 17px;
}

.your-trip .col-4 .ao-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.your-trip .col-4 .ao-content ul li label span {
    vertical-align: top;
    margin-left: 7px;
    color: rgb(16, 163, 193);
}

.your-trip .col-4 .ao-content ul li .row {
    margin: 0 -15px 15px;
    background-color: transparent;
    padding-left: 25px;
}

.your-trip .col-4 .ao-content ul li .row img {
    float: left;
    width: 150px;
    margin-bottom: 10px;
}

.your-trip .col-4 .ao-content ul li .row img+.bx {
    float: left;
    width: 100%;
    margin-left: -150px;
    padding-left: 160px;
}

.your-trip .col-4 .ao-content ul li .row .bx a {
    color: rgb(16, 163, 193);
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 15px;
}

.your-trip .col-4 .ao-content ul li .row .bx textarea {
    border: 1px solid rgb(210, 210, 210);
    background: rgb(255, 255, 255);
    margin-bottom: 5px;
    max-width: 300px;
    border-radius: 0;
    font-size: 14px;
    padding: 7px;
    width: 100%;
}

.your-trip .col-4 .ao-content ul li .row .form-group p {
    margin: 0;
}

.your-trip .col-4 .ao-content ul li .row .form-group p b {
    color: rgb(16, 163, 193);
}

.your-trip .col-4 .ao-content ul li .row .form-group .input-group {
    width: 150px;
}

.your-trip .col-4 .ao-content ul li .row .form-group .input-group-addon {
    border-radius: 0;
}

.your-trip .col-4 .ao-content ul li .row .form-group .text {
    background: rgb(255, 255, 255);
    border-radius: 0;
    border: none;
    height: 100%;
    width: 77px;
}

.your-trip .col-4 .ao-content ul li .row .form-group .number-field {
    height: 34px;
    border: 1px solid rgb(210, 210, 210);
}

.your-trip .col-4 .rt-title {
    float: left;
    padding: 17px 0 10px 20px;
    font-weight: 600;
    width: 205px;
    text-align: right;
}

.your-trip .col-4 .rt-content {
    float: left;
    width: 100%;
    margin-left: -205px;
    padding-left: 216px;
    padding-top: 17px;
}

.your-trip .col-4 .rt-content small {
    color: rgb(16, 163, 193);
    margin: 0;
    font-size: 12px;
}

.your-trip .col-4 .rt-content .row {
    margin: 0 -15px 15px;
    background-color: transparent;
}

.popup-add-ons .fancybox-content {
    max-width: 700px;
    padding-left: 25px;
    padding-right: 25px;
}

.popup-add-ons .fancybox-content h2 {
    margin-bottom: 30px;
    margin-top: 0;
}

.popup-add-ons .fancybox-content figure {
    width: 100%;
    margin-bottom: 15px;
}

.popup-add-ons .fancybox-content figure img {
    width: 100%;
}

.your-trip .col-4 .area-text {
    float: left;
    font-weight: 600;
    width: 100%;
}

.your-trip .col-4 .area-text .input-group {
    padding: 10px 0 0;
}

.your-trip .col-4 .area-text .input-group input {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(210, 210, 210);
    color: rgb(73, 73, 85);
    display: inline-block;
    padding: 10px 7px;
    font-size: 12px;
    width: 100%;
}

.your-trip .col-4 .notif-text {
    padding: 0;
    clear: both;
    display: block;
}

.your-trip .col-4 .area-text .input-group-addon {
    padding: 10px 7px;
    border-radius: 0;
}

.your-trip .col-4 .select-opt-transport,
.your-trip .col-4 .select-opt-area,
.your-trip .col-4 .select-opt-hotel {
    float: left;
    padding: 10px 0 10px 10px;
    width: 170px;
}

.your-trip .col-4 .select-opt-area {
    width: 250px;
}

.your-trip .col-4 .select-opt-hotel {
    width: 350px;
}

.your-trip .col-4 .select-opt-transport select,
.your-trip .col-4 .select-opt-area select,
.your-trip .col-4 .select-opt-hotel select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../img/select-arrows.svg') rgb(255, 255, 255);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding: 2px 25px 2px 10px;
    display: inline-block;
    border-radius: 2px;
    cursor: pointer;
}

.your-trip .col-4 .select-opt-transport .select2-container,
.your-trip .col-4 .select-opt-area .select2-container,
.your-trip .col-4 .select-opt-hotel .select2-container {
    width: 100% !important;
}

.your-trip .description-total {
    width: 100%;
    float: left;
    background-color: rgb(230, 238, 239);
}

.your-trip .description-total .message {
    padding: 10px;
    margin-top: 5px;
}

.your-trip .description-total .message ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.your-trip .description-total .message ul li {
    margin-bottom: 10px;
}

.your-trip .description-total .message ul li:last-child {
    margin-bottom: 0;
}

.your-trip .description-total .message ul li span {
    margin-right: 10px;
}

.your-trip .description-total .total {
    width: 100%;
    padding: 20px 20px 15px 20px;
    float: left;
    border-bottom: 1px solid rgb(166, 166, 183);
}

.your-trip .description-total .total .text,
.your-trip .description-total .total .text-total {
    float: left;
    text-align: right;
}

.your-trip .description-total .total .text {
    font-size: 16px;
    font-weight: 600;
    width: 75%;
    padding-top: 5px;
}

.your-trip .description-total .total .text-total {
    font-size: 24px;
    font-weight: 600;
    width: 25%;
}

.your-trip .promotion {
    float: left;
    width: 100%;
    padding: 15px 0px 15px 20px;
    border-bottom: 1px solid rgb(166, 166, 183);
}

.your-trip .promotion .text-promo,
.your-trip .promotion .promo-code {
    display: inline-block;
    vertical-align: sub;
}

.your-trip .promotion .text-promo {
    width: 75%;
    text-align: right;
}

.your-trip .promotion .promo-code {
    float: right;
}

.your-trip .description-total .subtotal,
.your-trip .description-total .discount,
.your-trip .description-total .freelance-code {
    width: 100%;
    padding: 20px 20px 15px 20px;
    float: left;
    border-bottom: 1px solid rgb(166, 166, 183);
}

.your-trip .description-total .subtotal .text,
.your-trip .description-total .subtotal .text-total,
.your-trip .description-total .discount .text,
.your-trip .description-total .discount .text-total,
.your-trip .description-total .freelance-code .text,
.your-trip .description-total .freelance-code .text-total {
    float: left;
    text-align: right;
}

.your-trip .description-total .subtotal .text,
.your-trip .description-total .discount .text,
.your-trip .description-total .freelance-code .text {
    font-size: 14px;
    font-weight: 400;
    width: 75%;
    padding-top: 5px;
}

.your-trip .description-total .freelance-code .text {
    padding-top: 0;
}

.your-trip .description-total .subtotal .text-total,
.your-trip .description-total .discount .text-total,
.your-trip .description-total .freelance-code .text-total {
    font-size: 14px;
    font-weight: 400;
    width: 25%;
}

.your-trip .description-total .subtotal .text-total span,
.your-trip .description-total .discount .text-total span {
    font-weight: 600;
}

.your-trip .description-total .discount .text-total small {
    display: block;
}

.your-trip .description-total .discount .text-total a {
    color: rgb(16, 163, 193);
    cursor: pointer;
    font-size: 13px;
}

.your-trip .description-total .freelance-code .text-total span {
    display: block;
}

.your-trip .description-total .freelance-code .text-total a {
    color: rgb(16, 163, 193);
    cursor: pointer;
    font-size: 13px;
}

.code {
    display: block;
    float: left;
    width: 170px;
    height: 28px;
    padding: 0 10px;
    background-color: rgb(242, 242, 242);
    font-size: 1.083em;
    line-height: 1.5;
    color: rgb(0, 0, 0);
    border-radius: 0;
    position: relative;
    left: 10px;
    border-radius: 2px;
    border: 1px solid #a6a6b7;
}

.apply {
    display: block;
    float: left;
    height: 28px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: rgb(73, 73, 85);
    font-size: 1em;
    line-height: 1.38;
    text-align: center;
    color: rgb(255, 255, 255);
    border: none;
    position: relative;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.your-trip .continue-reservation {
    background-color: rgb(230, 238, 239);
    float: left;
    width: 100%;
}

.cancel-request .btn-select {
    margin-top: 10px;
    margin-bottom: 10px;
    border: none;
    width: 30%;
    padding-top: 8px;
    padding-bottom: 10px;
    border-radius: 3px;
    background-color: rgb(220, 91, 14);
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
}

.container-form-select .select2-container .select2-selection--single {
    height: 36px;
}

.container-form-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.container-form-select .select2-container--default .select2-selection--single {
    border-color: rgb(210, 210, 210);
    border-radius: 0;
    border-left-width: 0;
}

.container-form-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.container-form-select:first-child .select2-container--default .select2-selection--single {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-left-width: 1px;
}

.container-form-select:last-child .select2-container--default .select2-selection--single {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.container-form-select .select2-container {
    width: 100% !important;
}

.container-select-choose .select2-container .select2-selection--single {
    height: 36px;
}

.container-select-choose .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.container-select-choose .select2-container--default .select2-selection--single {
    border-color: rgb(210, 210, 210);
    border-radius: 0;
}

.container-select-choose .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.your-details .select2-container {
    display: block;
    width: 100% !important;
    max-width: 500px;
}

.your-details .select2-selection--single {
    height: 36px;
}

.your-details .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.your-details .select2-container--default .select2-selection--single {
    border-color: rgb(210, 210, 210);
    border-radius: 2px;
}

.your-details .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.form-nicepay-cc {
    background-color: rgb(255, 255, 255);
    padding: 30px;
    margin: 0 auto;
    text-align: left;
    width: 500px;
}

.form-nicepay-cc label {
    text-align: center;
    display: block;
}

.form-nicepay-cc .input-group .form-control {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: rgb(73, 73, 85);
    border-radius: 0;
}

.form-nicepay-cc .input-group-addon {
    border-radius: 0;
}

.form-nicepay-cc .col-lg-6 .form-group {
    margin-bottom: 0;
}

.form-nicepay-cc .total {
    text-align: center;
    font-weight: bold;
    font-size: 30px !important;
}

.form-nicepay-cc .btn-submit {
    background-color: rgb(220, 91, 14);
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    padding-top: 10px;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    display: block;
    border: none;
    width: 100%;
}

.form-nicepay-transfer {
    background-color: rgb(255, 255, 255);
    padding: 30px;
    margin: 0 auto;
    text-align: left;
}

.form-nicepay-transfer label {
    text-align: center;
    display: block;
}

.form-nicepay-transfer .total {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.form-nicepay-transfer .form-group:last-child {
    margin-bottom: 0;
}

.form-nicepay-transfer input {
    width: 200px;
    margin: 0 auto;
    display: block;
    border: 1px solid rgb(210, 210, 210);
    height: 36px;
    border-radius: 2px;
    padding: 0 10px;
}

.form-nicepay-transfer .btn-submit {
    background-color: rgb(220, 91, 14);
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    padding-top: 10px;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    display: block;
    border: none;
    width: 100%;
}

.form-nicepay-transfer .select2-container {
    width: 100% !important;
}

.form-nicepay-transfer .select2-container .select2-selection--single {
    height: 36px;
}

.form-nicepay-transfer .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.form-nicepay-transfer .select2-container--default .select2-selection--single {
    border-color: rgb(210, 210, 210);
    border-radius: 0;
}

.form-nicepay-transfer .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
}

.ui.icon.message>.content .header {
    background-image: none;
    height: auto;
}

.ui.dividing.header {
    background-image: none;
    height: auto;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.ui.segment {
    box-shadow: none;
    border-radius: 0;
    border: 1px solid rgb(198, 216, 220);
    margin-top: 30px !important;
}

.ui.segment:last-child {
    margin-bottom: 30px;
}

.ui.teal.table {
    border-top-color: #10A3C1;
    border-radius: 0;
}

.ui.card,
.ui.cards>.card,
.ui.message {
    box-shadow: none;
    border: 1px solid rgb(198, 216, 220);
    border-radius: 0;
}

.thank-you header {
    background: none !important;
}

.thank-you header .title {
    margin-top: 0;
}

.thank-you .btn-default {
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    color: rgba(34, 34, 34, 0.5);
    font-family: 'Opensans', sans-serif;
    border: 2px solid rgba(34, 34, 34, 0.3);
    padding: 11px 15px;
    background: none;
    text-decoration: none;
    line-height: 17px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.thank-you .btn-default.active {
    color: #393249;
    background: none;
    border-color: #393249;
}

.thank-you .btn-default.active:hover {
    color: #ffffff;
    background-color: #393249;
    border-color: #393249;
}

.thank-you .btn-default.white {
    color: #ffffff;
    background: none;
    border-color: #ffffff;
}

.thank-you .btn-default.white:hover {
    color: #222222;
    background-color: #ffffff;
    border-color: #ffffff;
}

.thank-you .btn-default:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #222222;
    border-color: #222222;
}

.thank-you .btn-default:focus {
    text-decoration: none;
}

form.mailchimp-form {
    background-color: rgba(6, 6, 6, 0.87);
    justify-content: center;
    align-items: center;
    position: fixed;
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 9;
    right: 0;
    left: 0;
    top: 0;
}

form.mailchimp-form .form-content {
    padding: 0px 0px 25px 0px;
    background-color: white;
    justify-content: center;
    align-items: center;
    position: relative;
    display: flex;
    height: auto;
    width: auto;
}

form.mailchimp-form .foverlay {
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

form.mailchimp-form .foverlay img {
    position: absolute;
    top: 60%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}

form.mailchimp-form img {
    max-width: 500px;
}

form.mailchimp-form .form-content .start-input {
    display: flex;
    flex-direction: column;
}

form.mailchimp-form .form-content .start-input p {
    margin: 0px;
    color: black;
    font-size: 21px;
    font-weight: 900;
}

form.mailchimp-form .form-content .start-input t {
    color: rgb(35, 34, 126);
    font-size: 12px;
    padding: 0px 15px;
    font-weight: 600;
}

form.mailchimp-form .form-content .start-input input {
    border: 1px solid rgb(210, 210, 210);
    color: rgb(73, 73, 85);
    margin: 5px 15px 10px;
    border-radius: 2px;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    padding: 0 10px;
    height: 36px;
}

button.submit-mailchimp {
    background-color: rgb(220, 91, 14);
    margin: 10px 15px 0;
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 10px;
    color: white;
    border: none;
    width: 25%;
}

form.mailchimp-form .form-content .start-input .description {
    padding: 15px;
}

form.mailchimp-form .close-small {
    background-image: url('../img/close.svg');
    background-color: rgb(39, 38, 94);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    position: absolute;
    border-radius: 50%;
    height: 25px;
    right: -10px;
    border: none;
    width: 25px;
    top: -10px;
}

.popup-mailchimp {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.popup-mailchimp .ui-dialog-content {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-bottom: 75px;
}

.popup-mailchimp .title-status {
    color: #27265E;
    font-size: 25px;
    padding-bottom: 25px;
}

.popup-mailchimp .title-status-sorry {
    color: #D7152B;
    font-size: 25px;
    padding-bottom: 25px;
}

.popup-mailchimp .image-icon {
    width: 100px;
    height: 150px;
    margin-top: 25px;
    margin-bottom: 45px;
    margin-left: 50%;
    transform: translateX(-50%);
}

.route-custom.r-0 {
    color: white;
    background-color: #0094a0;
    width: 90%;
}

.routes ul li.route-custom {
    color: white;
    background-color: #0094a0;
    width: 90%;
    /*border:1px solid #0094a0;*/
    display: flex;
    justify-content: space-between;
    padding-right: 18px;
    text-align: center;
    flex-direction: column;
}

li.different.r-0 {
    display: none;
}

li.different {
    margin: 7px 0px;
    display: flex;
    /* text-align: center; */
    /* align-content: center; */
    /* justify-content: center; */
    width: 90%;
    margin-left: 50%;
    transform: translateX(-50%);
}

li.different.packages {
    justify-content: center;
    margin-left: 45%;
    padding: 0;
}

.routes ul li.route-custom.lbl-arrival {
    border: 1px solid white;
    color: #0094a0;
    background-color: white;
    border: 1px solid #0094a0;
    flex-direction: row;
}

.routes ul li.route-custom.lbl-departure {
    color: #0094a0;
    background-color: white;
    border: 1px solid #0094a0;
    flex-direction: row;
}

li.lbl-departure.r-0 {
    border-bottom: 1px solid white;
}

span.arrow-down {
    display: block;
    width: 29px;
    /* height: 146px; */
    background: url('../img/downloading.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.add-ons-list {
    padding-left: 10px;
    margin: 0;
}

.add-destination {
    background-color: rgba(159, 159, 173, 0.95);
    width: 200px;
    float: left;
}

.destination-list .row {
    margin-bottom: 10px;
}

.destination-list .row:last-child {
    margin-bottom: 0;
}

.nav-tabs.nav-justified>li>a.checkin-pass {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 15px 15px 0;
    text-align: center;
}

.form-checkin {
    max-width: 500px;
    margin: 0 auto;
}

.form-checkin p {
    text-align: center;
    margin-bottom: 20px;
}

.form-checkin .barcode-field {
    justify-content: space-between;
    display: flex;
    width: 100%;
}

.form-checkin input {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
    padding: 7px 10px;
    height: auto;
    width: 80%;
}

.form-checkin button {
    background-color: rgb(220, 91, 14);
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    display: block;
    padding: 7px;
    color: white;
    border: none;
    width: 20%;
}

.form-checkin .reset {
    background-color: transparent;
    text-decoration: underline;
    cursor: pointer;
    color: #23227e;
}

.checkin-places-form p {
    color: rgb(35, 34, 126);
    font-weight: 600;
    font-size: 12px;
    width: 100%;
}

.checkin-places-form .col {
    padding-top: 20px;
}

.checkin-places-form .row-passenger {
    padding: 0;
    margin: 0;
}

.checkin-places-form .row-passenger li {
    justify-content: space-between;
    border-top: 1px solid #ddd;
    align-items: center;
    padding: 7px 0;
    display: flex;
    width: 100%;
}

.checkin-places-form .row-passenger li:last-child {
    border-bottom: 1px solid #ddd;
}

.checkin-button {
    background-color: rgb(220, 91, 14);
    text-transform: uppercase;
    margin: 30px auto 0;
    border-radius: 3px;
    text-align: center;
    padding: 7px 20px;
    font-weight: 600;
    display: block;
    color: white;
    border: none;
}

.checkin-passenger {
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
}

.checkin-passenger .container-form-search-first {
    position: relative;
    bottom: auto;
    height: auto;
    top: auto;
}

.checkin-passenger .message,
.checkin-passenger .mess {
    margin-top: 15px;
    padding: 10px;
}

.checkin-passenger .message ul,
.checkin-passenger .mess ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.checkin-passenger .message li,
.checkin-passenger .mess li {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
}

.checkin-passenger .message span,
.checkin-passenger .mess span {
    margin-right: 10px;
    top: auto;
}

.loading-process {
    position: relative;
}

.height-auto {
    background-color: rgb(230, 238, 239);
    height: auto;
}

.height-auto .form-area {
    border: 1px solid rgb(198, 216, 220);
    margin: 40px 0;
    padding: 0;
}

.height-auto .reservation-detail {
    padding: 20px 0 0;
    border-bottom: 0;
}

.height-auto .trip-detail .row-trips {
    background-color: rgb(245, 245, 245);
}

.height-auto .trip-detail .title {
    padding: 10px 0;
}

.height-auto .row-details {
    border-top: 1px solid rgb(198, 216, 220);
}

.height-auto .col-border {
    border-bottom: 1px solid rgb(198, 216, 220);
}

.height-auto .col-booked {
    padding: 15px 0;
}

.height-auto .col-booked p {
    margin-bottom: 0;
    margin-top: 10px;
}

.height-auto .col-booked p.title {
    margin-top: 0;
}

.height-auto .col-booked .form-group {
    margin-bottom: 0;
    margin-top: 10px;
}

.height-auto .col-booked .form-group input,
.height-auto .col-booked .form-group .select2-container {
    width: 100% !important;
}

.height-auto .col-booked .form-group input:disabled {
    background-color: #f5f5f5;
}

.height-auto .ctitle {
    color: rgb(16, 163, 193);
    font-weight: 700;
    line-height: 1.4;
    font-size: 12px;
    width: 100%;
}

.height-auto .trip-detail {
    padding-bottom: 15px;
}

.height-auto .trip-list {
    border: 1px solid rgb(198, 216, 220);
    margin: 15px 0 0;
}

.height-auto .trip-list .short-text {
    border: 0;
    border-bottom: 1px solid rgb(198, 216, 220);
    margin-top: 0;
}

.height-auto .trip-list .box {
    padding: 10px 0;
}

.height-auto .trip-list .col-list {
    border-bottom: 1px solid rgb(198, 216, 220);
}

.height-auto .trip-list .col-list p.ctitle {
    margin-top: 0;
}

.height-auto .trip-list .col-list p {
    margin-bottom: 0;
    margin-top: 5px;
}

.height-auto .trip-list .col-pass .row:last-child .col-list {
    border-bottom: 0;
}

.height-auto .trip-list .col-blue {
    background-color: rgb(230, 238, 239);
}

.height-auto .trip-list .flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.height-auto .trip-list .flex:nth-child(odd) {
    background-color: rgb(245, 245, 245);
}

.height-auto .trip-list input,
.height-auto .trip-list .select2-container {
    width: 100% !important;
}

.height-auto .trip-list .select2-container .select2-selection--single {
    height: 34px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15) inset;
}

.height-auto .trip-list .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.height-auto .trip-list .select2-container--default .select2-selection--single {
    border-color: rgb(166, 166, 183);
    border-radius: 2px;
}

.height-auto .trip-list .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.height-auto .trip-list .form-group {
    margin-bottom: 0;
    margin-top: 5px;
}

.height-auto .btn-control {
    margin: 0 0 20px;
    float: right;
}

.height-auto .message {
    margin-top: 15px;
}

.height-auto .message ul {
    list-style: none;
    padding: 10px 15px;
    margin: 0;
}

.height-auto .message ul span {
    margin-right: 10px;
}


.cc-wrapper {
    display: flex;
}

.card-form {
    /* max-width: 570px; */
    margin: 0 auto;
    width: 100%;
}

.card-form .btn-submit {
    background-color: rgb(220, 91, 14);
    color: rgb(255, 255, 255);
    padding-bottom: 10px;
    border-radius: 3px;
    text-align: center;
    padding-top: 10px;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1.5;
    font-size: 16px;
    display: block;
    border: none;
    width: 100%;
}

.card-form__inner {
    background: #fff;
    /* box-shadow: 0 30px 60px 0 rgba(90, 116, 148, 0.4); */
    border-radius: 10px;
    padding: 35px;
    padding-top: 180px;
}

.card-form__row {
    display: flex;
    align-items: flex-start;
}

.card-form__col {
    flex: auto;
    margin-right: 35px;
}

.card-form__col:last-child {
    margin-right: 0;
}

.card-form__col.-cvv {
    max-width: 150px;
}

.card-form__group {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.card-form__group .card-input__input {
    flex: 1;
    margin-right: 15px;
}

.card-form__group .card-input__input:last-child {
    margin-right: 0;
}

.card-form__button {
    width: 100%;
    height: 55px;
    /* background: #2364d2; */
    border: none;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 500;
    font-family: "Source Sans Pro", sans-serif;
    /* box-shadow: 3px 10px 20px 0px rgba(35, 100, 210, 0.3); */
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
}

.card-item {
    max-width: 430px;
    height: 270px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 100%;
}

.card-item.-active .card-item__side.-front {
    transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}

.card-item.-active .card-item__side.-back {
    transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}

.card-item__focus {
    position: absolute;
    z-index: 3;
    border-radius: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.65);
}

.card-item__focus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #08142f;
    height: 100%;
    border-radius: 5px;
    filter: blur(25px);
    opacity: 0.5;
}

.card-item__focus.-active {
    opacity: 1;
}

.card-item__side {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 20px 60px 0 rgba(14, 42, 90, 0.55);
    transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    transform-style: preserve-3d;
    transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    backface-visibility: hidden;
    height: 100%;
}

.card-item__side.-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
    z-index: 2;
    padding: 0;
    height: 100%;
}

.card-item__side.-back .card-item__cover {
    transform: rotateY(-180deg);
}

.card-item__bg {
    max-width: 100%;
    display: block;
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card-item__cover {
    height: 100%;
    background-color: #1c1d27;
    position: absolute;
    height: 100%;
    background-color: #1c1d27;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.card-item__cover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 2, 29, 0.45);
}

.card-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 0 10px;
}

.card-item__chip {
    width: 60px;
}

.card-item__type {
    height: 45px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    max-width: 100px;
    margin-left: auto;
    width: 100%;
}

.card-item__typeImg {
    max-width: 100%;
    object-fit: contain;
    max-height: 100%;
    object-position: top right;
}

.card-item__info {
    color: #fff;
    width: 100%;
    max-width: calc(100% - 85px);
    padding: 10px 15px;
    font-weight: 500;
    display: block;
    cursor: pointer;
}

.card-item__holder {
    opacity: 0.7;
    font-size: 13px;
    margin-bottom: 6px;
}

.card-item__wrapper {
    font-family: "Source Code Pro", monospace;
    padding: 25px 15px;
    position: relative;
    z-index: 4;
    height: 100%;
    text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
    user-select: none;
}

.card-item__name {
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.card-item__nameItem {
    display: inline-block;
    min-width: 8px;
    position: relative;
}

.card-item__number {
    font-weight: 500;
    line-height: 1;
    color: #fff;
    font-size: 27px;
    margin-bottom: 35px;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

.card-item__numberItem {
    width: 16px;
    display: inline-block;
}

.card-item__numberItem.-active {
    width: 30px;
}

.card-item__content {
    color: #fff;
    display: flex;
    align-items: flex-start;
}

.card-item__date {
    flex-wrap: wrap;
    font-size: 18px;
    margin-left: auto;
    padding: 10px;
    display: inline-flex;
    width: 80px;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
}

.card-item__dateItem {
    position: relative;
}

.card-item__dateItem span {
    width: 22px;
    display: inline-block;
}

.card-item__dateTitle {
    opacity: 0.7;
    font-size: 13px;
    padding-bottom: 6px;
    width: 100%;
}

.card-item__band {
    background: rgba(0, 0, 19, 0.8);
    width: 100%;
    height: 50px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
}

.card-item__cvv {
    text-align: right;
    position: relative;
    z-index: 2;
    padding: 15px;
}

.card-item__cvv .card-item__type {
    opacity: 0.7;
}

.card-item__cvvTitle {
    padding-right: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}

.card-item__cvvBand {
    height: 45px;
    background: #fff;
    margin-bottom: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: #1a3b5d;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}

.card-list {
    margin-bottom: -130px;
}

.card-input {
    margin-bottom: 20px;
}

.card-input h2 {
    text-align: left;
    font-weight: bold;
}

.card-input__label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #1a3b5d;
    width: 100%;
    display: block;
    user-select: none;
    text-align: left;
}

.card-input__input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ced6e0;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    padding: 5px 15px;
    background: none;
    color: #1a3b5d;
    font-family: "Source Sans Pro", sans-serif;
}

.card-input__input:hover,
.card-input__input:focus {
    border-color: #3d9cff;
}

.card-input__input:focus {
    box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
}

.card-input__input.-select {
    appearance: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC");
    background-size: 12px;
    background-position: 90% center;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.slide-fade-up-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}

.slide-fade-up-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}

.slide-fade-up-enter {
    opacity: 0;
    transform: translateY(15px);
    pointer-events: none;
}

.slide-fade-up-leave-to {
    opacity: 0;
    transform: translateY(-15px);
    pointer-events: none;
}

.slide-fade-right-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}

.slide-fade-right-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}

.slide-fade-right-enter {
    opacity: 0;
    transform: translateX(10px) rotate(45deg);
    pointer-events: none;
}

.slide-fade-right-leave-to {
    opacity: 0;
    transform: translateX(-10px) rotate(45deg);
    pointer-events: none;
}

.form-style-8 {
    font-family: 'Roboto', sans-serif;
    width: auto;
    padding: 0px;
    margin: 0px auto;
    /*
    background: #FFFFFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
    -webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);*/
}

.form-style-8 h2,
.form-style-8 span .txt {
    background: #00b5ad;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 100;
    padding: 40px 20px 20px 20px;
    margin: -30px -30px 30px -30px;
    vertical-align: center;
}

.img-valign {
    vertical-align: middle;
    margin-right: 10px;
}

.detail-airport-transfer .container-result-first,
.detail-airport-transfer .container-result-second {
    min-height: 160px;
}

.detail-airport-transfer .info-passenger {
    min-height: 160px;
    border-right: 0;
    width: 20%;
}

.detail-airport-transfer .info-route {
    border-left: 1px solid rgb(198, 216, 220);
    width: 20%;
}

.detail-airport-transfer .info-content {
    padding: 10px 15px;
}

.detail-airport-transfer .img-vehicle {
    padding: 20px;
    height: 150px;
    width: 200px;
    float: left;
}

.detail-airport-transfer .img-vehicle img {
    object-fit: contain;
    height: 100%;
}

.detail-airport-transfer .details {
    border-right: 1px solid rgb(198, 216, 220);
    min-height: 160px;
    padding: 20px;
    float: left;
    width: 50%;
}

.detail-airport-transfer .details h3 {
    margin: 0 0 5px;
    font-size: 20px;
}

.detail-airport-transfer .details p {
    font-size: 13px;
}

.detail-airport-transfer .details .suitcase,
.detail-airport-transfer .details .seater {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    color: rgb(73, 73, 85);
    padding-left: 25px;
    font-weight: 700;
}

.detail-airport-transfer .details span {
    margin-right: 10px;
}

.detail-airport-transfer .details .suitcase {
    background-image: url('../img/suitcase.svg');
}

.detail-airport-transfer .details .seater {
    background-image: url('../img/seat.svg');
}

.detail-airport-transfer .container-price-select {
    padding: 20px 0;
}

.detail-airport-transfer .total-price {
    line-height: normal;
    top: 0;
}

.your-details .additional-detail .col-1 {
    width: 68%;
    float: left;
    padding: 30px;
    background-color: rgb(255, 255, 255);
    margin-right: 2%;
    margin-bottom: 30px;
}

.your-details .additional-detail .title {
    color: rgb(16, 163, 193);
    font-size: 42px;
    font-weight: 300;
    padding-bottom: 30px;
    padding-left: 15px;
}

.your-details .additional-detail h5 {
    color: rgb(73, 73, 85);
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 10px;
}

.your-details .additional-detail .form-group {
    margin-right: 20px;
    max-width: 200px;
    width: 100%;
}

.your-details .additional-detail .form-full-width {
    max-width: none;
}

.your-details .additional-detail p {
    font-size: 12px;
}

.op-wrapp {
    position: relative;
}

.open-return {
    position: absolute;
    right: 0
}

.open-return .checkbox {
    position: absolute;
    margin: 0;
    top: 4px;
    left: 0;
}

.open-return label {
    padding-left: 20px;
    cursor: pointer;
    font-size: 15px;
}

.open-return label:hover{
    color: rgb(35, 34, 126);
}

.schedule-form .date-picker[disabled] {
    background-color: #eee;
}

.detail-information .container-big-img .info-route {
    border: 0;
}

.detail-information .container-big-img .info-passenger,
.detail-information .container-big-img .info-transport {
    border: 0;
    float: none;
    width: 100%;
    text-align: center;
    padding: 0 10px 0;
    background-position: top center;
    margin-top: 30px;
    min-height: auto;
}

.detail-information .container-big-img .heading-passenger,
.detail-information .container-big-img .heading-transport {
    padding-top: 20px;
}

.detail-information .container-big-img .img-ship {
    width: 65%;
}

.detail-information .container-big-img .img-ship .slick-prev {
    z-index: 1;
    left: 10px;
}

.detail-information .container-big-img .img-ship .slick-next {
    z-index: 1;
    right: 10px;
}

.detail-information .container-big-img .g-item {
    height: 350px;
}

.detail-information .container-big-img .g-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.ui-open-return-popup .ui-dialog-title {
    text-align: center;
    font-size: 16px;
    width: 100%;
}

.ui-open-return-popup .ui-dialog-titlebar-close{
    display: none;
}

.ui-open-return-popup .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center;
    float: none;
}

.ui-open-return-popup .ui-dialog-buttonpane{
    padding: 0;
}

.ui-open-return-popup .ui-dialog-buttonpane button {
    background-color: #0094a0;
    margin: .5em .4em;
    color: #FFFFFF;
    border: 0;
}

.ui-open-return-popup .ui-dialog-buttonpane .button-one-way{
    background-color: transparent;
    border: 1px solid #0094a0;
    color: #0094a0;
}

.ui-open-return-popup .ui-widget-header {
    background-color: #0094a0;
}

.ui-open-return-popup .ui-button:active{
    border: 0;
}

.return-op .container-form {
    width: 70%;
}

.return-op .op-wrapp{
    margin-left: 10px;
    margin-top: 5px;
    float: left;
}

.return-op .open-return{
    position: relative;
}