* {
    margin: 0;
}

::placeholder {
    color: #2c2c2c;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #2c2c2c;
}

::-ms-input-placeholder {
    color: #2c2c2c;
}

img {
    outline: none;
}

body {
    background-color: #fff;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 700;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

a {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a:focus {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

p {
    margin: 0;
    color: #444;
}

section {
    padding: 60px 0;
}

.btn-green {
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background: #a99f00;
    overflow: hidden;
    border: none;
    border-bottom: 1px solid #676100;
    width: 100%;
    padding: 9px;
    font-size: 15px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn-green:hover {
    color: #fff;
    text-decoration: none;
}

.m-l-10 {
    margin-left: 10px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.m-t-50 {
    margin-top: 50px;
}

.m-t-70 {
    margin-top: 70px;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-b-25 {
    margin-bottom: 25px;
}

.m-r-5 {
    margin-right: 15px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.p-0 {
    padding: 0;
}

.p-l-9 {
    padding-left: 9px;
}

.p-r-9 {
    padding-right: 9px;
}

.p-r-0 {
    padding-right: 0;
}

.p-l-0 {
    padding-left: 0;
}

.p-t-0 {
    padding-top: 0;
}
.p-t-7 {
    padding-top: 7px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-25 {
    padding-top: 25px;
}

.p-t-30 {
    padding-top: 30px;
}

.p-b-0 {
    padding-bottom: 0;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-15 {
    padding-bottom: 15px;
}

.p-b-20 {
    padding-bottom: 20px;
}

.p-b-25 {
    padding-bottom: 25px;
}

.p-b-30 {
    padding-bottom: 30px;
}

#home {
    background: #f6f7f8;
}

.navbar-default {
    background: #fff;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    border: 0px;
    z-index: 2;
}

.navbar {
    margin-bottom: 0px;
    z-index: 999;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35);
}

.navbar-nav {
    margin: 0;
}

.navbar-brand img {
    width: 80%;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    padding: 0;
}

.nav>li {
    position: relative;
    display: block;
    padding: 0 15px;
}

.nav>li>a {
    display: block;
    margin: 0;
    padding: 24px 0;
    position: relative;
}

.navbar-default .navbar-nav>li>a::after {
    background: #faa71a;
    bottom: 0;
    content: "";
    height: 0;
    line-height: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    -webkit-transition: width .5s ease 0s, height .5s ease 0s;
    transition: width .5s ease 0s, height .5s ease 0s;
    right: 0;
}

.navbar-default .navbar-nav>li>a:focus::after,
.navbar-default .navbar-nav>li>a:hover::after {
    height: 3px;
    opacity: 1;
}

.navbar-default .navbar-nav>.active>a::after {
    height: 3px;
    opacity: 1;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    height: auto;
    padding: 0;
    position: absolute;
    margin-left: 0 !important;
    margin-top: 20px;
}

.top-nav-collapse {
    padding: 0;
    top: 0;
}

.white,
.white:hover,
.white:focus {
    color: #fff;
    width: 100% !important;
}

.block {
    display: block;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #3a7fc1;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #3a7fc1;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    color: #3a7fc1 !important;
    background: transparent;
}

.call-to-action {
    width: 43%;
    float: right;
    display: inline-block;
    margin: 17px 0 0 20px;
}

.btn-clta {
    font-weight: 400;
    color: #333;
    background: #fff;
    border: 1px solid #d1d1d1;
    padding: 5px 10px;
    font-size: 13px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 0 0 0 8px;
    float: right;
}

.btn-clta i {
    font-size: 15px;
    padding: 2px 2px 0 0;
}

.btn-clta:hover,
.btn-clta:focus,
.btn-clta.active {
    background: #3a7fc1;
    color: #fff;
    text-decoration: none;
    border: 1px solid #3a7fc1;
}

.lang,
.currency {
    float: right;
    margin: 0 0 0 8px;
}

.lang .bootstrap-select.fit-width {
    width: 90px !important;
}

.currency .bootstrap-select.fit-width {
    width: 154px !important;
}

.lang .bootstrap-select>.btn,
.currency .bootstrap-select>.btn {
    width: 100%;
    padding-right: 20px;
    border-radius: 0;
    font-size: 12px;
    padding: 8px 20px 7px 8px;
}

.lang .bootstrap-select>.btn:hover,
.currency .bootstrap-select>.btn:hover {
    color: #000;
}

.lang .bootstrap-select.btn-group .dropdown-menu,
.currency .bootstrap-select.btn-group .dropdown-menu {
    background: #fff;
    border-radius: 0;
    top: 95%;
}

.lang .bootstrap-select.btn-group .dropdown-menu li a,
.currency .bootstrap-select.btn-group .dropdown-menu a {
    color: #333;
    background: transparent !important;
    padding: 5px 5px;
    border: 1px solid #d1d1d1;
    margin: 4px 5px;
    font-size: 12px;
}

.lang .bootstrap-select.btn-group .dropdown-menu li a:hover,
.lang .bootstrap-select.btn-group .dropdown-menu li a:focus,
.currency .bootstrap-select.btn-group .dropdown-menu a:hover,
.currency .bootstrap-select.btn-group .dropdown-menu a:focus {
    color: #000;
    border: 1px solid #3a7fc1 !important;
    background: #e8e8e8 !important;
}

.lang .bootstrap-select.btn-group .dropdown-menu li a:active,
.currency .bootstrap-select.btn-group .dropdown-menu li a:active {
    color: #000;
    border: 1px solid #3a7fc1 !important;
    background: #f1f1f1;
}

.lang .btn-group.open .dropdown-toggle,
.currency .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#main_banner {
    min-height: auto;
    padding-top: 400px;
    background-size: cover !important;
    background-position: center center !important;
    position: relative;
}

#main_banner::before {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.booking-form {
    position: unset;
    background: var(--primaryDark-color);
    padding: 0;
    width: 100%;
    bottom: 0px;
}

.search-section {
    position: relative;
    top: -43px;
}

.search-section form {
    width: 100%;
    display: inline-block;
}

.booking-tab {
    overflow: hidden;
}

.tab-field {
    padding: 0;
}

.search-section .nav-tabs {
    border-bottom: none;
    text-align: center;
    padding: 0;
    list-style: none;
}

.search-section .nav-tabs>li {
    float: none;
    text-align: center;
    display: inline-block;
    padding: 0;
}

.search-section .nav-tabs .active {
    position: relative;
}

.search-section .nav-tabs li a {
    padding: 14px 15px;
    color: #fff;
    background-color: #222931;
    font-weight: 400;
    border-radius: 0;
    margin-right: 0;
    border: none !important;
    font-size: 16px;
    text-decoration: none;
}

.search-section .nav-tabs2>li {
    margin: 10px 10px 0;
}

.search-section .nav-tabs2 li a {
    padding: 2px 6px;
    color: #fff;
    background-color: transparent !important;
    font-weight: 500;
    border-radius: 0;
    margin-right: 0;
    border: none !important;
    font-size: 14px;
    text-decoration: none;
    position: relative;
}

.search-section .nav-tabs2>li.active>a,
.search-section .nav-tabs2>li.active>a:focus,
.search-section .nav-tabs2>li.active>a:hover {
    border: none;
    background: transparent !important;
    color: #faa71a !important;
}

.search-section .nav-tabs2>li.active>a::before,
.search-section .nav-tabs2>li.active>a:focus::before,
.search-section .nav-tabs2>li.active>a:hover::before {
    border: 2px solid #faa71a;
}

.search-section .nav-tabs2 li a::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 0;
    margin-left: -13px;
    border: 2px solid #fff;
    border-radius: 50%;
    top: 2px;
    background: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.search-section .nav-tabs2 li.active a::after,
.search-section .nav-tabs2>li.active>a:focus::after,
.search-section .nav-tabs2>li.active>a:hover::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 7px;
    left: 4px;
    margin-left: -13px;
    background: #faa71a;
    border-radius: 50%;
    top: 6px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.search-section .nav-tabs>li.active>a,
.search-section .nav-tabs>li.active>a:focus,
.search-section .nav-tabs>li.active>a:hover {
    border: none;
    background: rgba(14, 81, 145, 0.8);
    color: #fff;
}

.search-section .tab-content {
    color: #07253f;
    padding-top: 18px;
}

.service-icon svg {
    fill: #fff;
    margin: 0 5px 0 0;
    width: 25px;
    position: relative;
    top: 5px;
}

.search-section .nav-tabs>li:hover svg {
    fill: #fff;
}

.search-section .nav-tabs>li.active svg {
    fill: #fff;
}

.search-col-padding .input-group {
    display: block;
}

.search-section label {
    font-size: 15px;
    font-weight: 300;
    text-transform: capitalize;
    color: #fff;
    line-height: 16px;
}

.validation_hotel {
    background-color: #ec423f;
    margin-bottom: 5px;
    padding: 4px;
    position: absolute;
    top: -13px;
    left: 0;
    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #FFF;
}

.search-section .tab-content {
    color: #07253f;
    padding-top: 18px;
    position: relative;
}

input[type="text"]:disabled {
    background: #dddddd;
}

.search-section .form-control {
    background: #fff;
    border: none;
    border-right: 1px solid #cfcfcf;
    border-radius: 0px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #4a4a4a !important;
    display: block;
    font-size: 14px;
    height: 68px;
    line-height: 1.42857;
    padding: 0 0 0 20px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    margin: 0;
    position: relative;
    padding-right: 15px;
}

.search-section .plane-icon {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 2;
}

.search-section .form-control::-moz-placeholder {
    color: #2c2c2c;
}

.search-section .form-control:-ms-input-placeholder {
    color: #2c2c2c;
}

.search-section .form-control::-webkit-input-placeholder {
    color: #2c2c2c;
}

.search-section .form-control::-o-input-placeholder {
    color: #2c2c2c;
}

.search-section .input-group-addon {
    background: transparent;
    color: #BEC4C8;
    border-top: 1px solid #BEC4C8;
    border-right: 1px solid #BEC4C8;
    border-bottom: 1px solid #BEC4C8;
    border-radius: 0;
}

.search-section .search-col-padding {
    padding: 0;
}

.search-section option {
    color: #07253F;
}

.calendar {
    background: #fff;
    overflow: hidden;
    margin: 0 !important;
    padding: 8px 0 8px 20px;
    font-size: 14px;
    font-weight: 400;
    color: #2c2c2c;
    height: 68px;
    border: none;
    border-right: 1px solid #cfcfcf;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.calendar::placeholder {
    color: #2c2c2c!important;
}

.ui-datepicker {
    background: #fff;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1);
    z-index: 9999 !important
}

.ui-datepicker-header {
    height: 47px;
    line-height: 50px;
    color: #fff;
    background: var(--primary-color);
    /* background: var(--secondary-color); */
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.04em;
}

.ui-datepicker-prev:after, .ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.ui-datepicker .ui-datepicker-next {
    top: 2px;
    right: 2px;
    transition: all 0.2s ease 0s;
}
.ui-datepicker-header a:hover {
    border: 2px solid #000 !important;
}
.ui-widget-header .ui-icon {
    display: none !important;
}
.ui-datepicker-next:after {
    transform: rotate(-135deg);
    margin: 6px 0px 0px 6px;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 43px !important;
    color: #FFF;
    font-size: 14px !important;
}
.ui-datepicker-prev, .ui-datepicker-next {
    width: 20px !important;
    height: 20px !important;
    text-indent: 9999px !important;
    border: 2px solid #fff !important;
    border-radius: 100% !important;
    cursor: pointer !important;
    overflow: hidden !important;
    margin-top: 12px !important;
}
.ui-datepicker-prev {
    float: left;
    margin-left: 12px;
}

.ui-datepicker-prev::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 5px 0px 0px 6px;
}
.ui-datepicker-header a:hover {
    margin-right: 8px !important;
}
.ui-datepicker-next {
    float: right;
    margin-right: 12px;
}

.ui-datepicker-next:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: 5px 0px 0px 4px;
}

.ui-datepicker-prev:after,
.ui-datepicker-next:after {
    content: '';
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
    border-color: #faa71a;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-title select {
    background: var(--primary-color);
    /* background: var(--secondary-color); */
    border: none;
}

.ui-datepicker-title select option {
    background: var(--primary-color);
}

.ui-datepicker-calendar {
    width: 100%;
    text-align: center;
}

.ui-datepicker-calendar thead tr th span {
    /* display: block;
    width: 40px; */
    color: #045781;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: center;
}

.ui-state-default {
    display: block;
    text-decoration: none;
    color: #42474d;
    line-height: 40px;
    font-size: 12px;
    font-weight: 700;
}

.ui-state-default:hover {
    background: var(--primary-color) !important;
    color: #fff;
    text-decoration: none;
}

.ui-state-highlight {
    color: #fff;
    background: var(--primaryLight-color);
}

.ui-state-active {
    background: var(--primary-color);
    border-radius: 0;
    color: #fff;
}

.ui-datepicker-unselectable .ui-state-default {
    color: #3a3a3a;
    border: 2px solid transparent;
}

.ui-datepicker-trigger {
    background: transparent;
    border: medium none;
    color: #adadad;
    font-size: 16px;
    position: absolute;
    right: 3px;
    top: 17px;
    cursor: pointer;
    margin: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.ui-datepicker-trigger2 {
    background: transparent;
    border: medium none;
    color: #adadad;
    font-size: 16px;
    position: absolute;
    right: 3px;
    top: 17px;
    cursor: pointer;
    margin: 2px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.custom-select-button {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    height: 40px;
}

.bootstrap-select.btn-group .dropdown-menu {
    background: #3a7fc1;
    border-radius: 0;
}

.bootstrap-select.btn-group .dropdown-menu li {
    display: contents;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    color: #ffffff;
    background: #3a7fc1 !important;
}

.bootstrap-select.btn-group .dropdown-menu li a:hover {
    color: #00ADEF;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.btn-group.open .dropdown-toggle {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.btn:hover {
    color: #da434a;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.search-button::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -o-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-property: transform;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -o-transition-property: transform;
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    z-index: -1;
    border-radius: 20px;
}

.search-button {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: var(--secondary-color);
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    padding: 5px;
    border: none;
    text-transform: none;
    width: 100%;
    border-radius: 0;
    height: 68px;
}

.search-button i {
    font-size: 20px;
    padding-left: 15px;
}

.search-col-padding input[type="radio"] {
    margin-top: 2px;
}

.search-col-padding .active {
    color: #fff;
}

.map-icon {
    float: right;
    display: block;
    z-index: 100;
    margin-top: -35px;
}

.map-icon a {
    background: #fff;
    color: 000;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 35px;
    font-size: 21px;
    text-align: center;
}

.map-icon a:hover {
    background: #faa71a;
    color: #fff;
    text-decoration: none;
}

.near-airport {
    display: inline-block;
    margin: 10px 0 0;
}

.near-airport .form__checkbox input[type="checkbox"]:checked~label {
    color: #fff;
    font-size: 13px;
    margin: 0;
    line-height: 16px;
}

.near-airport .form__checkbox .checkbox::before {
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: '';
    -moz-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -o-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    margin: -7px -3px 0 0;
}

.near-airport .form__checkbox input[type="checkbox"]:checked~.checkbox {
    background-color: transparent;
    height: 16px;
    width: 16px;
    box-shadow: none;
}

.near-airport .form__checkbox label {
    color: #fff;
    font-size: 13px;
    margin: 0;
    line-height: 16px;
    padding: 0 0 0 25px;
}

.near-airport .form__checkbox .checkbox {
    background-color: transparent;
    height: 16px;
    width: 16px;
    box-shadow: none;
}

.advance-search {
    display: inline-block;
    cursor: pointer;
    color: #faa71a;
    float: left;
    width: auto;
    margin-top: 15px;
    font-weight: 700;
    font-size: 16px;
    clear: both;
}

.advance-detail {
    display: inline-block;
    width: 100%;
    color: #fff;
    padding: 10px 0;
}

.advance-detail .form__checkbox {
    margin-top: 15px;
}

.advance-detail .form__checkbox input[type="checkbox"]:checked~label {
    color: #fff;
    font-size: 15px;
    margin: 0;
    line-height: 17px;
}

.advance-detail .form__checkbox .checkbox::before {
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    content: '';
    -moz-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -o-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    margin: -7px -3px 0 0;
}

.advance-detail.form__checkbox input[type="checkbox"]:checked~.checkbox {
    background-color: transparent;
    height: 18px !important;
    width: 18px !important;
    box-shadow: none;
}

.advance-detail .form__checkbox label {
    color: #fff;
    font-size: 15px;
    margin: 0;
    line-height: 17px;
    padding: 0 0 0 25px;
}

.advance-detail .form__checkbox .checkbox {
    background-color: transparent;
    height: 18px !important;
    width: 18px !important;
    box-shadow: none;
}

.close-btn {
    display: block;
    margin: 0;
    font-size: 18px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    margin: 24px 0 0 10px;
}

.close-btn a {
    display: block;
    color: #fff;
    cursor: pointer;
}

.add-btn {
    width: 131px;
    height: auto;
    display: block;
    font-size: 13px;
    text-align: center;
    border: 1px solid #fff;
    color: #fff;
    padding: 2px 5px;
    font-weight: 400;
    position: absolute;
    top: 17px;
    right: 0;
    cursor: pointer;
}

.add-btn:hover,
.add-btn:focus {
    background: #faa71a;
    border: 1px solid #faa71a;
    color: #fff;
    text-decoration: none;
}

.room-title {
    display: block;
    font-size: 17px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    color: #3a7fc1;
    padding: 5px 0;
    font-weight: 500;
    margin-bottom: 10px;
}

.add-room {
    width: 100px;
    height: auto;
    display: block;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ddd;
    background: #ddd;
    color: #000;
    padding: 2px 5px;
    font-weight: 400;
    margin: 0;
    float: right;
    cursor: pointer;
    margin-right: 3px;
    margin-bottom: 3px;
}

.add-room:hover,
.add-room:focus {
    background: #faa71a;
    border: 1px solid #faa71a;
    color: #fff;
    text-decoration: none;
}

.remove-room {
    width: 100px;
    height: auto;
    display: block;
    font-size: 13px;
    text-align: center;
    border: 1px solid #ddd;
    background: #ddd;
    color: #000;
    padding: 2px 5px;
    font-weight: 400;
    margin: 0;
    float: left;
    cursor: pointer;
    margin-left: 3px;
    margin-bottom: 3px;
}

.remove-room:hover,
.remove-room:focus {
    background: #faa71a;
    border: 1px solid #faa71a;
    color: #fff;
    text-decoration: none;
}

.flgt-htl {
    display: inline-block;
}

.flgt-htl .travelerSelectWindow {
    width: 320px;
    position: absolute;
    top: 68px;
    right: 0;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 3;
    display: none;
}

.flgt-htl .classSec {
    border-top: 1px solid #d1d1d1;
    padding-top: 0;
    margin: 0 15px 15px;
    overflow: hidden;
    float: left;
    width: 90%;
}

.flgt-htl .travelerSelectWindow fieldset {
    padding: 0 13px 15px 0;
    width: 96px;
    float: left;
}

.wdt {
    width: 100% !important;
    clear: both;
}

.wdt label {
    padding-right: 10px !important;
}

.pdn-rght {
    padding-right: 0;
}

.trip-button {
    margin-top: 10px !important;
}

.search-button:hover,
.search-button:focus,
.search-button:active {
    color: #fff;
    text-decoration: none;
    background: var(--secondaryDark-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#flight_direct {
    content: '';
    display: inline-block;
    vertical-align: text-top;
    background: white;
    font-size: 16px;
}

.bootstrap-select {
    width: 220px;
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto!important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: 0!important
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1036
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%
}

select.bs-select-hidden,
select.selectpicker {
    display: none!important
}

select.mobile-device {
    position: absolute!important;
    top: 0;
    left: 0;
    display: block!important;
    width: 100%;
    height: 100%!important;
    opacity: 0
}

#flight form .input-group {
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-color: transparent;
    color: #979797;
}

.select2-container .select2-selection--single {
    -moz-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #2c2c2c !important;
    line-height: 34px;
    background: #fff;
    border-radius: 0px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    padding-top: 20px;
}

.search-section .form-control::-moz-placeholder {
    color: #2c2c2c;
}

.search-section .form-control::-ms-input-placeholder {
    color: #2c2c2c;
}

.search-section .form-control::-webkit-input-placeholder {
    color: #2c2c2c;
}

.search-section .form-control::-o-input-placeholder {
    color: #2c2c2c;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    right: 1px;
    top: 17px;
    width: 40px;
    text-align: center;
    line-height: 30px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    height: 68px !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--secondary-color) !important;
    color: #fff;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color) !important;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.select2-selection__arrow i {
    background-color: transparent;
    border-radius: 50%;
    color: #ababab;
    padding: 7px;
    font-size: 20px;
}

.select2-container--default .select2-selection--single:active,
.select2-container--default .select2-selection--single:focus {
    border-color: #6e8095;
}

.select2-dropdown {
    border-color: #6e8095;
}

.tab-pane h3 {
    font-size: 23px;
    font-weight: 700;
}

.select-label {
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: capitalize!important;
    padding-bottom: 10px !important;
}

.change-destination::after {
    content: url(../images/exchange-icon.png);
    position: absolute;
    right: -13px;
    top: 18px;
    z-index: 1;
}

.booking-form1 .form-group2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
    position: absolute;
    right: 1px;
    top: 4px;
    width: 40px;
    text-align: center;
    line-height: 30px;
    z-index: 1;
}

.booking-form1 .form-group2 .select2-container .select2-selection--single,
.booking-form1 .form-group .select2-container .select2-selection--single {
    -moz-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px !important;
}

.booking-form1 .form-group2 .select2-selection__arrow i {
    background-color: transparent;
    border-radius: 50%;
    color: #fff;
    padding: 7px;
    font-size: 15px;
}

.travellersDropdown {
    position: relative;
}

.custom-select-v3 {
    position: relative;
    cursor: pointer;
}

.custom-select-v3::before {
    background: 0 0;
    border: 0;
    top: 14px;
    color: #9ca6b0;
    display: block;
    font-size: 20px;
    height: 42px;
    line-height: 42px;
    margin-right: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 24px;
    z-index: 6;
    font-weight: 700;
    content: "\f107";
    font-family: 'FontAwesome';
}

.travellersDropdown span[class^="icon-"] {
    color: #a0a0a0;
    font-size: 22px;
    left: 10px;
    pointer-events: none;
    position: absolute;
    top: 9px;
    z-index: 1;
}

.travellersDropdown span[class^="icon-"] {
    color: #a0a0a0;
    font-size: 22px;
    pointer-events: none;
}

.custom-select-v3 input {
    text-overflow: ellipsis;
    padding-right: 30px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: left;
    cursor: pointer;
}

.custom-select-v3 select,
.form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    height: 42px;
    line-height: normal;
    margin-bottom: 20px;
    padding: 8px;
    padding-right: 8px;
    text-overflow: ellipsis;
    box-shadow: none;
    color: #000;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.travelerSelectWindow {
    width: 330px;
    position: absolute;
    top: 68px;
    right: 0;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, .1);
    z-index: 3;
    display: none;
}

.travelerSelectWindow.active {
    display: block;
}

.travelerSelectWindow .travelDropdown {
    margin: 15px 15px 0;
}

.travelerSelectWindow fieldset {
    padding: 0 13px 15px 0;
}

fieldset {
    min-width: 0;
    margin: 0;
}

.travellersDropdown .travelerSelectWindow label {
    font-size: 14px;
    color: #000;
    float: left;
    min-width: 100px;
    padding-top: 10px;
    display: inline-block;
    font-weight: 400;
    max-width: 100%;
}

.trvFld {
    float: left;
    margin-right: 10px;
    width: 70px;
}

.trvFld .custom-select-v3 {
    display: block;
}

.trvFld .custom-select-v3::before {
    font-size: 12px;
    height: 35px;
    line-height: 6px;
}

.trvFld .custom-select-v3 select {
    text-align: left;
    height: 35px;
    line-height: 35px;
    margin-bottom: 0;
    color: #000;
    padding: 0 8px;
}

.travelerSelectWindow .custom-select-v3 select {
    border: 1px solid #ccc;
}

.custom-select-v3 select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #000;
    cursor: pointer;
}

select option {
    padding: 2px 5px;
    background: #fff;
}

.trvFld .custom-select-v3 select {
    text-align: left;
    line-height: 35px;
    color: #000;
}

.travelerSelectWindow .ageRange {
    float: left;
    font-size: 14px;
    color: #c2c2c2;
    padding-top: 10px;
}

.classSec {
    border-top: 1px solid #d1d1d1;
    margin: 0 15px 15px;
    overflow: hidden;
}

.classSec .custom-select-v3::before {
    top: 0;
}

.classSec label {
    margin-top: 5px;
}

.classSec .custom-select-v3.lg {
    float: right;
    width: 65%;
}

.classSec .custom-select-v3.lg select {
    margin: 0;
}

.classSec .custom-select-v3 select {
    cursor: pointer;
}

.classSec .custom-select-v3 select {
    font-size: 14px;
    padding-left: 5px;
    text-align: left;
    text-indent: initial;
    color: #000;
}

.travelerSelectWindow .custom-select-v3 select {
    border: 1px solid #ccc;
    margin-top: 0;
    border-radius: 0;
}

.custom-select-v3 select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #000;
}

.travelerSelectWindow .travelDropdown {
    margin: 15px 15px 0;
}

.travelerSelectWindow .closeDropdown {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    text-align: right;
    border-top: 1px solid #d1d1d1;
    background: #f5f5f5;
    border-radius: 0 0 2px 2px;
    position: relative;
}

.travelerSelectWindow .closeBtn {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    z-index: 1;
    padding: 7px 10px;
    background: var(--secondary-color);
    display: inline-block;
    border-radius: 0;
    top: 8px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.travelerSelectWindow .closeBtn {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.travelerSelectWindow .closeBtn:hover {
    background: var(--secondaryDark-color);
}

.radio {
    padding-left: 0;
    margin-bottom: 0;
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 0;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    padding-top: 3px;
    text-transform: none;
    text-align: left;
    margin: 0 0 0 0;
    padding: 2px 0 7px 8px !important;
}

.radio label.active,
.radio label:focus {
    color: #fff;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    margin-left: -13px;
    border: 2px solid #000;
    border-radius: 50%;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    top: 4px;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    left: 11px;
    top: 8px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    margin: 0;
    padding: 0;
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio.radio-inline {
    margin: 0;
    float: left;
    clear: both;
    text-align: left;
}

.radio-success input[type="radio"]+label::after {
    background-color: #3a7fc1;
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: #3a7fc1;
}

.radio-success input[type="radio"]:checked+label {
    color: #3a7fc1;
    padding: 0;
    margin: 0;
}

.radio-success input[type="radio"]:checked+label {
    color: #3a7fc1;
}

#offer_section,
#best_deal {
    width: 100%;
    display: block;
}

#offer_section h1 {
    font-size: 35px;
    font-weight: 600;
    text-transform: none;
    color: #000000;
    position: relative;
    line-height: 45px;
    padding-bottom: 18px;
    text-align: center;
}

#offer_section h1::before {
    content: "";
    background: #faa71a;
    width: 60px;
    height: 2px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: 0 auto;
    right: 0
}

#offer_section .item .pckg {
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

#offer_section .item .pckg_image {
    display: block;
    overflow: hidden;
    position: relative;
}

#offer_section .item .pckg_image img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#offer_section .item .pckg:hover img {
    transform: scale(1.1);
}

#offer_section .item .pckg_detail {
    padding: 20px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

#offer_section .item .pckg_detail a h4 {
    padding: 0;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    line-height: normal;
    z-index: 1;
    position: relative;
    text-transform: none;
}

#offer_section .item .pckg_detail a:hover h4 {
    color: #3a7fc1;
    text-decoration: none;
}

#offer_section .item .pckg_detail .text {
    font-size: 14px;
    font-weight: 400;
    color: #5d5d5d;
    padding: 12px 0;
    z-index: 1;
    position: relative;
}

#offer_section .owl-carousel {
    padding-top: 15px;
}

#offer_section .item {
    position: relative;
    display: block;
    overflow: hidden;
    height: auto;
    padding: 15px;
    margin-top: 30px;
}

.owl-theme .owl-controls {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
}

.owl-prev,
.owl-next {
    background: transparent !important;
    display: inline-block !important;
    margin: 0 0 0 -35px !important;
    text-align: center !important;
    font-size: 38px !important;
    color: #000 !important;
    opacity: 0.5 !important;
    border-radius: 0 !important;
    line-height: 41px;
    float: left;
}

.owl-next {
    float: right;
    margin: 0 -35px 0 0 !important;
}

.owl-prev:hover,
.owl-next:hover {
    background: transparent !important;
    color: #000 !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1 !important;
}

.owl-pagination {
    display: none;
}

#best_deal {
    background: #fff;
}

#best_deal .deal {
    background: #fff;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #e9e9e9;
}

#best_deal .deal .image {
    display: block;
    overflow: hidden;
    width: 50%;
    float: left;
}

#best_deal .deal .image img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#best_deal .deal:hover img {
    transform: scale(1.1);
}

#best_deal .deal .detail {
    width: 50%;
    padding: 70px 20px 20px;
    overflow: hidden;
    text-align: center;
    position: relative;
}

#best_deal .deal .detail h3 {
    font-size: 28px;
    font-weight: 600;
    color: #3a7fc1;
    display: inline-block;
    line-height: normal;
    text-transform: none;
    padding-top: 5px;
}

#best_deal .deal .detail h4 {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    display: inline-block;
    line-height: normal;
    text-transform: none;
    width: 100%;
}

#best_deal .deal .detail .text {
    font-size: 16px;
    font-weight: 400;
    color: #5d5d5d;
    padding: 12px 0;
    line-height: 20px;
}

#best_deal .deal .detail .btn-blue {
    width: auto;
    font-weight: 700;
    color: #fff;
    background: #3a7fc1;
    padding: 10px 18px;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: none;
    margin-top: 5px;
    display: inline-block;
}

#best_deal .deal .detail .btn-blue:hover {
    color: #fff;
    text-decoration: none;
    background: #faa71a;
}

#mobile-app {
    width: 100%;
    display: block;
}

.mobile-add {
    width: 100%;
    display: inline-block;
    background: #3f8ac3 url(../images/mobile-app-bnr.png) bottom left no-repeat;
    padding: 80px 0;
}

.mobile-add h3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    line-height: normal;
    padding: 18px 0 5px;
    text-align: left;
}

.mobile-add h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    line-height: normal;
    text-align: left;
}

.mobile-add .store-btn {
    width: auto;
    margin: 20px 10px 0 0;
    display: inline-block;
}

.top-list {
    background: #116da1;
}

.list-block,
.list-block2 {
    width: 100%;
    float: left;
    position: relative;
}

.list-block::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 50px;
    border-right: 1px solid #2387c0;
    height: 100%;
}

.list-block h4,
.list-block2 h4 {
    color: #fff;
    float: none;
    font-size: 22px;
    font-weight: 500;
    padding: 0 0 10px;
    width: auto;
    border-bottom: 1px solid #2387c0;
    margin-bottom: 15px;
    display: inline-block;
    text-transform: none;
}

.list-block>ul,
.list-block2>ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.list-block>ul li {
    display: block;
    width: 47%;
    margin-right: 3%;
    float: left;
}

.list-block>ul li:nth-child(2+1) {
    margin-right: 0;
}

.list-block>ul li a,
.list-block2>ul li a {
    display: inline-block;
    padding: 5px 0 5px 20px;
    position: relative;
    color: #caebfd;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
}

.list-block>ul li a:hover,
.list-block2>ul li a:hover {
    color: #fff;
    text-decoration: none;
    padding: 5px 0 5px 30px;
}

.list-block>ul li a::before,
.list-block2>ul li a::before {
    background: #caebfd;
    border-radius: 5px;
    content: "";
    display: block;
    height: 5px;
    left: 6px;
    position: absolute;
    top: 13px;
    width: 5px;
}

.list-block>ul li a:hover::before,
.list-block2>ul li ahover::before {
    background: #fff;
}

.list-block2>ul li:nth-child(3+1) {
    margin-right: 0;
}

.list-block2>ul li {
    margin-right: 2%;
    width: 31%;
    float: left;
}

.breadcrumbs1_wrapper {
    background: rgba(0, 0, 0, 0.8);
    margin-top: -51px;
    display: block;
    position: relative;
    padding: 0;
}

.breadcrumbs1 {
    padding: 15px 0;
    margin-top: 0px;
    line-height: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}

.breadcrumbs1 a {
    color: #ffbe00;
    text-decoration: none;
}

.breadcrumbs1 a:hover {
    color: #fff;
    text-decoration: none;
}

.breadcrumbs1 i {
    display: inline-block;
    margin: -3px 12px 0;
    vertical-align: middle;
    font-size: 17px;
}

.filter {
    width: 100%;
    float: left;
    display: block;
}

.filter .panel {
    background: #fff;
    border: none;
    padding: 0;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 0;
}

.filter .panel-group {
    margin-bottom: 0;
    padding: 0 15px;
}

.filter .panel-title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #FFF;
    text-transform: none;
    width: 80%;
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0 50px 50px 0;
    -o-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
    padding: 12px 15px;
}

.filter .panel-heading {
    padding: 0;
    background: none;
    position: relative;
    background: var(--primary-color);
    border-radius: 0;
}

.filter .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
    padding: 12px 15px 12px;
}

.filter .panel-title>a::before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    position: absolute;
    right: 11px;
    top: 15px;
    color: #FFF;
    font-size: 16px;
    text-shadow: none;
}

.filter .panel-title>a.collapsed:before {
    float: right !important;
    content: "\f067";
}

.filter .panel-title>a:hover,
.filter .panel-title>a:active,
.filter .panel-title>a:focus {
    text-decoration: none;
}

.filter .form__checkbox .checkbox {
    height: 18px;
    width: 18px;
    border: 1px solid var(--primary-color);
    box-shadow: none;
    border-radius: 3px;
}

.filter .form__checkbox label {
    line-height: 31px;
    font-size: 14px;
    margin: 0 0 12px;
    display: inline-block;
}

.filter .form__checkbox input[type="checkbox"]:checked~label {
    color: var(--primary-color);
}

.filter .form__checkbox input[type="checkbox"]:checked~.checkbox {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

.filter .form__checkbox .checkbox::before {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
}

.filter .form__checkbox input[type="checkbox"]:checked~.checkbox::before {
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

#slider-container {
    width: 95%;
    margin: 0px auto;
    position: relative;
}

.price-fltr {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
}

.price-fltr ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter-project {
    max-width: 600px;
    background-color: #f2f2f2;
    padding: 20px;
}

.price-fltr .amount-box {
    width: 100%;
    margin-top: 15px;
}

.price-fltr .form-group {
    margin-bottom: 0px;
}

.price-fltr .amount-box input[type=text],
.price-fltr .amount-box input[type=tel] {
    display: block;
    border: none;
    padding: 0;
    width: 100%;
    font-size: 14px;
    color: #646464;
    -webkit-appearance: none;
    border-radius: 0;
    font-weight: 500;
    margin: -21px 0 0 10px;
    float: left;
}

.doller {
    font-size: 14px;
    color: #646464;
    font-weight: 500;
    float: left;
}

.left-div {
    width: 60px;
    float: left;
}

.right-div {
    width: 60px;
    float: right;
}

.price-fltr .ui-widget-header {
    border: none;
    background: #3a7fc1;
    color: #ffffff;
    font-weight: bold;
}

.price-fltr .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.price-fltr .ui-slider-horizontal {
    height: 7px;
}

.price-fltr .ui-widget-content {
    border: none;
    background: #e9e9e9;
}

.price-fltr .ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.price-fltr .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
}

.price-fltr .ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
    margin-left: -.6em;
}

.price-fltr .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    cursor: default;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.price-fltr .ui-state-default,
.price-fltr .ui-widget-content .ui-state-default {
    border: 2px solid #3a7fc1;
    background: #fff;
    font-weight: bold;
    color: #1c94c4;
    outline: none;
    border-radius: 50%;
}

.hotel-name {
    display: block;
    width: 100%;
    position: relative;
    padding: 5px 0 10px;
}

.hotel-name .form-control {
    background-color: #fff;
    border: 1px solid #dddd;
    border-radius: 0;
    color: #929292;
    display: block;
    font-size: 15px;
    font-weight: 300;
    height: 42px;
    line-height: 1.42857;
    padding: 6px 10px;
    margin: 0;
    width: 100%;
    z-index: 1;
}

.hotel-name .indicator {
    position: absolute;
    right: 10px;
    top: 16px;
    z-index: 1;
    color: #989898;
    font-size: 18px;
}

.form__checkbox {
    position: relative;
    display: block;
}

.form__checkbox--inline {
    display: inline-block;
}

.form__checkbox input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}

.form__checkbox input[type=checkbox][disabled]~.checkbox {
    background-color: #fff;
}

.form__checkbox input[type=checkbox][disabled]~label {
    color: #7eb0df;
    font-size: 15px;
    font-weight: 400;
    text-decoration: line-through;
}

.form__checkbox label i {
    color: var(--secondary-color) !important;
}

.form__checkbox input[type=checkbox]:checked~.checkbox {
    background-color: #fff;
}

.form__checkbox input[type=checkbox]:checked~.checkbox:before {
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.form__checkbox input[type=checkbox]:checked~label {
    color: #646464;
    font-weight: 400;
}

.form__checkbox input[type=checkbox]:checked[disabled]~.checkbox {
    background-color: #fff;
}

.form__checkbox input[type=checkbox]:checked[disabled]~.checkbox:before {
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.form__checkbox input[type=checkbox]:checked[disabled]~label {
    color: #646464;
    font-weight: 400;
}

.form__checkbox label {
    position: relative;
    z-index: 9;
    display: block;
    color: #646464;
    font-weight: 400;
    height: 20px;
    line-height: 23px;
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin: 0 0 20px;
    padding: 0 0 0 30px;
}

.form__checkbox .checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    display: block;
    background-color: #fff;
    background-image: none;
    height: 20px;
    width: 20px;
    -moz-transition: border 0.2s ease-in-out;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out;
    border: 1px solid #e3e3e3;
    margin-top: -10px;
    webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
}

.form__checkbox .checkbox:before {
    position: absolute;
    top: 50%;
    right: 50%;
    display: block;
    width: 6px;
    height: 12px;
    border: 2px solid #1f8fce;
    border-top: 0;
    border-left: 0;
    content: '';
    -moz-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -webkit-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -o-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
    -webkit-transform: scale(0) rotate(45deg);
    -moz-transform: scale(0) rotate(45deg);
    -ms-transform: scale(0) rotate(45deg);
    -o-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    margin: -7px -3px 0 0;
}

footer {
    width: 100%;
    background: #012f49;
    display: inline-block;
    padding: 30px 0;
    float: left;
}

footer .link ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .link ul li {
    display: block;
    float: left;
    padding: 0 20px 0 0;
}

footer .link ul li a {
    color: #388ab8;
    font-size: 13px;
    font-weight: 400;
}

footer .link ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.c-text {
    color: #388ab8;
    font-size: 12px;
    font-weight: 300;
    text-align: right;
}

footer img {
    width: auto;
    display: inline-block;
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

.popupContainer {
    position: absolute;
    width: 330px;
    height: auto;
    left: 45%;
    top: 128px !important;
    background: #fff;
    text-align: left;
}

#modal_trigger {
    display: block;
}

.popupHeader {
    font-size: 16px;
    text-transform: none;
}

.popupHeader {
    background: #ddd;
    position: relative;
    padding: 15px 20px;
    font-weight: bold;
    width: auto;
}

.popupHeader .modal_close {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: #000 url(../images/cd-icon-close.svg) no-repeat center center;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.popupHeader .modal_close:hover {
    color: #000;
}

.popupBody {
    padding: 20px;
}

.user_login label {
    display: block;
    margin-bottom: 5px;
    padding-left: 0;
    font-size: 14px;
    text-transform: none;
    color: #555;
}

.user_login small {
    padding: 12px 0;
    font-size: 11px;
    color: #444;
    display: block;
    line-height: normal;
}

.user_login input[type="text"],
.user_login input[type="email"],
.user_login input[type="password"] {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: none;
    color: #555;
    border: 1px solid #dddd;
}

.user_login .btn-blue {
    width: 100%;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    background: #3a7fc1;
    padding: 12px 0;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: none;
    margin-top: 5px;
    display: inline-block;
}

.user_login .btn-blue:hover {
    color: #fff;
    text-decoration: none;
    background: var(--secondary-color);
}

.scrollToTop {
    height: 50px;
    width: 50px;
    padding-top: 2px;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 84px;
    right: 15px;
    z-index: 999999;
    display: none;
    border-radius: 0;
    background-color: var(--primary-color);
    border: none;
}

.scrollToTop:hover,
.scrollToTop:focus {
    background: var(--secondary-color);
    color: #fff;
}

.flight-listing {
    min-height: auto;
    padding: 0;
    margin-top: 68px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.flight-listing-text {
    width: 100%;
    padding: 30px 0;
    display: inline-block;
}

.flight-listing-text h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    color: #333;
    text-transform: none;
    display: inline-block;
}

.flight-listing-text h1 span.arrow {
    color: #3e3e3e;
    font-size: 14px;
    margin: 0 5px;
    line-height: 29px;
}

.flight-listing-text ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.flight-listing-text ul li {
    list-style: none;
    display: inline-block;
}

.flight-listing-text ul li {
    font-size: 15px;
    font-weight: 400;
    padding: 10px 15px 0 0;
}

.flight-listing-text ul li p {
    color: #000;
}

.flight-listing-text ul li p span {
    color: var(--primary-color);
    margin-left: 5px;
    font-weight: 500;
}

.flight-main {
    padding: 10px 0;
}

.checkbox-title p {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    padding: 12px 0;
    display: inline-block;
    width: 100%;
}

.right-detail {
    width: 100%;
    display: block;
}

.sorting {
    width: 100%;
    display: inline-block;
    background: #fff;
    padding: 0 15px;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 12px;
}

.sorting h4 {
    font-size: 16px;
    font-weight: 500;
    color: #3a3838;
    text-transform: none;
    border-right: 1px solid #e7e7e7;
    padding: 15px 15px 15px 0;
    float: left;
}

.sorting ul {
    list-style: none;
    margin: 0 0 0 15px;
    padding: 0;
    float: left;
}

.sorting ul li {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 5px 7px 5px;
    float: left;
}

.ar_direction1 .redEye {
    right: inherit;
    left: 0;
}

.sorting ul li a {
    padding: 3px 8px;
    background: #fff;
    color: #3a3838;
    text-decoration: none;
    width: 110px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
}

.sorting ul li a:hover,
.sorting ul li a.active {
    background: #ddd;
    text-decoration: none;
}

.view {
    width: auto;
    float: right;
}

.view ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.view ul li {
    font-size: 17px;
    padding: 6px 0 6px 10px;
    float: left;
}

.view ul li a:hover,
.view ul li a.active {
    background: var(--primary-color);
    color: #fff;
    text-decoration: none;
    border: 1px solid var(--primary-color);
}

.view ul li a {
    padding: 0;
    background: #eeeeee;
    color: var(--primary-color);
    text-decoration: none;
    float: left;
    text-align: center;
    border: 1px solid #c7c7c7;
    width: 33px;
    height: 33px;
    line-height: 33px;
    cursor: pointer;
}

.flight-list-drop .btn {
    background: #fff;
    border-radius: 0;
    font-size: 14px;
    color: #3a3838;
    padding: 2px 10px;
    box-shadow: none;
    border: 1px solid #ddd;
}

.flight-list-drop .btn:hover {
    background: #ddd;
}

.flight-list-drop .btn span {
    margin-left: 5px;
    font-size: 18px;
}

.flight-list-drop ul {
    margin-left: 0;
    background: #fff;
    border-radius: 0;
    border: 1px solid #ddd;
}

.flight-list-drop ul li {
    width: 100% !important;
    padding: 0;
}

.flight-list-drop ul li a {
    width: 100%;
    float: none;
    background-color: transparent;
    text-align: left;
    font-size: 12px;
    padding: 5px 10px;
    border-bottom: 1px solid #e7e7e7;
}

.all-flight-list {
    background: #fff;
    border: 1px solid #ddd;
    clear: both;
    overflow: hidden;
    margin-bottom: 20px;
}

.all-flight-list:hover {
    border: 1px solid #3a7fc1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.departure-icon {
    background: var(--primary-color);
    float: left;
    position: relative;
    z-index: 1;
    padding: 5px;
    width: 13%;
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    display: inline-block;
    line-height: 25px;
    border-radius: 0 50px 50px 0;
}

.departure-icon svg {
    display: inline-block;
    width: 16px;
    float: left;
    fill: #FFF;
    margin-right: 5px;
}

.all-flight-list:hover .departure-icon {
    background: var(--primary-color);
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.all-flight-list:hover .departure-icon svg {
    fill: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.flight-price {
    float: right;
    background: var(--primary-color);
    color: #FFF;
    padding: 10px 30px;
    font-size: 16px;
    position: relative;
    font-weight: 700;
    border-radius: 50px 0 0 50px;
}

.all-flight-list:hover .flight-price {
    background: var(--secondary-color);
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.all-flight-list:hover .flight-price::before {
    background: #1f8fce;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.flight-all-detail {
    padding: 0 20px;
    display: block;
    clear: both;
}

.flight-info {
    margin: 50px 0 0 0;
    overflow: hidden;
}

.flight-logo-name p {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 18px;
    padding: 5px 0 0 5px;
    float: left;
    width: 100%;
}

.flight-logo-name p span {
    font-size: 12px;
    color: #444;
}

.flight-logo-name img {
    float: left;
    margin-top: 3px;
}

.flight-destination ul li {
    list-style: none;
    float: left;
    width: 20%;
    position: relative;
}

.flight-destination ul li svg {
    width: 20px;
    fill: #b2b2b2;
    margin: 0 auto;
    text-align: center;
    display: block;
    line-height: 50px;
    margin-top: 0px !important;
}

.flight-destination ul li:nth-last-child(2) {
    width: 60%;
}

.flight-destination ul li:nth-last-child(2)::before {
    border-bottom: 1px dotted #b2b2b2 !important;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    width: 100%;
}

.flight-destination {
    padding: 0;
    position: relative;
}

.padding11 {
    padding: 11px 0px;
    margin-bottom: 5px;
    margin: 0 10px;
}

.flight-destination ul {
    padding: 0;
    margin: 0;
}

.flg-departure {
    float: left;
}

.flg-arrival {
    text-align: right;
    float: right;
}

.flight-destination ul li h3 {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    text-align: center;
    text-transform: none;
    padding-top: 7px;
}

.flight-destination ul li h6 {
    font-size: 13px;
    color: #777777;
    font-weight: 400;
    text-align: center;
    padding-top: 4px;
    text-transform: capitalize;
}

.flight-destination ul li h2 {
    font-size: 12px;
    color: #777777;
    font-weight: 300;
    text-align: center;
    padding-top: 4px;
    text-transform: capitalize;
}

.flight-destination ul li h3 span {
    text-align: center;
    color: var(--primary-color);
    font-size: 14px;
    padding-top: 9px;
    display: block;
}

.flight-duration {
    border-left: 1px dashed #cccccc;
    padding: 12px 0
}

.flight-duration p {
    color: #444;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 18px;
}

.flight-duration p span {
    font-size: 12px;
    color: #3a7fc1;
}

.book-flight {
    margin: 15px 0 0;
    float: left;
    width: 100%;
}

.book-flight a {
    font-size: 12px;
    color: var(--primary-color);
    text-transform: none;
    padding: 4px 20px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    float: right;
    border: 1px solid var(--primary-color);
    line-height: 22px;
}

.all-flight-list:hover .book-flight a {
    color: #3a7fc1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.flight-all-detail .padding-left {
    padding-left: 0;
}

.flight-all-detail .padding-right {
    padding-right: 0;
}

.modify_btn {
    position: absolute;
    right:15%;
    width: 140px;
    height: 81px;
    /* text-indent: -9999px; */
    border: none;
    -ms-transform: translatey(0px);
    -webkit-transform: translatey(0px);
    -moz-transform: translatey(0px);
    -o-transform: translatey(0px);
    transform: translatey(0px);
    -ms-animation: float 2s ease-in-out infinite;
    -webkit-animation: float 2s ease-in-out infinite;
    -moz-animation: float 2s ease-in-out infinite;
    -o-animation: float 2s ease-in-out infinite;
    animation: float 2s ease-in-out infinite;
    z-index: 2;
    top: 0;
}

.modify_btn::before {
    content: '';
    left: 0;
    top: 0;
    background: url(/assets/images/rop.png) no-repeat;
    background-position: center top;
    position: absolute;
    width: 100%;
    height: 81px;
    z-index: 9;
}

.modify_srch {
    width: 140px;
    height: 36px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--primary-color);
    text-align: center;
    line-height: 36px;
    color: #FFF;
    font-weight: 500;
    font-size: 14px;
}

.flight-list-drop .btn {
    margin-top: 0px;
}

.modify_srch i {
    padding: 0px 5px;
}

@-webkit-keyframes rays {
    0% {
        -webkit-transform: translatey(0px);
    }
    50% {
        -webkit-transform: translatey(-20px);
    }
    100% {
        -webkit-transform: translatey(0px);
    }
}

@keyframes float {
    0% {
        transform: translatex(0px);
    }
    50% {
        transform: translatex(-20px);
    }
    100% {
        transform: translatex(0px);
    }
}

.md-search {
    margin: 68px 0 -68px;
}

.md-search .search-section {
    position: relative;
    top: -11px;
}

.md-search .tab-content>.tab-pane {
    padding-bottom: 5px;
}

#airline_matrix {
    background: #fff;
    display: block;
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 12px;
}

.owl-carousel {
    position: relative;
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    position: relative;
    display: none;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

#airline_matrix .owl-carousel .owl-item {
    float: left;
    padding: 0;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    padding: 2px 10px;
    width: auto;
    height: auto;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #FFF;
    font-size: 12px;
}

.carousel-container {
    width: 100%;
}

#airline_matrix .item {
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    min-height: 46px;
    position: relative;
    text-align: center;
    min-width: 140px;
    margin: 0 5px;
    transition: all .5s ease;
    padding: 4px;
}

#airline_matrix .item.active,
#airline_matrix .item:hover {
    border-color: #3a7fc1;
    color: #3a7fc1;
}

#airline_matrix .active {
    border-color: #3a7fc1;
    color: #3a7fc1;
}

#airline_matrix .item a {
    display: block;
}

#airline_matrix figure {
    height: 40px;
    text-align: center;
    display: block;
    width: 20%;
    float: left;
    transition: all .5s ease;
    padding-right: 5px;
    position: relative;
}

#airline_matrix .item.active figure,
#airline_matrix .item:hover figure {
    border-radius: 50%;
    background: #fff;
    padding: 5px;
}

#airline_matrix .owl-item img {
    background: rgba(0, 0, 0, 0);
    height: auto;
    margin: auto;
    max-height: 100%;
    max-width: 94%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

#airline_matrix .airline-name {
    color: #7799BE;
    display: inline-block;
    min-height: auto;
    text-align: left;
    white-space: nowrap;
    min-width: 94px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    float: left;
    transition: all .5s ease;
    font-weight: 400;
    font-size: 13px;
}

#airline_matrix .item.active .airline-name,
#airline_matrix .item.active .price,
#airline_matrix .item:hover .airline-name,
#airline_matrix .item:hover .price {
    color: #3a7fc1;
}

#airline_matrix .price {
    color: #203152;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 400;
    transition: all .5s ease;
    width: 100%;
    text-align: left;
    line-height: 13px;
    font-family: 'Open Sans', sans-serif;
}

#airline_matrix .item.active .airline-name,
#airline_matrix .item.active .price,
#airline_matrix .item:hover .airline-name,
#airline_matrix .item:hover .price {
    color: #3a7fc1;
}

#airline_matrix .price strong {
    font-weight: 700;
}

._priceTag ._decimel {
    font-size: 65%;
    font-weight: 400;
}

.customNavigation {
    position: relative;
    display: block;
}

.customNavigation .btn-left,
.customNavigation .btn-right {
    position: absolute;
    display: inline-block;
    overflow: visible;
    padding: 5px 5px;
    border: 1px solid var(--primary-color);
    box-shadow: none;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: all .1s ease-in 0s;
    -moz-transition: all .1s ease-in 0s;
    -o-transition: all .1s ease-in 0s;
    transition-property: all .1s ease-in 0s;
    -webkit-font-smoothing: antialiased;
    background: var(--primary-color);
    top: 10px;
    left: -14px;
    z-index: 1;
}

.customNavigation .btn-right {
    top: 10px;
    right: -17px;
    z-index: 1;
    left: auto;
}

.customNavigation .btn-left:hover,
.customNavigation .btn-right:hover {
    background: var(--secondary-color);
    border: 1px solid var(--secondary-color);
    color: #fff;
}

.flight-detail-btm {
    width: 100%;
    display: block;
    border-top: 1px solid #ddd;
    padding: 10px 10px;
    position: relative;
    margin-top: 10px;
}

.flight-detail-btm .tab {
    overflow: hidden;
    font-size: 15px;
    font-weight: 500;
    color: #444;
}

.flight-detail-btm .tab a {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 0 15px 0 0;
    transition: 0.3s;
    font-size: 15px;
    font-weight: 400;
    color: #444;
}

.flight-detail-btm .tab a:hover {
    color: #3a7fc1;
    text-decoration: none;
}

.flight-detail-btm .tab a.active {
    color: #3a7fc1;
}

.flight-detail-btm .tabcontent {
    display: none;
    padding: 0;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    position: relative;
    margin-top: 15px;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.flight-detail-btm .tabcontent .button {
    border: none;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    width: 38px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    font-size: 12px;
    z-index: 1;
}

.flight-detail-btm .nav-tabs3 {
    border-bottom: none;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline-block;
    width: 100%;
    border: 1px solid #ddd;
}

.flight-detail-btm .tab-content {
    padding-top: 0;
    list-style: none;
    border: 1px solid #ddd;
}

.flight-detail-btm .nav-tabs3>li {
    margin: 0;
    list-style: none;
    border-right: 1px solid #ddd;
    width: 31.8%;
}

.flight-detail-btm .nav-tabs3 li a {
    padding: 10px 15px;
    color: #333;
    background-color: transparent !important;
    font-weight: 500;
    border-radius: 0;
    margin-right: 0;
    border: none !important;
    font-size: 14px;
    text-decoration: none;
    position: relative;
    display: block;
    text-align: center;
    border-top: 2px solid #fff !important;
}

.flight-detail-btm .nav-tabs3>li.active>a,
.flight-detail-btm .nav-tabs3>li.active>a:focus,
.flight-detail-btm .nav-tabs3>li.active>a:hover {
    border-top: 2px solid var(--primary-color) !important;
    color: #3a7fc1;
}

.itineray-flight {
    background: var(--primary-color);
    overflow: hidden;
    clear: both;
}

.departure-itineray svg {
    vertical-align: middle;
    fill: #FFF;
    margin-right: 5px;
    width: 18px;
}

.departure-itineray {
    font-size: 15px;
    color: #FFF;
    font-weight: 500;
    margin-top: 5px;
}

.itinery-flight-detail {
    margin: 20px 0 10px;
    overflow: hidden;
    padding-bottom: 0;
}

.itineray-time {
    padding: 0;
}

.itineray-time ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.itineray-time ul li {
    float: left;
    width: 50%;
    margin: 0;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    border-left: 1px solid var(--primaryLight-color);
    text-align: center;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    text-transform: capitalize;
}

.itineray-time ul li i {
    margin-right: 10px;
}

.itineray-departury {
    float: left;
    width: 15% !important;
}

.place-itineray {
    float: left;
    width: 46% !important;
    text-align: center;
    margin-top: 14px;
}

.place-itineray p {
    font-size: 11px;
    font-weight: 400;
    color: #a2a2a2;
    line-height: normal;
}

.itinery-flight-detail .flight-duration p {
    text-align: left !important;
    font-size: 12px;
    line-height: normal;
}

.itinery-flight-detail .flight-duration {
    padding: 12px 15px !important;
}

.return-itineray svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.itinery-btns {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    border-top: 1px solid #ddd;
}

.itinery-btns .price-itinery {
    background: var(--secondary-color);
    color: #fff;
    text-transform: uppercase;
    float: left;
    display: inline-block;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 500;
}

.itinery-btns .book-flight {
    float: right;
    margin: 0;
    width: auto;
}

.itinery-btns .book-flight a {
    display: inline-block;
    width: auto;
}


/* .itinery-btns .book-flight a:hover{background:#3a7fc1;} */

.fare-itineray {
    padding: 8px 0;
    margin-top: 0;
}

.fare-itineray i {
    margin-right: 5px;
}

.fare-info {
    margin-top: 5px;
}

.fare-info ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.fare-info ul li {
    width: 100%;
    border-bottom: 1px dashed #cccccc;
    padding: 8px;
    margin: 0;
    display: inline-block;
}

.fare-info ul li:last-child {
    border-bottom: none;
}

.fare-info ul li p {
    float: left;
    font-size: 15px;
    color: #464646;
    font-weight: 400;
}

.fare-info ul li span {
    float: right;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: 15px;
}

.baggage-info ul h4 {
    color: var(--primary-color);
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    margin: 15px 10px;
    text-align: left;
}

.baggage-info ul li p {
    width: 33.33%;
    text-align: center;
}

.baggage-info ul li p:first-child {
    text-align: left;
}

.baggage-info ul li p:last-child {
    text-align: right;
    color: var(--primary-color);
}

.fare-rules {
    background: #fff;
    border: 1px solid #ddd;
    padding: 4px 0;
}

.fare-rules .title {
    padding: 6px 0;
    color: var(--primary-color);
}

.not-allowed {
    color: #f54b41 !important;
}

.allowed {
    color: #02ae79 !important;
}

.allowed span,
.not-allowed span,
.fr-rls span {
    color: #f54b41 !important;
    float: none !important;
}

.fr-prc span {
    color: #444 !important;
    font-size: 12px !important;
    float: none !important;
    text-transform: none !important;
    clear: both;
    width: 100%;
    float: left !important;
}

.fr-rls {
    font-size: 14px;
    font-weight: 400;
    color: #444;
    padding: 10px;
    border-top: 1px solid #ddd;
}

.fr-rls a {
    color: #3a7fc1;
    text-decoration: none;
}

.fr-rls a:hover {
    color: #000;
    text-decoration: none;
}

.depart-time-grid {
    border-left: 1px solid #e2e2e2;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.depart-time-grid li {
    width: 25%;
    float: left;
    border: 1px solid #e2e2e2;
    border-left: none;
    text-align: center;
    position: relative;
    list-style: none;
}

.depart-time-label {
    position: relative;
    padding: 8px 5px 2px;
    margin: 0;
    cursor: pointer;
}

.depart-time-label svg {
    fill: var(--primary-color);
    width: 45px;
    height: 45px;
}

.depart-time-label span {
    padding: 5px 0 0;
    border-top: 1px solid #e2e2e2;
    font-size: 13px;
    font-weight: 500;
    display: block;
}

.tabs-link.tab-hover-none.active::before,
.depart-time-grid li.tab-hover-none.active::before {
    display: block;
    fill: #3a7fc1;
}

.tabs-link.tab-hover-none::before,
.depart-time-grid li.tab-hover-none::before {
    display: none;
}

.tabs-link:hover::before,
.depart-time-grid li:hover::before,
.tabs-link.active::before,
.depart-time-grid li.active::before {
    display: block;
    fill: #3a7fc1;
}

.srp-filters .tabs-link::before,
.srp-filters .depart-time-grid li::before,
.depart-time-grid .srp-filters li::before {
    background-color: #3a7fc1;
}

.tabs-link::before,
.depart-time-grid li::before {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all 0.2s linear;
}

.tabs-link::before,
.depart-time-grid li::before {
    width: 100%;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background-color: var(--primary-color);
    display: none;
}

.bdr-tp {
    border-top: 1px solid #e2e2e2;
}

.ref,
.non-ref {
    color: #02ae79;
    font-size: 11px;
    float: right;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.ref svg,
.non-ref svg {
    fill: #02ae79;
    margin: 0px 3px 0 0;
    float: left;
}

.non-ref svg {
    fill: #f54b41;
}

.non-ref {
    color: #f54b41;
}

.new_layover {
    width: 100%;
    height: auto;
    float: left;
    padding: 3px 0;
    text-align: center;
    background: #FFF;
    margin: 20px 0 15px;
    border-top: 1px dashed #3a7fc1;
}

.new_layover h5 {
    font-size: 12px;
    color: #3a7fc1;
    font-weight: 400;
    width: 180px;
    margin: auto;
    margin-top: -16px;
    background: #fff;
    text-transform: none;
    border: 1px dashed #3a7fc1;
    padding: 5px 0;
    line-height: normal;
}

.bdr {
    border: 1px solid #ddd;
}

.weather {
    display: block;
    width: 100%;
}

.weather .title {
    font-size: 14px;
    color: #3a7fc1;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    text-transform: none;
}

.weather .day-time {
    font-size: 16px;
    color: #333;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    text-transform: none;
    padding: 5px 0;
}

.bwc-130x90 .bwc-data {
    position: relative;
    margin: 0;
}

.bwc-130x90-left {
    float: left;
    width: auto;
    padding: 18px 0 0;
}

.bwc-130x90-l-degree {
    font-size: 36px;
    font-weight: 400;
    color: #444;
}

.bwc-130x90 .plus {
    font-size: 20px;
    line-height: 26px;
}

.bwc-130x90 .bwc-data-degree {
    font-size: 18px;
    line-height: 17px;
    width: 50px;
    float: right;
    font-weight: 600;
}

.bwc-130x90-right {
    float: right;
    text-align: center;
}

.bwc-130x90-right svg {
    fill: #444;
    width: 60px;
    height: 60px;
}

.hotel-list {
    width: 100%;
    background: #fff;
    display: table;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    min-height: 230px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.hotel-list:hover {
    border: 1px solid #3a7fc1;
}

.hotel-list .image-wrapper {
    overflow: hidden;
    display: table-cell;
    width: 28%;
    height: 230px !important;
}

.hotel-list .image-wrapper img {
    width: 100%;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    /* height: 100%; */
    height: 230px;
}

.hotel-list:hover .image-wrapper img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.hotel-list .content-wrapper {
    background-color: #fff;
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding: 18px 10px 10px 20px;
    width: 50%;
    border-right: 1px solid #ddd;
}

.hotel-list .content-wrapper h3 {
    width: 100%;
    float: left;
    text-transform: none;
    font-weight: 700;
    font-size: 20px;
}

.hotel-list .content-wrapper h3 a {
    color: #333;
    text-decoration: none;
}

.hotel-list:hover .content-wrapper h3 a {
    color: var(--primary-color);
    text-decoration: none;
}

.hotel-list .content-wrapper .stars {
    position: relative;
    display: block;
    font-size: 16px;
    margin-top: 25px;
}

.price_sec5 {
    width: 100%;
    float: left;
    padding: 0 14px 0 10px;
}

.price_sec span {
    font-size: 14px;
    color: #646464;
    -webkit-appearance: none;
    border-radius: 0;
    font-weight: 500;
}

.price_sec {
    width: 100%;
    float: left;
    padding-top: 9px;
}

.price_sec>span:first {
    float: left;
}

.price_sec>span:last-child {
    float: right;
}

.stars {
    color: #ffbe00;
}

.stars i {
    float: left;
    margin-right: 3px;
}

.hotel-list .content-wrapper .address {
    font-size: 13px;
    color: #6d6d6d;
    font-weight: 400;
    padding: 7px 0 5px;
    float: left;
    line-height: 18px;
    width: 100%;
}

.hotel-list .content-wrapper .address i {
    font-size: 16px;
    color: #999;
    float: left;
    padding: 3px 5px 0 0;
}

.hotel-list .content-wrapper p {
    font-size: 13px;
    color: #333;
    font-weight: 400;
    padding: 5px 0 0;
    line-height: 20px;
    text-align: left;
}

.hotel-list .content-wrapper ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.hotel-list .content-wrapper ul li {
    margin: 5px 5px 0 0;
    float: left;
}

.hotel-list .content-wrapper ul li a {
    background: #fff;
    width: 36px;
    height: 36px;
    line-height: 46px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
}

.hotel-list .content-wrapper ul li a svg {
    fill: #444;
    width: 21px;
}

[tooltip] {
    margin: 0;
    position: relative;
    display: inline-block;
}

[tooltip]::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    z-index: 99;
    opacity: 0;
}

[tooltip-position='top']::before {
    left: 50%;
}

[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left: 50%;
    top: -6px;
    transform: translateX(-50%) translateY(-100%);
    background: #000;
    text-align: center;
    color: #fff;
    padding: 8px 15px;
    font-size: 12px;
    width: auto;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px;
    z-index: 99;
    opacity: 0;
    line-height: normal;
    font-weight: 400;
}

[tooltip-position='top']::after {
    left: 50%;
}

[tooltip]:hover::after,
[tooltip]:hover::before {
    opacity: 1
}

.hotel-list .price-wrapper {
    background-color: #fff;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 10px 20px 10px 10px;
    width: 20%;
}

.hotel-list .price-wrapper .price {
    font-weight: 500;
    font-size: 25px;
    color: #000;
    text-align: right;
}

.hotel-list .price-wrapper .price span {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.hotel-list .price-wrapper .adult-night {
    font-weight: 500;
    font-size: 12px;
    color: #737373;
    padding: 5px 0;
    text-align: right;
}

.hotel-list .price-wrapper .select-room {
    font-size: 12px;
    color: #3a7fc1;
    text-transform: none;
    padding: 4px 20px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    float: right;
    border: 1px solid var(--primary-color);
    margin: 10px 0 0;
}

.hotel-list:hover .select-room {
    color: #fff;
    background: var(--primary-color);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#htl-detail {
    /* padding: 60px 0 30px; */
}

.htl-top {
    width: 100%;
    background: #fff;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0 0 15px;
}

.htl-top img {
    width: 165px;
    height: 142px;
    float: left;
}

.htl-top .htl-dtl {
    width: 65%;
    float: left;
    display: inline-block;
    padding: 15px 15px 15px 30px;
}

.htl-top .htl-dtl h3 {
    width: 100%;
    float: left;
    color: #333;
    text-transform: none;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 15px;
}

.htl-top .htl-dtl .stars {
    position: relative;
    display: block;
    font-size: 16px;
    float: left;
    margin-top: 15px;
}

.htl-top .htl-dtl .stars span {
    font-size: 15px;
    overflow: hidden;
    color: #444;
    font-weight: 400;
    background: #ddd;
    padding: 3px 6px;
}

.htl-top .htl-dtl .stars.stars5::after {
    content: "\f005\f005\f005\f005\f005";
}

.htl-top .htl-dtl .stars {
    position: relative;
    color: #ddd;
    margin: 2px;
}

.htl-top .htl-dtl .checked {
    color: #ffbe00;
}

.htl-top .htl-dtl .stars::after {
    top: 2px;
    left: 0;
    font-family: FontAwesome;
    color: #ffbe00;
    float: left;
    letter-spacing: 3px;
    content: "";
    text-indent: 0;
    font-size: 14px;
}

.htl-top .htl-dtl .address {
    font-size: 13px;
    color: #6d6d6d;
    font-weight: 400;
    text-transform: none;
    padding-top: 15px;
    float: left;
    clear: both;
    line-height: 18px;
}

.htl-top .htl-dtl .address i {
    font-size: 16px;
    color: #999;
    float: left;
    padding: 3px 8px 0 0;
}

.htl-top .htl-dtl2 {
    width: 20%;
    float: right;
    display: inline-block;
    padding: 15px 20px 15px 0;
    text-align: right;
}

.htl-top .htl-dtl2 .price {
    font-weight: 500;
    font-size: 25px;
    color: #000;
    padding: 10px 0 0;
}

.htl-top .htl-dtl2 .price span {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.htl-top .htl-dtl2 .onofnights {
    font-weight: 500;
    font-size: 12px;
    color: #737373;
    padding: 0;
    text-transform: none;
}

.htl-top .htl-dtl2 .select-room {
    font-size: 12px;
    color: var(--primary-color);
    text-transform: none;
    padding: 4px 20px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    float: right;
    border: 1px solid var(--primary-color);
    margin: 10px 0 0;
}

.htl-top .htl-dtl2 .select-room:hover {
    color: #fff;
    background: var(--primary-color);
}

.htl-top .htl-dtl2 .select-room:hover::before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.filter .map-responsive {
    overflow: hidden;
    padding-bottom: 520px;
    position: relative;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.filter .map-responsive iframe {
    left: 0;
    top: 0;
    height: 520px;
    width: 100%;
    position: absolute;
}

.p-l-r {
    padding: 0 15px;
}

.filter .facilities {
    width: 100%;
    display: inline-block;
}

.filter .facilities ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter .facilities ul li {
    padding: 1px 0;
    display: inline-block;
    width: 100%;
}

.filter .facilities ul li span {
    float: left;
    width: 36px;
    height: 36px;
    background: var(--primary-color);
    line-height: 46px;
    text-align: center;
}

.filter .facilities ul li span svg {
    width: 29px;
    fill: #fff;
}

.filter .facilities ul li p {
    font-size: 15px;
    color: #646464;
    font-weight: 400;
    float: left;
    padding: 6px 12px;
}

.filter .amenities {
    width: 100%;
    display: inline-block;
}

.filter .amenities ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filter .amenities ul li {
    font-size: 15px;
    color: #646464;
    font-weight: 400;
    padding: 6px 12px 6px 0;
    display: inline-block;
    width: 100%;
}

.filter .amenities ul li i {
    color: #3a7fc1;
    padding: 4px 10px 0 0;
    float: left;
    font-size: 13px;
}

.show-room {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 15px;
}

.show-room h5 {
    font-size: 17px;
    color: #3a3838;
    font-weight: 500;
    text-transform: none;
    float: left;
    padding-right: 20px;
}

.show-room .form__checkbox {
    float: left;
}

.show-room .form__checkbox label {
    margin: 0;
    padding: 0 30px 0 30px;
    line-height: 18px;
}

.show-room .form__checkbox .checkbox {
    height: 18px;
    width: 18px;
    border: 1px solid #3a7fc1;
    box-shadow: none;
    border-radius: 3px;
}

.show-room .form__checkbox .checkbox::before {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
}

.show-room .form__checkbox input[type="checkbox"]:checked~label {
    color: #3a7fc1;
}

.show-room .form__checkbox input[type="checkbox"]:checked~.checkbox {
    background-color: #3a7fc1;
}

.show-room .form__checkbox input[type="checkbox"]:checked~.checkbox::before {
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.htl-info {
    margin: 0;
    display: block;
    position: relative;
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.htl-info:hover {
    border: 1px solid var(--primary-color);
}

.htl-info h4 {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 500;
    text-transform: none;
    width: 100%;
}

.htl-info .single-room-nonbundle {}

.htl-info .single-room {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.htl-info .single-room .htl-room {
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.htl-info .single-room .htl-room h5 {
    font-size: 16px;
    color: #3a3838;
    font-weight: 400;
    text-transform: none;
    width: 100%;
    padding-bottom: 5px;
}

.htl-info .single-room .htl-room h5 i {
    color: #3a7fc1;
    padding: 0 10px 0 0;
    font-size: 15px;
}

.green-color {
    color: #1ab206 !important;
}

.htl-info .single-room .htl-room .htl-option {
    width: 100%;
    display: inline-block;
}

.htl-info .single-room .htl-room .htl-option ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.htl-info .single-room .htl-room .htl-option li {
    font-size: 12px;
    color: #555555;
    font-weight: 400;
    padding: 6px 0 0;
    display: inline-block;
    width: 100%;
    line-height: normal;
}

.htl-info .single-room .htl-room .htl-option i {}

.htl-info .single-room .price-section {
    width: 100%;
    float: right;
    display: inline-block;
    padding: 15px;
    text-align: right;
    border-left: 1px solid #dfdfdf;
}

.htl-info .single-room .price-section .tax {
    font-size: 14px;
    color: #767676;
    font-weight: 300;
    padding: 0;
}

.htl-info .single-room .price-section .price {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    padding: 10px 0 0;
}

.htl-info .single-room .price-section .price span {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.htl-info .single-room .price-section .adult-night {
    font-weight: 500;
    font-size: 12px;
    color: #737373;
    padding: 5px 0;
    text-align: right;
}

.htl-info .single-room .price-section .cancellation-policy {
    font-weight: 400;
    font-size: 12px;
    color: #555555;
    padding: 10px 0 0;
    clear: both;
    display: block;
    position: relative;
}

.htl-info .single-room .price-section .cancellation-policy:hover {
    color: #3a7fc1;
}

.htl-info .single-room .price-section .cancellation-policy .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    border: 1px solid #3a7fc1;
    text-align: left;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
}

.htl-info .single-room .price-section .cancellation-policy .tooltiptext .text {
    font-size: 12px;
    font-weight: 300;
    color: #444;
    padding: 0;
}

.htl-info .single-room .price-section .cancellation-policy .tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #3a7fc1 transparent;
}

.htl-info .single-room .price-section .cancellation-policy:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.htl-info .single-room .price-section .cancellation-policy .tooltip-bottom {
    top: 115%;
    left: 50%;
    margin-left: -127px;
}

.htl-info .single-room .price-section .select-room {
    font-size: 12px;
    color: #3a7fc1;
    text-transform: none;
    padding: 4px 20px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    float: right;
    border: 1px solid #3a7fc1;
    margin: 10px 0 0;
}

.htl-info:hover .select-room {
    color: #fff !important;
    background: var(--primary-color);
}

.htl-info .single-room .htl-room-dtl {
    display: block;
    width: 100%;
    padding: 15px;
    border-right: 1px solid #dfdfdf;
}

.htl-info .single-room .htl-room-dtl img {
    height: 128px;
}

.htl-info .single-room .htl-room-dtl .amenities {
    width: 100%;
    display: inline-block;
}

.htl-info .single-room .htl-room-dtl .amenities ul {
    list-style: none;
    padding: 8px 0 0;
    margin: 0;
}

.htl-info .single-room .htl-room-dtl .amenities ul li {
    font-size: 11px;
    color: #3a7fc1;
    font-weight: 400;
    display: block;
    width: 100%;
}

.htl-info .single-room .htl-room-dtl .amenities ul li i {
    color: #3a7fc1;
    padding: 5px 3px 0 0;
    float: left;
    font-size: 11px;
}

.min-hght {
    min-height: 25vh;
}

.min-hght2 {
    min-height: 15.7vh;
}

.about-sec {
    margin: 0;
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 20px;
}

.about-sec .inner {
    color: #fff;
    padding: 0 0px 20px;
    display: inline-block;
    width: 100%;
}

.about-sec .inner h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    color: #3a3838;
    text-transform: none;
    background: #e9e9e9;
    width: 100%;
    padding: 12px 15px;
}

.about-sec .inner .content {
    width: 100%;
    display: block;
    padding: 0 15px 0;
}

.about-sec .inner .content h6 {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #000;
    padding: 20px 0 0;
    text-transform: none;
}

.about-sec .inner .content p {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    color: #333333;
    padding: 12px 0 0;
}

.photo-gallery {
    margin: 0;
    display: block;
    background: #fff;
    border: 1px solid #ddd;
    /* margin-bottom: 20px; */
    padding: 10px;
    height: 440px;
    position: relative;
}

.photo-gallery .carousel {
    position: relative;
}

.photo-gallery .carousel-inner>.item>img {
    height: 403px;
    width: 100%;
}

.photo-gallery .carousel-indicators {
    position: absolute;
    top: 407px;
    left: 248px;
    height: 90px;
    width: 100%;
}

.photo-gallery .carousel-indicators li {
    text-indent: 0;
    display: inherit;
    float: left;
    width: 137.5px;
    height: 90px;
    margin: 5px 0 5px 0;
    border: none;
}

.photo-gallery .carousel-indicators li img {
    width: 100%;
    height: 90px;
    border: none;
    padding: 0x;
    border: 3px solid #fff;
}

.photo-gallery .carousel-indicators .active img {
    border: 3px solid #ffbe00;
    opacity: 0.5;
}

.photo-gallery .carousel-control {
    top: 50%;
    width: 40px;
    font-size: 30px;
    color: #fff;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0.5);
    filter: alpha(opacity=50);
    opacity: .5;
    height: 47px;
    line-height: 47px;
}

.photo-gallery .carousel-control.right,
.photo-gallery .carousel-control.left {
    background-image: none;
}

.carousel-control:focus,
.carousel-control:hover {
    background-color: rgba(0, 0, 0, 1);
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: 0;
    opacity: 1;
}

.flight-step-review {
    background: #fff;
    padding: 30px 0;
    border-bottom: 1px solid #ddd;
    margin-top: 70px;
}

.flight-review-bar a {
    float: left;
    display: block;
    width: 18%;
    padding: 12px 0;
    background: #efefef;
    text-align: center;
    font-size: 23px;
    vertical-align: middle;
    color: #444;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #ddd;
    cursor: default;
}

.flight-review-bar .active {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #fff;
}

.flight-review-bar p {
    font-size: 18px;
    color: #555555;
    font-weight: 400;
    vertical-align: middle;
    width: 80%;
    float: left;
    padding: 12px 0 12px 10px;
}

.traveller-review a {
    background: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #444;
}

.traveller-detail-main {
    padding: 30px 0 60px 0;
}

.traveller-detatail {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    vertical-align: middle;
}

.sign-in-travel i {
    display: inline-block;
    margin-right: 10px;
    background: #ddd;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 23px;
    color: #333;
    text-align: center;
    float: left;
}

.sign-icon {
    float: none !important;
}

.sign-in-travel p {
    display: inline-block;
    font-size: 18px;
    color: #333;
    font-weight: 400;
}

.sign-in-travel p span {
    display: inline-block;
    font-size: 13px;
    color: #444;
    font-weight: 400;
    display: block;
}

.sign-in-travel .sign-in {
    background: var(--primary-color);
    color: #fff;
    float: right;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    padding: 8px 15px;
    display: block;
}

.sign-in-travel .sign-in:hover {
    background: var(--secondary-color);
}

.sign-in-travel label {
    display: block;
    margin-bottom: 5px;
    padding-left: 0;
    font-size: 14px;
    text-transform: none;
    color: #444;
    font-weight: 400;
}

.sign-in-travel input[type="text"],
.sign-in-travel input[type="email"],
.sign-in-travel input[type="password"] {
    display: block;
    width: 100%;
    padding: 8px 10px;
    border: none;
    color: #555;
    border: 1px solid #dddd;
}

.sign-in-travel .btn-grey {
    background: #ddd;
    color: #333;
    float: right;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    padding: 8px 15px;
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: none;
    margin-top: 28px;
    width: 100%;
}

.sign-in-travel .btn-grey:hover {
    text-decoration: none;
    color: #fff;
    background: var(--secondary-color);
}

.sign-in-travel .btm-dtl {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin-top: 15px;
}

.sign-in-travel .btm-dtl h5 {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}

.sign-in-travel .btm-dtl p {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    padding-top: 10px;
}

.detail-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    line-height: normal;
    display: inline-block;
    width: 100%;
}

.required_field8 {
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #444;
    font-weight: 400;
    margin-top: 0px;
}

.detail-title span {
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 23px;
    font-weight: 700;
    line-height: 40px;
    float: left;
}

.detail-title p {
    display: inline-block;
    font-size: 20px;
    color: #333;
    font-weight: 400;
    padding: 10px 0 0 10px;
}

.detail-title p span {
    display: inline-block;
    font-size: 15px;
    color: #555;
    font-weight: 400;
    display: block;
    width: auto;
    background: transparent;
    text-align: left;
    line-height: 40px;
    float: none;
    height: auto;
}

.select-traveller {
    border: 1px solid #e5e5e5;
    background: #f8f8f8;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    margin-top: 15px;
}

.select-traveller .text {
    padding: 10px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    display: block;
}

.traveller-detatail .itineray-departury {
    width: 16% !important;
}

.traveller-detatail ul li {
    list-style: none;
}

.traveller-detatail .Flight-itinerary-detail {
    border-top: none;
    padding: 0;
}

.traveller-detatail .Flight-itinerary-detail ul li a {
    color: #1f8fce;
}

.travel-form-info {
    display: inline-block;
    padding: 20px 20px;
    width: 100%;
}

.alert-warning {
    background-color: #FDEEC1;
    border: 1px solid #FEC524;
}

.alert {
    color: #203152;
    line-height: 14px;
    margin: 20px 0;
    border-radius: 0;
    font-weight: 400;
}

.travel-form-info .travel-form {
    padding-top: 20px;
}

.travel-form-info .travel-form form {
    width: 100%;
    display: inline-block;
}

.travel-form-info .travel-form p {
    font-size: 18px;
    color: #555555;
    font-weight: 400;
}

.travel-form-info .travel-form p span {
    font-weight: 500;
    color: #333;
}

.travel-form-info .pd-left {
    padding-left: 0;
}

.travel-form-info .select2-container .select2-selection--single {
    height: 42px !important;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0;
}

.travel-form-info .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    top: 3px;
    right: 5px;
}

.travel-form-info .select2-selection__arrow i {
    padding: 10px 9px 10px 0;
    font-size: 14px;
}

.travel-form-info .select2-container--default .select2-results>.select2-results__options {
    box-shadow: none;
}

.travel-form-info .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3a7fc1;
    color: white;
}

.travel-form-info .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #3a7fc1 !important;
    color: white;
}

.travel-form-info .select2-dropdown {
    border-radius: 0 !important;
}

.travel-form-info .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
    padding: 10px;
    color: #838383 !important;
    font-weight: 300;
}

.travel-form-info .travel-form .emailtxt {
    color: #444;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
    font-weight: 400;
}

.travel-form-info .travel-form .form__checkbox .checkbox::before {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
}

.travel-form-info .travel-form .form__checkbox {}

.travel-form-info .travel-form .form__checkbox label {
    margin: 0;
    padding: 0 0 0 25px;
    line-height: 18px;
    font-size: 12px !important;
}

.travel-form-info .travel-form .form__checkbox .checkbox {
    height: 18px;
    width: 18px;
    border: 1px solid var(--primary-color);
    box-shadow: none;
    border-radius: 3px;
    z-index: 1;
}

.travel-form-info .travel-form .form__checkbox input[type="checkbox"]:checked~label {
    color: var(--primary-color);
}

.travel-form-info .travel-form .form__checkbox input[type="checkbox"]:checked~.checkbox {
    background-color: var(--primary-color);
}

.travel-form-info .travel-form .form__checkbox input[type="checkbox"]:checked~.checkbox::before {
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.travel-form-info .travel-form label {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #444;
    padding: 0;
}

.travel-form-info .travel-form input {
    width: 100%;
    background: #fff;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #ddd;
    font-size: 14px;
    margin: 0px !important;
}

.travel-form-info .travel-form input::placeholder {
    font-size: 14px;
}

.travel-form-info .travel-form input::-moz-placeholder {
    font-size: 14px;
}

.travel-form-info .travel-form input::-webkit-input-placeholder {
    font-size: 14px;
}

.travel-form-info .travel-form input:focus {
    border: 1px solid #3a7fc1;
}

.pd-right {
    padding-right: 0;
}

.travel-form-info .travel-form .calendar {
    background: #fff;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 10px;
    font-weight: 300;
    color: #000;
    height: 42px;
    width: 100%;
    box-shadow: none;
}

.traveller-detatail .flight-destination ul li svg {
    margin-top: 13px !important;
}

.travel-form-info .travel-form .ui-datepicker-trigger {
    right: 17px;
    top: 51px;
}

.payment-btn {
    text-align: right;
}

.payment-btn a {
    background: var(--primary-color);
    padding: 10px 30px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.payment-btn a:hover {
    background: var(--secondary-color);
}

.affix {
    position: fixed;
    width: 16.8%;
    top: 92px;
    z-index: 99;
}

.summary-detail {
    /* background: #fff; */
    border: 1px solid #d5d5d5;
    padding: 20px;
}

.summary-detail h3 {
    font-size: 18px;
    text-transform: capitalize;
    color: #444;
    font-weight: 500;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 10px;
    line-height: 26px;
    margin-bottom: 15px;
}

.summary-departure svg {
    fill: var(--primary-color);
    display: inline-block;
    vertical-align: top;
    width: 18px;
}

.summary-place {
    display: inline-block;
    margin-left: 5px;
}

.summary-place h4 {
    color: var(--primary-color);
    font-size: 15px;
    text-transform: none;
    font-weight: 500;
    padding-top: 5px;
    position: relative;
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    .summary-place h4 {
        font-size: 13px;
    }
}

.logosec {
    padding: 9px 0px;
    display: block;
}

.pdng-lft {
    padding-left: 28px;
}

.summary-place p {
    color: #444;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    padding: 8px 0 0;
}

.summary-arrival {
    margin-top: 15px;
}

.summary-arrival svg {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.summary-price {
    overflow: hidden;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}

.summary-price p {
    font-size: 13px;
    font-weight: 500;
    color: #333;
    margin: 10px 0;
    padding: 0;
}

.summary-price ul {
    padding: 0;
}

.summary-price ul li {
    list-style: none;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 5px;
    overflow: hidden;
}

.summary-price ul li:first-child {
    border-bottom: 1px solid #efefef;
}

.summary-price ul li:first-child p,
.summary-price ul li:first-child span {
    color: var(--primary-color);
    font-size: 14px;
}

.summary-price ul li p {
    /*width:60%;*/
    float: left;
    margin: 0;
}

.summary-price ul li span {
    /*width:40%;*/
    float: right;
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    color: #555555;
}

.summary-total {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    overflow: hidden;
    padding: 10px 0;
}

.summary-total p {
    color: var(--primary-color);
    float: left;
    width: auto;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.summary-total span {
    color: var(--primary-color);
    float: right;
    width: auto;
    font-size: 16px;
    font-weight: 700;
    text-align: right;
}

.load_metrix ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.load_metrix {
    float: left;
}

.load_metrix ul li {
    width: 20%;
    float: left;
    padding: 0 11px;
}

.load_metrix ul li div {
    width: 100% !important;
}

.donate-total {
    overflow: hidden;
}

.donate-total p {
    color: #444;
    float: left;
    width: 50%;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.donate-total span {
    color: #444;
    float: right;
    width: 50%;
    font-size: 15px;
    font-weight: 700 !important;
    text-align: right;
}

.summary-included p {
    text-align: right;
    font-size: 11px;
    color: #7b7b7b;
    margin: 5px 0;
    font-weight: 300;
}

.review-booking {
    display: inline-block;
    padding: 20px 0 0;
    width: 100%;
}

.review-booking figure {
    width: 250px;
    display: inline-block;
    float: left;
}

.review-booking figure img {
    width: 100%;
    display: inline-block;
    height: 183px;
}

.review-booking .detail {
    width: 68%;
    display: inline-block;
    float: left;
    padding-left: 20px;
}

.review-booking .detail h4 {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 700;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    text-transform: none;
}

.review-booking .detail h4 .stars {
    position: relative;
}

.review-booking .detail .stars {
    position: relative;
    color: #ddd;
    margin: 2px;
}

.review-booking .detail .float-star {
    float: right;
    width: 100%;
}

.review-booking .detail .checked {
    color: #ffbe00;
}

.review-booking .detail h4 .stars.stars5::after {
    content: "\f005\f005\f005\f005\f005";
}

.review-booking .detail h4 .stars::after {
    top: -18px;
    position: absolute;
    right: 0;
    font-family: FontAwesome;
    color: #ffbe00;
    letter-spacing: 4px;
    content: "";
    text-indent: 0;
    font-size: 16px;
}

.review-booking .detail .address {
    font-size: 15px;
    color: #555555;
    font-weight: 400;
    float: left;
    clear: both;
    line-height: 18px;
}

.review-booking .detail .address i {
    font-size: 16px;
    color: var(--primary-color);
    float: left;
    padding: 3px 8px 0 0;
}

.review-booking .detail .date {
    margin-top: 20px;
    width: 40%;
    display: inline-block;
    float: left;
}

.review-booking .detail .date .dt-dtl {
    width: 90px;
    background: #fff;
    float: left;
    text-align: center;
    margin-right: 10px;
    border: 1px solid #ddd;
}

.review-booking .detail .date .dt-dtl p {
    font-size: 14px;
    color: #555555;
    font-weight: 400;
    padding: 5px 0;
}

.review-booking .detail .date .dt-dtl .dt {
    font-size: 30px;
    color: #555555;
    font-weight: 700;
}

.review-booking .detail .date .dt-dtl .time {
    font-size: 12px;
    color: #000;
    background: #efefef;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    font-weight: 500;
}

.review-booking .detail .rm-dtl {
    margin-top: 15px;
    width: 60%;
    display: inline-block;
    float: left;
}

.review-booking .detail .rm-dtl .night {
    font-size: 16px;
    color: #555555;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #dcdcdc;
}

.review-booking .detail .rm-dtl .room {
    font-size: 16px;
    color: #555555;
    font-weight: 700;
    padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
}

.review-booking .detail .rm-dtl .room span {
    font-weight: 400;
}

.review-booking .detail .rm-dtl ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.review-booking .detail .rm-dtl ul li {
    margin: 5px 5px 0 0;
    float: left;
}

.review-booking .detail .rm-dtl li a {
    background: #fff;
    width: 36px;
    height: 36px;
    line-height: 46px;
    float: left;
    text-align: center;
    border: 1px solid #ddd;
}

.review-booking .detail .rm-dtl li a svg {
    fill: #444;
    width: 21px;
}

.request {
    display: inline-block;
    padding: 15px 20px;
    width: 100%;
    background: #fff;
    border: 1px solid #d5d5d5;
    margin-bottom: 30px;
    font-weight: 400;
}

.request a {
    color: 1f8fce;
    font-size: 18px;
    text-decoration: none;
}

.request a i {
    padding-right: 5px;
}

.request a:hover {
    color: 000;
}

.conf-loader img {
    width: 180px;
}

.m-l-0 {
    margin-left: 0;
}

.htl-icon {
    height: 30px;
    margin-right: 6px;
    width: 24px;
    position: absolute;
    left: 2px;
    top: 5px;
    color: var(--primary-color);
    font-size: 18px !important;
}

.rm-txt,
rm-txt2 {
    font-size: 14px;
    font-weight: 400;
    color: #555555;
    margin: 5px 0;
}

.rm-txt2 {
    color: #a3a3a3;
}

.htl-information,
.calnc-polc {
    border: 1px dashed #3a7fc1;
    background: #fff;
    display: inline-block;
    width: 100%;
    padding: 15px;
    margin-top: 15px;
}

.htl-information h4,
.calnc-polc h4 {
    color: #3a7fc1;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    text-transform: none;
    padding-bottom: 10px;
}

.htl-information p,
.calnc-polc p {
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.calnc-polc {
    background-color: #fff;
    border: 1px dashed #ee9c10;
}

.calnc-polc h4 {
    color: #ee9c10;
}

.payment-div {
    width: 80%;
    float: left;
}

.payment-div .heading {
    font-size: 18px;
    color: #444;
    font-weight: 400;
}

.payment-div .payment-text {
    font-size: 15px;
    color: #888;
    font-weight: 400;
    padding-top: 5px;
}

.payment-card {
    width: 20%;
    float: right;
}

.travel-payment .form__checkbox .checkbox::before {
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
}

.travel-payment .form__checkbox {
    float: left;
    margin-bottom: 40px;
}

.travel-payment .form__checkbox label {
    margin: 0;
    padding: 0 0 0 25px;
    line-height: 18px;
    font-size: 13px !important;
    color: #333;
}

.travel-payment .form__checkbox label a {
    color: #333;
    text-decoration: underline;
}

.travel-payment .form__checkbox label a:hover {
    color: #3a7fc1;
    text-decoration: none;
}

.travel-payment .form__checkbox .checkbox {
    height: 18px;
    width: 18px;
    border: 1px solid #3a7fc1;
    box-shadow: none;
    border-radius: 3px;
    z-index: 1;
}

.travel-payment .form__checkbox input[type="checkbox"]:checked~label {
    color: #333;
}

.travel-payment .form__checkbox input[type="checkbox"]:checked~.checkbox {
    background-color: #3a7fc1;
}

.travel-payment .form__checkbox input[type="checkbox"]:checked~.checkbox::before {
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    -ms-transform: scale(1) rotate(45deg);
    -o-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.fare-change {
    display: block;
    width: 100%;
}

.fare-change .popup {
    width: 100%;
    height: auto;
    background: #fff;
    border: 1px solid #ddd;
}

.fare-change .popup .title {
    background: #3a7fc1;
    position: relative;
    padding: 15px 20px;
    font-weight: bold;
    width: auto;
    position: relative;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.fare-change .popup .title .close {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 8px;
    top: 13px;
    background: #0f3f6e url(../images/cd-icon-close.svg) no-repeat center center;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
}

.fare-change .popup .popup-body {
    padding: 40px 20px 20px;
    display: inline-block;
    width: 100%;
}

.fare-change .popup .popup-body .head,
.fare-change .popup .popup-body .head3 {
    font-size: 22px;
    text-align: center;
    color: #39c03b;
    font-weight: 500;
}

.popup .popup-body .head3 {
    color: #F00 !important;
}

.fare-change .popup .popup-body .head3 i {
    font-size: 40px;
    background: #fff;
    color: #444;
    line-height: 37px;
    margin-bottom: 10px;
}

.fare-change .popup .popup-body .head i {
    font-size: 25px;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #39c03b;
    line-height: 37px;
    border: 2px solid #39c03b;
    margin-bottom: 10px;
}

.fare-change .popup .popup-body p {
    font-size: 15px;
    font-weight: 400;
    color: #333;
    padding: 20px 0 0;
    text-align: center;
}

.fare-change .popup .popup-body .price-main {
    width: 50%;
    margin: 20px auto 0;
    display: block;
}

.fare-change .popup .popup-body .price-main .price,
.fare-change .popup .popup-body .price-main .price2 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    width: 100%;
    padding: 0 0 3px;
}

.fare-change .popup .popup-body .price-main .price span,
.fare-change .popup .popup-body .price-main .price2 span {
    float: right;
}

.fare-change .popup .popup-body .price-main .price2 {
    padding: 5px 0 0;
    margin: 5px 0 0;
    border-top: 1px solid #ddd;
    font-weight: bold;
}

.fare-change .popup .popup-body .btn-blue,
.fare-change .popup .popup-body .btn-grey {
    width: 156px;
    text-transform: none;
    font-weight: 700;
    color: #fff;
    background: #3a7fc1;
    padding: 12px 0;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: none;
    margin: 30px 0 0;
    display: block;
    text-align: center;
    display: inline-block;
    ;
}

.fare-change .popup .popup-body .btn-blue:hover,
.fare-change .popup .popup-body .btn-grey:hover {
    color: #fff;
    text-decoration: none;
    background: #faa71a;
}

.fare-change .popup .popup-body .btn-grey {
    background: #ddd;
    margin: 30px 20px 0 0;
    color: #333;
}

.fare-change .popup .popup-body .ctr {
    text-align: center;
    width: 100%;
}

.profile-dropdown {
    width: auto;
    display: block;
    position: relative;
    margin: auto;
    font-weight: 400;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: right;
    margin: 0 0 0 8px;
    background: #f1f1f1;
    padding: 2px 5px;
    cursor: pointer;
}

.profile-dropdown * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.profile-dropdown input[type="checkbox"] {
    display: none;
}

.profile-dropdown input[type="checkbox"]:checked~ul {
    display: block;
    animation: pulse 0.5s;
}

.profile-dropdown input[type="checkbox"]:checked~img {
    background: #3a7fc1;
}

.profile-dropdown input[type="checkbox"]:checked~label i {
    color: #000;
}

.profile-dropdown img {
    display: inline-block;
    background: #fff;
    height: 30px;
    vertical-align: middle;
    border-radius: 50%;
    float: left;
}

.profile-dropdown span {
    display: inline-block;
    vertical-align: sub;
    width: auto;
    margin: 0 10px 0 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
    float: left;
}

.profile-dropdown ul {
    display: none;
    list-style: none;
    padding: 5px 0 0;
    marrgin: 0;
    background: #f1f1f1;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1;
}

.profile-dropdown ul li a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #444;
    font-size: 13px;
}

.profile-dropdown ul li a i {
    font-size: 1.3rem;
    vertical-align: middle;
    margin: 0 .75rem 0 -.25rem;
}

.profile-dropdown ul li a:hover {
    background: #fff;
    color: #3a7fc1;
}

.profile-dropdown>label {
    position: relative;
    height: 30px;
    text-decoration: none;
    background: transparent;
    color: #333;
    padding: 0 5px 0 0;
    float: right;
    border-radius: 0;
    margin: 0;
    line-height: 33px;
    display: inline-block;
}

.profile-dropdown>label i {
    color: #b2b2b2;
    font-size: 1.75rem;
}

.profile-dropdown:after {
    content: '';
    display: table;
    clear: both;
}

.confirmation {
    width: 100%;
    display: block;
    margin: 10px auto 0;
    border: 1px solid #ddd;
}

.confirmation .header {
    background: #efefef;
    width: 100%;
    display: inline-block;
    float: left;
}

#div_bookinginfo {
    padding-top: 15px;
    float: left;
    width: 100%;
}

#el_hotelDetail {
    /* padding-top: 15px; */
}

.confirmation .header .navbar-brand {
    margin: 12px 0 10px;
}

.confirmation .contact-info {
    float: right;
    padding: 8px 15px 0 0;
    line-height: 32px;
}

.confirmation .contact-info a {
    color: #555;
    float: left;
    font-weight: 400;
    font-size: 16px;
}

.confirmation .contact-info a:hover {
    text-decoration: none;
    color: #555;
}

.confirmation .contact-info svg {
    fill: #555;
    position: relative;
    top: 0px;
    width: 33px;
    float: left;
    height: 33px;
}

.confirmation .pnr {
    color: #333;
    float: left;
    font-weight: 400;
    font-size: 15px;
    width: 100%;
    text-align: right;
    padding: 5px 15px 15px 0;
}

.confirmation .welcome {
    display: inline-block;
    padding: 25px 30px 10px;
    width: 100%;
    border-bottom: 1px dotted #c6c6c6;
}

.confirmation .welcome figure {
    width: 130px;
    display: inline-block;
    float: left;
}

.confirmation .welcome figure img {
    outline: none;
    width: 80%;
}

.confirmation .welcome .content {
    width: 84%;
    display: inline-block;
}

.confirmation .welcome .content h5 {
    color: #5f5f5f;
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
}

.confirmation .welcome .content h3 {
    color: #444;
    font-weight: 500;
    font-size: 25px;
    text-transform: none;
    padding: 6px 0;
}

.confirmation .welcome .content h4 {
    color: #5f5f5f;
    font-weight: 400;
    font-size: 20px;
    text-transform: none;
    margin-bottom: 5px;
}

.confirmation .welcome .content h4 span {
    color: var(--primary-color);
}

.confirmation .alert {
    color: #31708f;
    margin: 20px 15px 0;
    text-align: center;
    font-size: 16px;
}

.bdr-nn {
    border: none;
    padding: 0;
    margin: 20px 15px 0;
}

.bdr-nn .detail-title p {
    display: inline-block;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    padding: 10px 0 0 0;
}

.bdr-btm {
    border-bottom: 1px solid #ddd;
}

.table thead {
    background: var(--primary-color);
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
}

.table {
    margin-bottom: 0;
}

.b-b-n {
    border-bottom: none !important;
}

.grey-bg {
    background: var(--primary-color) !important;
    margin: 0 !important;
    padding: 10px;
}

.table tr td {
    font-weight: 400;
    color: #464646;
}

.table tr td a {
    color: #3a7fc1;
}

.confirmation .hotel-dtl {
    padding: 0;
    background: #fff;
    border: 1px solid #ddd;
    margin: 20px 15px 0;
    vertical-align: middle;
}

.confirmation .hotel-dtl .detail-title {
    border-bottom: 1px solid var(--primary-color);
    line-height: normal;
    display: inline-block;
    width: 100%;
    background: var(--primary-color);
    padding: 10px;
}

.confirmation .hotel-dtl .detail-title p {
    display: inline-block;
    font-size: 18px;
    color: #FFF;
    font-weight: 400;
    padding: 3px 0 0;
    line-height: normal;
}

.confirmation .hotel-dtl .detail-title .con-no {
    display: inline-block;
    font-size: 14px;
    color: #FFF;
    font-weight: 400;
    float: right;
    padding-top: 6px;
}

.confirmation .hotel-dtl .inner {
    width: 100%;
    display: table;
    padding: 15px 10px;
}

.confirmation .hotel-dtl .inner h5 {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 500;
    float: left;
    width: 100%;
    text-transform: none;
}

.confirmation .hotel-dtl .inner h4 {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    float: left;
    width: 100%;
    text-transform: none;
    padding-bottom: 10px;
}

.confirmation .hotel-dtl .inner p {
    display: block;
    font-size: 13px;
    color: #444;
    font-weight: 300;
    padding: 3px 0 0;
    line-height: 18px;
}

.confirmation .hotel-dtl .inner p a {
    color: #3a7fc1;
    text-decoration: none;
}

.confirmation .hotel-dtl .inner p a:hover {
    color: #3a7fc1;
    text-decoration: none;
}

.confirmation .hotel-dtl .inner .txt {
    font-size: 13px;
    color: #555555;
    font-weight: 400;
    float: left;
    clear: both;
    line-height: 18px;
    padding: 5px 0 0;
}

.confirmation .hotel-dtl .inner .txt i {
    font-size: 14px;
    color: var(--primary-color);
    float: left;
    padding: 1px 5px 0 0;
}

.confirmation .hotel-dtl .inner h5 .stars {
    position: relative;
    color: #ddd;
    margin: 2px;
}

.confirmation .hotel-dtl .inner h5 .stars.stars5::after {
    content: "\f005\f005\f005\f005\f005";
}

.confirmation .hotel-dtl .inner h5 .checked {
    color: #ffbe00;
}

.confirmation .hotel-dtl .inner h5 .stars::after {
    top: -18px;
    left: 260px;
    font-family: FontAwesome;
    color: #ffbe00;
    letter-spacing: 4px;
    content: "";
    text-indent: 0;
    font-size: 14px;
}

.confirmation .hotel-dtl .bkn-info {
    width: 100%;
    display: table;
}

.confirmation .hotel-dtl .bkn-info ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.confirmation .hotel-dtl .bkn-info ul li {
    width: 20%;
    list-style: none;
    float: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.confirmation .hotel-dtl .bkn-info ul li:last-child {
    border-right: none;
}

.confirmation .hotel-dtl .bkn-info ul li .inr {
    width: 100%;
    display: inline-block;
}

.confirmation .hotel-dtl .bkn-info ul li .inr .head {
    font-size: 14px;
    color: #333;
    font-weight: 500;
    width: 100%;
    background: #efefef;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    padding: 10px 0;
}

.confirmation .hotel-dtl .bkn-info ul li .info {
    width: 100%;
    display: inline-block;
    min-height: 40px;
}

.confirmation .hotel-dtl .bkn-info ul li .inr .date {
    font-size: 16px;
    color: #3a7fc1;
    font-weight: 500;
    display: block;
}

.confirmation .hotel-dtl .bkn-info ul li .inr .text {
    font-size: 14px;
    color: #444;
    font-weight: 400;
    padding: 10px 0 10px 0;
    display: block;
    border: 1px solid #ddd;
    border-width: 1px 0 0 0;
}

.checkin-info {
    text-align: center;
    display: inline-flex;
}

.checkin-info .info {
    width: 100%;
    display: inline-block;
    min-height: 40px;
    text-align: center;
}

.checkin-info .info .date {
    font-size: 16px;
    color: #3a7fc1;
    font-weight: 500;
    display: block;
}

.checkin-info .info .text {
    font-size: 14px;
    color: #444;
    font-weight: 400;
    padding: 5px 0 0;
    display: block;
}

.customer-support {
    width: 100%;
    display: table;
}

.customer-support ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.customer-support ul li {
    width: 20%;
    list-style: none;
    float: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.customer-support ul li:first-child {
    width: 60%;
}

.customer-support ul li:last-child {
    border-right: none;
}

.customer-support ul li .inr {
    width: 100%;
    display: inline-block;
    padding: 0 0 10px;
}

.customer-support ul li .inr .head {
    font-size: 14px;
    color: #FFF;
    font-weight: 500;
    width: 100%;
    background: var(--primary-color) !important;
    border: 1px solid var(--primary-color);
    border-left: none;
    border-right: none;
    padding: 10px;
    margin: 0 0 10px 0;
}

.customer-support ul li .inr .text {
    font-size: 14px;
    color: #444;
    font-weight: 400;
    display: block;
    padding: 0 10px;
}

.customer-profile {
    width: 100%;
    display: block;
    margin-top: 70px;
}

.customer-profile .left {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #e9e9e9;
    min-height: 10px;
}

.customer-profile .left .user {
    background: var(--primary-color);
    text-align: center;
    display: block;
    overflow: hidden;
    padding: 35px 0;
}

.customer-profile .left .user img {
    background: #fff;
    width: 96px;
    height: 96px;
    border-radius: 100px;
}

.customer-profile .left .user .name {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    display: block;
    padding: 15px 0 0;
}

.customer-profile .left .list {
    display: block;
    width: 100%;
}

.customer-profile .left .list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.customer-profile .left .list ul li {
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
}

.customer-profile .left .list ul li i {
    font-size: 15px;
    padding-right: 8px;
}

.customer-profile .left .list ul li:nth-child(2) i {
    font-size: 16px;
}

.customer-profile .left .list ul li:nth-child(5) i {
    font-size: 18px;
}

.customer-profile .left .list ul li a {
    color: #333;
    width: 100%;
    text-decoration: none;
    padding: 13px 15px;
    display: block;
    position: relative;
}

.customer-profile .left .list ul li a::after {
    content: "\f105";
    color: #333;
    position: absolute;
    right: 13px;
    top: 15px;
    font: normal normal normal 20px/1 FontAwesome;
}

.customer-profile .left .list ul li a:hover {
    background: rgba(0, 0, 0, 0.05);
    text-decoration: none;
    color: var(--primary-color);
}

.customer-profile .left .list ul li a.active {
    background: rgba(0, 0, 0, 0.05);
    text-decoration: none;
    color: var(--primary-color);
}

.customer-profile .left .list ul li a:hover::after {
    color: #2871b8;
}

.customer-profile .left .list ul li a.active::after {
    color: #2871b8;
}

.customer-profile .right {
    width: 100%;
    display: inline-block;
}

.customer-profile .right .profile-bnr {
    background: url(../images/profile-bnr.jpg) no-repeat;
    background-size: cover;
    display: block;
    position: relative;
    min-height: 203px;
    background-position: center top;
}

.customer-profile .right .profile-bnr h1 {
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    position: absolute;
    left: 25px;
    bottom: 25px;
    text-transform: none;
}

.customer-profile .right .trips-sec {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #e9e9e9;
    margin-top: 20px;
    padding: 16px 15px 30px 15px;
}

.customer-profile .right .trips-sec .trips-block {
    display: block;
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #dfe0e1;
}

.customer-profile .right .trips-sec .trips-block svg {
    fill: var(--primary-color);
    width: 40px;
    height: 40px;
}

.customer-profile .right .trips-sec .trips-block h2 {
    font-size: 28px;
    font-weight: 500;
    color: #000;
    width: 100%;
    padding: 0;
    line-height: normal;
    text-transform: none;
    text-align: center !important;
}

.customer-profile .right .trips-sec .trips-block p {
    font-size: 15px;
    font-weight: 400;
    color: #444444;
    padding: 0;
}

.brdr-rght-nn {
    border-right: none !important;
}

.customer-profile .right h2 {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    text-transform: none;
    padding: 0 0 15px;
}

.customer-profile .right p {
    font-size: 15px;
    font-weight: 300;
    color: #444444;
    padding: 0 0 10px;
}

.my-profile {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 15px;
}

.my-profile>div{
    padding-top: 0;
}

.my-profile .inner {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}

.my-profile .inner label {
    width: 150px;
    font-size: 14px;
    font-weight: 500;
    color: #444;
    float: left;
    margin: 0;
    padding: 8px 0 0;
}

.my-profile .inner .field {
    width: 81%;
    float: left;
}

.my-profile .inner .field-50 {
    width: 48%;
    float: left;
    margin-right: 10px;
}

.my-profile .inner input,
.feedback .inner .field-50 input,
.feedback .inner .field-100 textarea,
.co-travelers .inner .field-50 input {
    width: 100%;
    background: #fff;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

.my-profile .inner .field-10 {
    width: 10%;
    float: left;
}

.my-profile .inner .select2-container .select2-selection--single,
.co-travelers .inner .select2-container .select2-selection--single {
    height: 42px !important;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0;
}

.my-profile .inner .select2-container--default .select2-selection--single .select2-selection__rendered,
.co-travelers .inner .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
    padding: 10px;
    color: #838383 !important;
    font-weight: 300;
}

.my-profile .inner .select2-container--default .select2-selection--single .select2-selection__arrow,
.co-travelers .inner .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    top: 3px;
    right: 5px;
}

.my-profile .inner .select2-selection__arrow i,
.co-travelers .inner .select2-selection__arrow i {
    padding: 10px 0 10px 0;
    font-size: 11px;
}

.my-profile .inner .field-30 {
    width: 28%;
    float: left;
    margin-left: 10px;
}

.my-profile .inner .save,
.feedback .inner .save,
.co-travelers .inner .save {
    background: var(--primary-color);
    padding: 8px 25px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    border: none;
    float: right;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.my-profile .inner .save:hover,
.feedback .inner .save:hover,
.co-travelers .inner .save:hover {
    background: var(--secondary-color);
}

.feedback,
.co-travelers {
    width: 100%;
    display: inline-block;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 15px;
}

.feedback .inner,
.co-travelers .inner {
    width: 100%;
    display: inline-block;
    padding: 4px 0;
}

.feedback .inner label,
.co-travelers .inner label {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #444;
    float: left;
    margin: 0;
    padding: 8px 0 0;
}

.feedback .inner .field-50,
.co-travelers .inner .field-50 {
    width: 48%;
    float: left;
    margin: 0 7px;
}

.feedback .inner .field-100 {
    width: 98%;
    float: left;
    margin: 0 7px;
}

.feedback .inner .field-100 textarea {
    height: 120px;
    resize: none;
}

.co-travelers .inner .field-80 {
    width: 80%;
    float: left;
}

.co-travelers .inner .field-33 {
    width: 33%;
    float: left;
}

.co-travelers .inner .field-20 {
    width: 20%;
    float: left;
}

.co-travelers .inner .name {
    width: 85%;
    float: left;
    background: #f6f6f6;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 15px;
}

.co-travelers .inner .icon {
    width: 6%;
    float: left;
    background: #f6f6f6;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 0;
    margin-left: 10px;
    text-align: center;
    color: #4284c4;
}

.co-travelers .inner .icon:hover {
    background: var(--primary-color);
    color: #fff;
}

.co-travelers .inner .icon2 {
    font-size: 18px;
    color: #F00;
}

.my-booking {
    width: 100%;
    /* margin: 15px 0 0; */
}

.my-booking .tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    width: 41%;
}

.my-booking .tabs li {
    float: left;
    border: 1px solid #ddd;
    border-right: none;
    border-bottom: none;
    background: #fff;
    list-style: none;
}

.my-booking .tabs li:last-child {
    border-right: 1px solid #ddd;
}

.my-booking .tabs li a {
    display: block;
    padding: 10px 20px;
    font-size: 15px;
    color: #333;
    text-decoration: none;
    font-weight: 400;
}

.my-booking .tabs li a:hover,
.my-booking .tabs li a:active,
.my-booking .tabs li a:focus {
    background: #e0e0e0;
}

.my-booking .tabs li.active,
.my-booking .tabs li.active a:hover {
    background: #e0e0e0;
}

.my-booking .tab_container {
    border: 1px solid #ddd;
    background: #fff;
}

.my-booking .tab_content {
    padding: 15px;
    text-align: center;
}

.my-booking .tab_content img {
    display: inline-block;
    width: auto;
    margin: 50px 0 0;
}

.my-booking .tab_content h3 {
    font-size: 25px;
    font-weight: 500;
    color: var(--primary-color);
    text-transform: none;
    padding: 0 0 10px;
    margin: 20px 0 0;
}

.my-booking .tab_content p {
    font-size: 15px;
    font-weight: 400;
    color: #444444;
    padding: 0;
}

.my-booking .tab_content a {
    background: var(--primary-color);
    font-size: 16px;
    text-transform: uppercase;
    padding: 12px 35px;
    color: #fff;
    margin: 15px 0 50px;
    display: inline-block;
    font-weight: 700;
}

.my-booking .tab_content a:hover {
    text-decoration: none;
    background: var(--secondary-color);
}

.my-booking .sort {
    width: 55%;
    display: inline-block;
}

.my-booking .sort .fifty {
    width: 50%;
    float: left;
}

.my-booking .sort .fifty .search-container {
    width: 100%;
    overflow: hidden;
    text-align: left;
    float: left;
    position: relative;
}

.my-booking .sort .fifty .search-container button {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    border: none;
}

.my-booking .sort .fifty .search-container i {
    color: #d5d5d5;
}

.my-booking .sort .fifty .search-container .search-field {
    color: #555;
    float: left;
    font-size: 14px;
    font-weight: 300;
    height: 42px;
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    padding: 0 10px;
    font-style: italic;
}

.my-booking .sort .select2-container .select2-selection--single {
    height: 42px !important;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-right: 10px;
}

.my-booking .sort .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px;
    padding: 10px;
    color: #838383 !important;
    font-weight: 300;
}

.my-booking .sort .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
    top: 5px;
    right: 20px;
}

.my-booking .sort .select2-selection__arrow i {
    padding: 10px 0 10px 0;
    font-size: 11px;
}

.my-booking .tab_content .table>caption+thead>tr:first-child>th,
.my-booking .tab_content .table>colgroup+thead>tr:first-child>th,
.my-booking .tab_content .table>thead:first-child>tr:first-child>th,
.my-booking .tab_content .table>caption+thead>tr:first-child>td,
.my-booking .tab_content .table>colgroup+thead>tr:first-child>td,
.my-booking .tab_content .table>thead:first-child>tr:first-child>td {
    border-bottom: 0;
    border-top: 0;
    background: #f4f4f4;
    text-align: center;
    font-size: 13px;
    color: #333;
    text-transform: none;
    font-weight: 500;
}

.my-booking .tab_content .table>thead>tr>th,
.my-booking .tab_content .table>tbody>tr>th,
.my-booking .tab_content .table>tfoot>tr>th,
.my-booking .tab_content .table>thead>tr>td,
.my-booking .tab_content .table>tbody>tr>td,
.my-booking .tab_content .table>tfoot>tr>td {
    padding: 10px;
    font-size: 13px;
    font-weight: 300;
    color: #555555;
    text-align: center;
}

.slide-fade-enter {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
}

.loading-circle {
    background-color: #ffffff;
    background-image: url("loading.gif") !important;
    background-size: 16px 16px !important;
    background-position: 92% 50% !important;
    background-repeat: no-repeat !important;
}

.hide-loading-circle {
    background-image: none !important;
}

.form-textinput {
    padding: 8px 10px;
    border-radius: 5px;
    border: solid 1px #ccc;
}

.autocomplete {
    position: relative;
}

.autocomplete-results {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd0d0;
    max-height: 223px;
    overflow: auto;
    background-color: #ffffff;
    border-radius: 0;
    position: absolute;
    z-index: 99999;
}

.autocomplete ul.autocomplete-results li {
    color: #3e3e3e;
    font-size: 13px;
    font-weight: 400;
}

.autocomplete ul.autocomplete-results li:hover {
    color: #FFF;
}

.autocomplete-result {
    list-style: none;
    text-align: left;
    padding: 7px 10px;
    cursor: pointer;
    border-bottom: 1px dashed #c5c5c5;
}

.autocomplete-results li:last-child {
    border-bottom: none;
}

.autocomplete-result:hover {
    background-color: var(--primary-color);
    color: #FFF;
}
.autocomplete-result-active{
    background-color: var(--primary-color) !important;
    color: #FFF !important;
}

.autocomplete-results::-webkit-scrollbar {
    width: 5px;
}

.autocomplete-results::-webkit-scrollbar-track {
    background: #e6e6e6;
}

.autocomplete-results::-webkit-scrollbar-thumb {
    background-color: #d0d0d0;
    outline: 1px solid slategrey;
}

#error {
    color: #959595;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#error .text-1 {
    font-size: 90px;
    color: #7a7a7a;
    width: 100%;
    font-weight: 500;
    line-height: normal;
}

#error .text-2 {
    font-size: 30px;
    color: #333;
    width: 100%;
    font-weight: 500;
    text-transform: none;
    padding: 20px 0 10px;
}

#error .text-3 {
    font-size: 18px;
    color: #4c4a4a;
    width: 100%;
    font-weight: 400;
    padding: 20px 0 10px;
}

#error a {
    background: #3a7fc1;
    font-size: 16px;
    text-transform: uppercase;
    padding: 12px 35px;
    color: #fff;
    margin-top: 40px;
    display: inline-block;
    font-weight: 700;
}

#error a:hover {
    text-decoration: none;
    background: #faa71a;
}

.sp_svg svg {
    margin-top: 22px !important;
}

.text-1 {
    font-size: 90px;
    color: #7a7a7a;
    width: 100%;
    font-weight: 500;
    line-height: normal;
}

.text-2 {
    font-size: 20px;
    color: #333;
    width: 100%;
    font-weight: 500;
    text-transform: none;
    padding: 20px 10px 10px;
    line-height: 27px;
}

.text-3 {
    font-size: 16px;
    color: #4c4a4a;
    width: 100%;
    font-weight: 400;
    padding: 6px 0 10px;
}

#error a,
#search-error a {
    background: var(--primary-color);
    font-size: 16px;
    text-transform: uppercase;
    padding: 9px 30px;
    color: #fff;
    margin-top: -1px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 20px;
}

#error a:hover,
#search-error a:hover {
    text-decoration: none;
    background: var(--primaryLight-color);
}

#search-error {
    color: #959595;
    text-align: center;
    background: #FFF;
}

.flight-count {
    float: right;
    font-size: 13px;
    color: #1ab206;
    padding-top: 18px;
    font-weight: 500;
}

.mytrip_sec1 svg {
    fill: #3a7fc1;
    width: 45px;
    height: 45px;
}

.mytrip_sec1 {
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 1px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-align: center;
    padding: 6px 6px 2px 6px;
}

.mytrip_sec1 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark_sec1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
}

.mytrip_sec1:hover input~.checkmark_sec1 {
    background-color: #3a7fc1;
}

.mytrip_sec1 input:checked~.checkmark_sec1 {
    background-color: #3a7fc1;
}

.checkmark_sec1:after {
    content: "";
    position: absolute;
    display: none;
}

.mytrip_sec1 input:checked~.checkmark_sec:after {
    display: block;
}

.weather_icon {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 5px;
}

.metrix {
    display: block;
    position: relative;
    padding-left: 0px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.metrix input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.metrix input:focus {
    outline: none;
}

.metrix_check {
    position: absolute;
    top: -4px;
    left: -4px;
    height: 53px;
    width: 105%;
    background: none;
}

.metrix:hover input~.metrix_check {
    background: none;
}

/* .metrix input:checked~.metrix_check {
    background: none;
    border: 1px solid #3a7fc1;
    color: #3a7fc1;
} */

.metrix_check:after {
    content: "";
    position: absolute;
    display: none;
}

.metrix input:checked~.metrix_check:after {
    display: block;
}

.head_title {
    width: 33.3%;
    float: left;
    color: #5d5d5d;
    font-weight: 500;
}

.fare-info-head ul li .head_title:nth-child(2n) {
    text-align: center;
}

.fare-info-head ul li .head_title:nth-child(3n) {
    text-align: right;
}

.fare-info-head h4 {
    color: #5d5d5d;
    font-size: 17px;
    padding: 10px;
    border-bottom: 1px dashed #cccccc;
}

.validation_sec {
    position: relative;
}

.sp_validation {
    width: 100%;
    bottom: -51px !important;
    left: 0 !important;
}

.bootstrap-select>.btn {
    background: #FFF;
    font-size: 13px;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=span],
.bootstrap-select.btn-group[class*=col-] {
    margin-bottom: 0px;
}

.dropdown {
    float: right;
}

.btn {
    font-size: 13px;
    background: #FFF;
}

.optionlist {
    width: 150px;
    height: 25px;
    background-color: #d49090;
}

.dropdown a {
    background: #FFF;
    padding: 5px 10px 5px 10px;
    position: relative;
    text-decoration: none;
    float: left;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
}

.dropdown a svg {
    margin-top: 5px;
    float: right;
    margin-left: 5px;
}

.dropdown-menu a svg {
    display: none;
}

.dropdown a::after {
    /* content: '\f0d7'; */
    right: 8px;
    color: #3a3a3a;
    font-size: 12px;
    font-family: FontAwesome;
    top: 6px;
    position: absolute;
}

.dropdown a span {
    margin-right: 3px;
}

.dropdown-menu a::after {
    display: none;
}

.dropdown-menu {
    border-radius: 0px;
    padding: 5px 4px;
}

.dropdown-menu a {
    padding: 5px;
    width: 100%;
    float: left;
    font-size: 13px;
    border-bottom: 1px solid #dadada;
    border-radius: 0px;
    text-decoration: none;
    margin-bottom: 4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.dropdown-menu a:hover {
    color: #000;
    border: 1px solid #3a7fc1 !important;
    background: #f1f1f1;
}

.dropdown-menu a:last-child {
    margin-bottom: 0px;
}

.lag {
    float: right;
}

.lag ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.htl-info h5 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
}

.htl-info .htl-option .cancellation-policy {
    font-weight: 400;
    font-size: 12px;
    color: #555555;
    /* padding: 10px 0 0; */
    clear: both;
    display: inline-block;
    position: relative;
}

.htl-info .htl-option .cancellation-policy:hover {
    color: #3a7fc1;
}

.htl-info .htl-option .cancellation-policy .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #fff;
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    border: 1px solid #3a7fc1;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
}

.htl-info .htl-option .cancellation-policy .tooltiptext .text {
    font-size: 12px;
    font-weight: 300;
    color: #444;
    padding: 0;
}

.htl-info .htl-option .cancellation-policy .tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #3a7fc1 transparent;
}

.htl-info .htl-option .cancellation-policy:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.htl-info .htl-option .cancellation-policy .tooltip-bottom {
    top: 115%;
    left: -60%;
}

.htl-info .price-section .select-room {
    font-size: 12px;
    color: #3a7fc1;
    text-transform: none;
    padding: 4px 20px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    float: right;
    border: 1px solid #3a7fc1;
    margin: 10px 0 0;
    cursor: pointer;
}

.htl-info .price-section .price {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    padding: 10px 0 0;
}

.htl-info .price-section .price span {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.htl-info .price-section .adult-night {
    font-weight: 500;
    font-size: 12px;
    color: #737373;
    padding: 5px 0;
    text-align: right;
}

.room-border {
    border-right: 1px solid #dfdfdf;
}

.htl-info .price-section {
    width: 100%;
    float: right;
    display: inline-block;
    padding: 0 15px;
    text-align: right;
}

.htl-inf .price-section .tax {
    font-size: 14px;
    color: #767676;
    font-weight: 300;
    padding: 0;
}

.htl-info .price-section .price {
    font-weight: 500;
    font-size: 20px;
    color: #000;
    padding: 10px 0 0;
}

.htl-info .price-section .price span {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.htl-info .price-section .adult-night {
    font-weight: 500;
    font-size: 12px;
    color: #737373;
    padding: 5px 0;
    text-align: right;
}

#hotel-price-info .price-section-bundle {
    width: 50%;
    float: right;
    display: inline-block;
    padding: 0;
    text-align: right;
    margin: 0 10px 10px 0;
}

#hotel-price-info .price-section-bundle span {
    font-size: 16px;
    margin: 5px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

#hotel-price-info .price-section-bundle .price {
    width: 100%;
    position: relative;
    margin: 5px;
    font-weight: 500;
    font-size: 22px;
    color: #000;
}

#hotel-price-info .price-section-bundle .select-room {
    text-transform: uppercase !important;
    font-size: 12px;
    color: #3a7fc1;
    text-transform: none;
    padding: 4px 20px;
    display: block;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    float: right;
    border: 1px solid #3a7fc1;
    margin: 10px 0 0;
}

#hotel-price-info .price-section-bundle .select-room:hover {
    color: #fff !important;
    background: #3a7fc1;
}

#hotel-room-info .single-room-nonbundle .htl-room {
    display: inline-block;
    width: 60%;
    padding: 15px;
}

#hotel-room-info .price-section-inner {
    width: 40%;
    float: right;
    display: inline-block;
    padding: 0;
    text-align: right;
}

.price-inner span {
    font-weight: 500;
    font-size: 15px;
    text-transform: uppercase;
}

.price-inner {
    margin-right: 5px;
    float: left;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin: 27px 0 0 0;
}

.select-room-inner {
    font-size: 13px;
    font-weight: 500;
    margin: 23px 20px 15px 0;
    padding: 4px 15px;
    border: 1px solid #3a7fc1;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    background: none;
    color: #3a7fc1;
}

.selected-room-inner {
    background: #3a7fc1;
    color: #fff;
    border: 1px solid #fff;
}

.confirmation-page-button {
    text-align: center;
}

.confirmation-page-button .btn {
    text-align: center;
    border-radius: 0;
    font-size: 12px;
    color: #0283df;
    border: 1px solid #0283df;
    margin: 5px;
}

.simple_dropdown {
    width: 100%;
    background: #fff;
    height: 42px;
    border: 1px solid #ddd;
    position: relative;
    font-size: 14px;
    margin: 0px !important;
}

.simple_dropdown::after {
    position: absolute;
    content: '\f078';
    font-family: FontAwesome;
    color: #ababab;
    font-size: 10px;
    right: 7px;
    width: 10px;
    top: 9px;
}

.simple_dropdown select {
    width: 100%;
    background: none;
    height: 42px;
    padding: 0 7px;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    background: none;
    z-index: 9;
    position: relative;
}

[v-cloak] {
    display: none;
}

.reset-pass {
    width: 40%;
    display: block;
    margin: 100px auto;
}

.reset-pass img {
    display: block;
    margin: 0 auto;
    width: 272px;
}

.reset-pass p {
    width: 100%;
    padding: 30px 0 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    text-align: center;
    font-weight: 400;
}

.reset-pass .inner {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    padding: 5px 20px 20px;
}

.reset-pass .inner label {
    font-size: 14px !important;
    color: #333 !important;
    padding: 15px 0 5px;
    margin: 0;
}

.reset-pass .inner input {
    width: 100%;
    background: #fff;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #ddd;
}

.reset-pass .inner .reset {
    background: #3a7fc1;
    padding: 12px 25px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    border: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 100%;
    margin-top: 20px;
}

.reset-pass .inner .reset:hover {
    background: #faa71a;
}

.border_danger {
    border: 1px solid #f00 !important;
}

.loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 9999;
}

.loading-img {
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 9999;
    width: 12%;
}

.km_slider {
    background: #fff;
    overflow: hidden;
    margin: 0 !important;
    padding: 6px 13px 8px 13px;
    font-size: 14px;
    font-weight: 400;
    color: #676767;
    height: 68px;
    border: none;
    border-right: 1px solid #cfcfcf;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

#slider-step-value {
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    color: #505050;
    line-height: 16px;
}

.within_sec {
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: capitalize;
    color: #505050 !important;
    line-height: 16px;
    margin-bottom: 10px;
}

.more_view {
    font-size: 12px;
    float: right;
    display: block;
    color: #3a7fc1;
    padding: 1px 10px;
    text-decoration: none;
}

.modal-title {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #505050;
}

.list_amenities {
    width: 100%;
    float: left;
}

.list_amenities ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.list_amenities ul li {
    float: left;
    font-size: 13px;
    font-weight: 300;
    color: #505050;
    padding-right: 18px !important;
    width: auto !important;
}

.list_amenities ul li i {
    color: #3a7fc1;
    margin-right: 5px;
}

.modal-content,
.modal-body {
    width: 100%;
    float: left;
}

.booking-table{
    overflow: auto;
}

.booking-table table tr td a {
    background: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #3a7fc1 !important;
    text-align: center !important;
    padding: 0px !important;
    margin: 0px !important;
}

.booking-table table tbody tr {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.booking-table table tbody tr:hover {
    background: #d9ecff;
}

.product-grid {
    font-family: Raleway, sans-serif;
    text-align: center;
    padding: 0 0 0px;
    border: 1px solid rgba(0, 0, 0, .1);
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 72px;
}

.product-grid .product-image {
    position: relative;
    transition: all .3s ease 0s;
}

.product-grid .product-image a {
    display: block;
    height: 200px;
}

.product-grid .product-image img {
    width: 100%;
    height: 100%;
}

.product-grid .pic-1 {
    opacity: 1;
    transition: all .3s ease-out 0s;
}

.product-grid:hover .pic-1 {
    opacity: 1;
}

.product-grid .pic-2 {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .3s ease-out 0s;
}

.product-grid:hover .pic-2 {
    opacity: 1;
}

.product-grid .social {
    width: 150px;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 60%;
    left: 50%;
    z-index: 1;
    transition: all .3s ease 0s;
}

.product-grid:hover .social {
    opacity: 1;
    top: 50%;
}

.product-grid .social li {
    display: inline-block;
}

.product-grid .social li a {
    color: #fff;
    background-color: #333;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    height: 40px;
    width: 40px;
    margin: 0 2px;
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
}

.product-grid .social li a:hover {
    color: #fff;
    background-color: #faad29;
}

.product-grid .social li a:after,
.product-grid .social li a:before {
    content: attr(data-tip);
    color: #fff;
    background-color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 1px 5px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}

.product-grid .social li a:after {
    content: '';
    height: 15px;
    width: 15px;
    border-radius: 0;
    transform: translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}

.product-grid .social li a:hover:after,
.product-grid .social li a:hover:before {
    opacity: 1;
}

.product-grid .product-discount-label,
.product-grid .product-new-label {
    color: #fff;
    background-color: #ef5777;
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 7px;
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
}

.product-grid .product-discount-label {
    background-color: #333;
    left: auto;
    right: 0;
}

.product-grid .rating {
    color: #FFD200;
    font-size: 12px;
    padding: 0px 0 0;
    margin: 0;
    list-style: none;
    position: relative;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.product-grid .rating li.disable {
    color: rgba(0, 0, 0, .2);
}

.product-grid .product-content {
    background-color: #fff;
    text-align: center;
    padding: 24px 0 31px 0px;
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all .3s;
}

.sp_radius20 {
    border-radius: 20px !important;
    width: auto !important;
    padding: 10px 55px !important;
    background: #ed1c24 !important;
}

.product-grid:hover .product-content {
    bottom: 0;
}

.product-grid .title {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0 0 0px;
    position: absolute;
    top: -40px;
    left: 20px;
    color: #fff;
    transition: all .3s ease 0s;
}

.product-grid .title a {
    color: #ffffff;
}

.product-grid .title a:hover,
.product-grid:hover .title a {
    color: #FFEB3B;
}

.product-grid .price {
    color: #FFEB3B;
    font-size: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: .6px;
    margin-bottom: 20px;
    line-height: 20px;
    text-align: center;
    transition: all .3s;
    min-height: 113px;
}

.product-grid .price span {
    color: #000;
    font-size: 15px;
    font-weight: 400;
    margin-left: 3px;
    top: -6px;
    position: relative;
    display: inline-block;
}

.product-grid .price p {
    color: #000;
    font-size: 15px;
    margin: 9px auto;
    font-weight: 400;
    width: 75%;
    margin-left: 3px;
    display: inline-block;
}

.product-grid .add-to-cart {
    color: #000;
    font-size: 13px;
    font-weight: 600;
}

.adult_sec_align {
    font-size: 12px !important;
    width: 100% !important;
    float: left !important;
    text-align: left !important;
    line-height: 10px !important;
}

.pax_price {
    line-height: 35px !important;
}

.sp_summary {
    padding-top: 12px;
}

.sticky {
    position: sticky;
    top: 0;
}

@media only screen and (max-width:990px) {
    .product-grid {
        margin-bottom: 30px;
    }
    .redEye {
        right: -30px;
    }
    .sticky {
        position: relative;
    }
    #flightbookDiv {
        padding-bottom: 0px;
    }
}

@media only screen and (max-width:768px) {
    .redEye {
        right: 0;
    }
}

@media only screen and (max-width:1200px) {
    #airline_matrix figure {
        width: 100%;
        margin-right: 0px;
    }
    #airline_matrix .airline-name {
        width: 100%;
        text-align: center;
    }
    #airline_matrix .price {
        width: 100%;
        text-align: center;
    }
    #airline_matrix .item {
        min-width: 10px;
        width: 99%;
        min-height: 112px !important;
    }
    
    .max-price, .min-price{
        float: initial !important;
    }
    .metrix_txt{
        width: 100% !important;
        padding-left: 0 !important;
    }
    .customNavigation .btn-left,
    .customNavigation .btn-right {
        top: 29px;
    }
}

.product-grid .price {
    color: #003462;
}

a.btn.left_radius {
    border-radius: 20px 0 0 20px;
    background: #3c3a3a;
    color: #fff;
    width: 35%;
    padding: 10px;
}

a.btn.right_radius {
    border-radius: 0px 20px 20px 0px;
    background: #3c3a3a;
    color: #fff;
    width: 35%;
    padding: 10px;
}

.popular_sec h5 {
    text-align: center;
    letter-spacing: 17px;
    color: #367cc0;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 12px;
}

.popular_sec h2 {
    text-align: center;
    letter-spacing: 3px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 60px;
    position: relative;
    padding-bottom: 20px;
}

.popular_sec h2:after {
    left: 35%;
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 30%;
    z-index: 10;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #faa71a;
    border-width: 1px;
}

a.btn.left_radius {
    background: #faa71a;
}

a.btn.right_radius {
    background: #387dc0;
}

.dwn {
    float: right;
    margin-top: 4px;
    font-size: 18px;
}

#div_bookinginfo .flight-destination ul li svg {
    margin-top: 22px !important;
}


/*arabic css*/

.ar_direction1 .panel-title>a::before {
    left: 0;
    right: inherit;
    padding-left: 10px;
}

.ar_direction1 .price_sec5 .panel-default>.panel-heading+.panel-collapse>.panel-body {
    direction: ltr;
}

.ar_direction1 .noUi-horizontal .noUi-handle {
    left: -11px !important;
}

.ar_direction1 .form__checkbox .checkbox {
    left: inherit;
    right: 0px;
}

.ar_direction1 .form__checkbox label {
    padding: 0 30px 0 0px;
}

.ar_direction1 .modify_btn {
    left: 15%;
    right: inherit;
}

.ar_direction1 .add-btn {
    right: 30px;
    margin-top: 5px;
}

.ar_direction1 .calendar {
    padding: 8px 20px 8px 0px;
}

.change-destination {
    position: absolute;
    right: 0;
    top: -1px;
    cursor: pointer;
}

.ar_direction1 .change-destination {
    position: absolute;
    left: 0;
    right: inherit;
    top: -1px;
}

.ar_direction1 .form-control {
    padding-right: 24px;
    text-align: right;
}

.ar_direction1 .custom-select-v3::before {
    right: inherit;
    left: 0;
}

.ar_direction1 #totStroneway {
    padding-left: 31px;
}

#traveloneway .ar_direction1 label,
#traveloneway .ar_direction1 .trvFld,
#traveloneway .ar_direction1 .ageRange {
    float: right !important;
}

#traveloneway .ar_direction1 .trvFld {
    margin-right: 0px;
    margin-left: 10px;
}

#traveltwoway .ar_direction1 label,
#traveltwoway .ar_direction1 .trvFld,
#traveltwoway .ar_direction1 .ageRange {
    float: right !important;
}

#traveltwoway .ar_direction1 .trvFld {
    margin-right: 0px;
    margin-left: 10px;
}

#travelmulticity .ar_direction1 label,
#travelmulticity .ar_direction1 .trvFld,
#travelmulticity .ar_direction1 .ageRange {
    float: right !important;
}

#travelmulticity .ar_direction1 .trvFld {
    margin-right: 0px;
    margin-left: 10px;
}

.ar_direction1 .sp_lab {
    float: right !important;
}

.ar_direction1 .sp_radio_btns .radio.radio-inline {
    float: right;
}

.ar_direction1 .sp_radio_btns .radio label::before {
    left: inherit !important;
    right: 0px !important;
}

.ar_direction1 .sp_radio_btns .radio label::after {
    left: inherit !important;
    right: 4px !important;
}

.ar_direction1 .sp_radio_btns label {
    text-align: right !important;
    padding-right: 20px !important;
}

.ar_direction1 .sp_radio_btns {
    padding-right: 0px !important;
}

.ar_direction1 .sorting h4 {
    float: right;
    padding: 15px 0px 15px 15px;
    border-right: inherit !important;
    border-left: 1px solid #e7e7e7;
}

.ar_direction1 .sorting ul {
    float: right;
}

.ar_direction1 .sorting ul li .dwn {
    float: left;
}

.ar_direction1 .flight-count {
    float: left;
}


/* .ar_direction1 .noUi-horizontal .noUi-origin {
    right: -246px !important;
    left: inherit !important;
} */

.ar_direction1 .price_sec span:first-child {
    float: left;
}

.ar_direction1 {
    direction: rtl !important;
}

.ar_direction1 .title_sub a {
    float: right;
}

.ar_direction1 .sign-in-travel .sign-in {
    float: left;
}

.ar_direction1 .sign-in-travel i {
    margin-right: 0;
    margin-left: 10px;
    float: right;
}

.ar_direction1 .detail-title span {
    float: right;
    margin-left: 10px;
}

.ar_direction1 .flight-logo-name {
    text-align: left;
}

.ar_direction1 .departure-itineray svg {
    transform: rotate(180deg);
    margin-right: 0px;
    margin-left: 7px;
}

.ar_direction1 .itineray-time ul li i {
    margin-right: 7px;
    margin-left: 10px;
}

.ar_direction1 .travel-form-info .pd-left {
    padding-right: 0px;
    padding-left: 15px;
}

.ar_direction1 #phonetxt,
.ar_direction1 #phone {
    padding-right: 92px;
    padding-left: 0px;
}

.ar_direction1 .flag-container {
    left: inherit !important;
    right: 0 !important;
}

.ar_direction1 .selected-dial-code {
    padding-left: 0px !important;
    padding-right: 28px;
}

.ar_direction1 .selected-flag {
    padding: 0 8px 0 0px !important;
}

.ar_direction1 .iti-arrow {
    right: inherit !important;
    left: 6px !important;
}

.ar_direction1 .traveller-detatail ul li {
    text-align: center;
}

.ar_direction1 .summary-departure {
    direction: rtl;
}

.ar_direction1 .summary-price p {
    text-align: right;
}

.ar_direction1 .summary-price ul li {
    direction: ltr;
}

.ar_direction1 .head_title {
    text-align: right;
}

.ar_direction1 .travel-form-info .travel-form .form__checkbox label {
    padding: 0 25px 0 0px !important;
}

.ar_direction1 .fare-info h5 {
    text-align: left;
}

.ar_direction1 .welcome figure {
    float: right;
}

.ar_direction1 .table-bordered {
    direction: rtl;
}

.ar_direction1 .departure-icon {
    text-align: right;
}

.ar_direction1 .stars i {
    float: right;
    margin-right: 0px;
    margin-left: 3px;
}

.ar_direction1 .hotel-list .content-wrapper .address i {
    float: right;
    padding: 3px 0px 0 5px;
}

.ar_direction1 .hotel-name .form-control {
    padding-right: 36px;
}

.ar_direction1 .htl-dtl div span {
    float: right !important;
}

.ar_direction1 .htl-dtl .address {
    float: right !important;
}

.ar_direction1 .htl-dtl .address i {
    padding: 3px 0 0 8px;
}

.ar_direction1 #hotel-room-info .single-room-nonbundle .htl-room {
    text-align: left;
}

.ar_direction1 .ajs-commands {
    right: inherit !important;
    left: 9px;
}

.ar_direction1 .ajs-button {
    float: left;
}

.ar_direction1 .htl-info h4 {
    /* text-align: left; */
}

.ar_direction1 .summary-price {
    text-align: left;
}

.ar_direction1 .detail {
    padding-left: 0px;
    padding-right: 20px;
}

.ar_direction1 .detail .address {
    float: right;
}

.ar_direction1 .detail .address i {
    float: right;
    padding: 3px 0px 0 8px;
}

.ar_direction1 .date,
.ar_direction1 .rm-dtl {
    float: right !important;
}

.ar_direction1 .detail .date .dt-dtl {
    float: right !important;
}

.ar_direction1 .checkin-info .info .date {
    width: 100%;
}

.ar_direction1 .confirmation .hotel-dtl .detail-title {
    text-align: left;
}

.ar_direction1 .left .list ul li i {
    padding-right: 0px !important;
    padding-left: 8px !important;
}

.ar_direction1 .left .list ul li a::after {
    content: '\f104';
    right: inherit !important;
    left: 13px !important;
}

.ar_direction1 .my-profile .spmain .inner {
    flex-wrap: wrap;
    align-content: flex-start;
    display: flex;
}

.ar_direction1 .my-profile .inner label {
    float: right;
}

.ar_direction1 .my-profile .inner .field {
    float: right;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .my-profile .inner .field-50 {
    float: right;
}

.ar_direction1 .feedback .inner {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .co-travelers .spmain .inner {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .my-profile .inner .field-30 {
    margin-right: 10px;
    margin-left: inherit !important;
}

.ar_direction1 #change-password {
    float: left;
}

.ar_direction1 .co-travelers .inner .icon {
    margin-left: 0px !important;
    margin-right: 10px;
}

.ar_direction1 .fifty .select2-selection__rendered {
    text-align: right;
}

.ar_direction1 .my-profile .inner .field-50 {
    margin-left: 10px !important;
    margin-right: 0px !important;
}

.ar_direction1 .my-booking .sort .select2-container--default .select2-selection--single .select2-selection__arrow {
    left: inherit;
    right: 20px;
}

.select2-results__option {
    direction: rtl;
}

.ar_direction1 .co-travelers .inner .field-20 {
    float: right;
}

.ar_direction1 .simple_dropdown::after {
    right: inherit;
    left: 7px;
}

.ar_direction1 .my-booking .sort .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left;
}

.ar_direction1 .payment-btn a {
    float: left;
}

.ar_direction1 .profile-dropdown img {
    float: right !important;
}

.ar_direction1 .profile-dropdown span {
    float: right !important;
}

.ar_direction1 .profile-dropdown>label {
    float: right !important;
}

.ar_direction1 .profile-dropdown {
    margin: -3px 8px 0 0px;
    border-right: 1px solid #484848;
}

.ar_direction1 .sorting ul li {
    float: right;
}

.ar_direction1 .room-border {
    border-left: 1px solid #dfdfdf;
    border-right: none;
}

.room-border-bundle {
    border-right: 1px solid #dfdfdf;
}

.ar_direction1 .room-border-bundle {
    border-right: 1px solid #dfdfdf;
}

.htl-info .ar_direction1 .single-room {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    text-align: right;
}

.htl-info .ar_direction1 h4 {
    text-align: right !important;
}

.htl-info .ar_direction1 .htl-option .cancellation-policy {
    float: right;
}

.htl-info .ar_direction1 .price-inner {
    float: right;
}

.htl-info .ar_direction1 .select-room-inner {
    float: left !important;
    margin: 23px 0px 15px 20px !important;
}

.ar_direction1 .facilities ul li span {
    float: right !important;
}

.ar_direction1 .facilities ul li p {
    float: right !important;
}

.ar_direction1 .more_view {
    float: left !important;
}

.ar_direction1 .more_view i {
    margin-top: 5px;
    padding-left: 4px;
    transform: rotate(180deg);
}

#div_my-bookings .ar_direction1 .sort .fifty .search-container .search-field {
    padding-right: 39px;
}

.ar_direction1 #airline_matrix .metrix_txt {
    width: 80%;
}

.ar_direction1 #airline_matrix .metrix {
    display: flex;
    margin-bottom: 0;
}

.ar_direction1 #airline_matrix figure {
    float: right;
    margin-right: 0px;
    margin-left: 5px;
}

.ar_direction1 #airline_matrix .airline-name {
    float: right;
    text-align: right;
    width: 100%;
}

.ar_direction1 #airline_matrix .max-price,
.ar_direction1 #airline_matrix .min-price,
.ar_direction1 #airline_matrix .price {
    float: right;
    text-align: right;
}

.ar_direction1 .departure-icon {
    float: right;
    border-radius: 50px 0px 0px 50px;
}

.ar_direction1 .departure-icon svg {
    float: right;
    transform: rotate(180deg);
    margin-right: 0px;
    margin-left: 7px;
}

.ar_direction1 .flight-price {
    float: left;
    border-radius: 0px 50px 50px 0px;
}

.ar_direction1 .flight-info {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .flight-logo-name img {
    float: right;
}

.ar_direction1 .flight-logo-name p {
    text-align: right;
}

.ar_direction1 .book-flight a {
    float: left;
}

.ar_direction1 .ref,
.ar_direction1 .non-ref {
    float: left;
}

.ar_direction1 .ref svg,
.ar_direction1 .non-ref svg {
    float: right;
    margin: 3px 0px 3px 3px;
}

.ar_direction1 .flight-detail-btm .tab a {
    float: right;
}

.ar_direction1 .flight-detail-btm .nav-tabs3>li {
    float: right;
}

.ar_direction1 .flight-detail-btm .tabcontent .button {
    right: inherit;
    left: 0;
}

.ar_direction1 .flight-detail-btm .nav-tabs3>li:first-child {
    border-right: none;
}

.ar_direction1 .itineray-flight {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .itinery-flight-detail {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .flight-destination ul li svg {
    transform: rotate(180deg)
}

.ar_direction1 .baggage-info ul h4 {
    text-align: right;
}

.ar_direction1 .baggage-info ul li {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .baggage-info ul li p:first-child {
    text-align: right;
}

.ar_direction1 .baggage-info ul li p:last-child {
    text-align: left;
}

.ar_direction1 .fare-info ul li span {
    float: left;
    /* width: 66.66%;
    text-align: left; */
}

.ar_direction1 .fare-info ul li p {
    float: right;
}

.ar_direction1 .fare-info-head ul li .head_title:nth-child(3n) {
    text-align: left;
}

.ar_direction1 .depart-time-grid li {
    float: right;
}

.ar_direction1 .summary-departure svg {
    transform: rotate(180deg)
}

.ar_direction1 .summary-price ul li p {
    float: right;
}

.ar_direction1 .summary-price ul li span {
    float: left;
    text-align: right !important;
}

.ar_direction1 .summary-total p {
    float: right;
}

.ar_direction1 .summary-total span {
    text-align: left;
}

.ar_direction1 .summary-included p {
    text-align: left !important;
}

.ar_direction1 #Fare-Rules .head_title:nth-child(2n) {
    text-align: center;
}

.ar_direction1 #Fare-Rules .head_title:nth-child(3n) {
    text-align: left;
}

.ar_direction1 #Fare-Rules .baggage-info ul li p:nth-child(2n) {
    text-align: center !important;
}

.flight-listing .ar_direction1 ul li {
    padding: 10px 0px 0 15px !important
}

.ar_direction1 .flight-duration {
    border-right: 1px dashed #cccccc;
    border-left: none;
}

.ar_direction1 .table-bordered th {
    text-align: right;
}

.confirmation .baggage-info ul h4 {
    color: #FFF;
}

.ar_direction1 .customer-support ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .customer-support ul li {
    border-left: 1px solid #ddd;
    border-right: none;
}

.confirmation .header .row {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .header .contact-info {
    float: left;
    padding: 8px 0px 0 15px;
}

.ar_direction1 .travellersDropdown .travelerSelectWindow label {
    float: right;
}

.ar_direction1 .trvFld {
    float: right;
    margin-left: 10px;
    margin-right: 0px;
}

.ar_direction1 .travelerSelectWindow .ageRange {
    float: right;
}

.ar_direction1 .add-room {
    float: left;
    margin-right: 0px;
    margin-left: 3px;
}

.ar_direction1 .remove-room {
    float: right;
    margin-right: 3px;
    margin-left: 0px;
}

.ar_direction1 .room-title {
    text-align: right;
}

.ar_direction1 .view {
    float: left;
}

.ar_direction1 .view ul li {
    float: right;
    padding: 6px 10px 6px 0px;
}

#sp_icon,
.mode_change i,
.globe_view i {
    margin-left: 0px !important;
    margin-top: 0px !important;
}

.htl_view {
    text-align: center;
    line-height: 40px;
}

.mode_change {
    text-align: center;
    line-height: 38px;
}

.web_view,
.globe_view {
    text-align: center;
    line-height: 40px;
}

.ar_direction1 .bwc-130x90 .bwc-data-degree {
    text-align: left;
}

#el_hotelDetail {
    padding-bottom: 33px;
    width: 100%;
    float: left;
    background-color: #F6F7F8;
}

.ar_direction1 .modal-default-button {
    float: left;
}

.ar_direction1 .confirmation .hotel-dtl .detail-title p {
    float: right;
}

.ar_direction1 .confirmation .hotel-dtl .detail-title .con-no {
    float: left;
}

.ar_direction1 .confirmation .inner {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .confirmation .hotel-dtl .inner .txt {
    float: right;
}

.ar_direction1 .confirmation .hotel-dtl .inner .txt i {
    float: right;
    padding: 1px 0px 0 6px;
}

.ar_direction1 .confirmation .bkn-info .table {
    direction: rtl;
}

.ar_direction1 .confirmation .baggage-info ul li p:first-child {
    width: 50%;
}

.ar_direction1 .confirmation .fare-info ul li span {
    width: 50%;
    text-align: left;
}

.ar_direction1 .confirmation .hotel-dtl .confirmation_cancel div {
    width: 100%;
}

.ar_direction1 .confirmation .customer-support ul li .inr .head {
    text-align: right;
}

.ar_direction1 .confirmation .customer-support ul li .inr .text {
    text-align: right;
}

.ar_direction1 .sec1 {
    float: left !important;
}

.ar_direction1 .sec2 {
    float: right !important;
}

.direction_btn {
    float: right;
}

.ar_direction1 .direction_btn {
    float: left;
}

.ar_direction1 .add-btn {
    right: inherit !important;
    left: 0px !important;
}

.ar_direction1 .inner .save {
    float: left;
}

.bt_change {
    float: right;
}

.ar_direction1 .bt_change {
    float: left;
}

.ar_direction1 .bt_change .save {
    margin-left: 0px;
    margin-right: 10px;
}

.ar_direction1 .co-travelers .inner .field-50 {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 #ageSlider .noUi-origin {
    left: 100% !important;
    right: inherit;
}

#hotelListDiv .ar_direction1 #rangeSlider .noUi-origin {
    left: 100% !important;
    right: inherit;
}

.ar_direction1 .close {
    float: left;
}

.ar_direction1 .list_amenities ul li {
    padding-right: 0px !important;
    padding-left: 18px !important;
}

.ar_direction1 .list_amenities ul li i {
    margin-right: 0px;
    margin-left: 5px;
}

.ar_direction1 .country-list .country {
    text-align: right !important;
}

.ar_direction1 .itinery-btns .price-itinery {
    float: right;
}

.ar_direction1 .itinery-btns .book-flight {
    float: left;
}

.ar_direction1 .ar_align1 {
    float: right;
}

.ar_direction1 .ar_align2 {
    float: left;
}

.ar_direction1 .flight-destination ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.ar_direction1 .travelerSelectWindow .closeBtn {
    float: left;
}

.ar_direction1 .ar_baggage ul li {
    display: inline-block;
}

.flx_package {
    /* display: flex !important;
    flex-wrap: wrap;
    align-content: flex-start; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.list_head_result .ar_direction1 h1 span.arrow {
    transform: rotate(180deg);
}

.ar_direction1 .f-sec-details {
    float: right;
}

.ar_direction1 #flightfareDiv .summary-place h4 span {
    float: right;
}

.ar_direction1 #flightfareDiv .summary-place h4 span:nth-child(2n) {
    padding: 0 5px;
}

.ar_direction1 #flightfareDiv .summary-place h4 {
    float: left;
    width: 100%;
}

.print_btn {
    width: auto;
    padding-bottom: 6px;
    justify-content: flex-end;
    display: flex;
}

.print_btn button {
    border: none;
    background: var(--primary-color);
    color: #FFF;
    padding: 5px 10px;
    margin-left: 3px;
    font-size: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.print_btn button:hover {
    background: var(--secondary-color)
}

.print_btn button i {
    padding: 0 6px;
}

.calendar_flx .ui-datepicker-next:after {
    margin: -45px 5px 0px 4px !important;
}

.calendar_flx .ui-datepicker-prev::after {
    margin: -45px 3px 0px 6px;
}

.booking_farerule h5 {
    background: var(--primary-color);
    color: #FFF;
    padding: 11px;
}

.redEye {
    position: absolute;
    right: 0;
    top: 7px;
    width: 61px;
}

.redEye svg {
    width: 21px;
    height: 21px;
}

.redEye a {
    width: 100%;
    float: left;
    text-align: center;
}

.seatAvailable {
    font-size: 11px;
    width: 100%;
    float: left;
    font-weight: 400;
    color: #F4675F;
    text-align: center;
}

.seatAvailable p {
    font-size: 11px;
    width: 100%;
    font-weight: 400;
    color: #efb340;
    text-align: center;
    opacity: 1;
    line-height: 0;
}

.seatAvailable svg {
    height: 14px;
    fill: var(--primary-color);
    margin-bottom: 4px;
}

.onlySec {
    position: absolute;
    right: 0px;
    top: 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #006ed1;
    font-family: 'Roboto', sans-serif;
    display: none;
}

.form__checkbox:hover .onlySec {
    display: block;
}

.resetallSec {
    font-size: 12px;
    position: absolute;
    right: 38px;
    top: 12px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}

.ar_direction1 .onlySec {
    right: inherit;
    left: 0;
}

.ar_direction1 .resetallSec {
    right: inherit;
    left: 38px;
    top: 14px;
}

.trips-sec h3 {
    color: #3b3b3b;
    font-size: 17px;
    padding-bottom: 11px;
    font-family: 'Roboto', sans-serif;
}

#div_customerProfile .ar_direction1 .trips-sec .row {
    flex-wrap: wrap;
    align-content: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#div_my-bookings .ar_direction1 .tab_container {
    width: 100%;
    float: left;
}

#div_my-bookings .ar_direction1 .my-booking .tabs {
    float: right !important;
}

#div_my-bookings .ar_direction1 .my-booking .tabs li {
    float: right;
}

#div_my-bookings .ar_direction1 .my-booking .sort {
    float: left !important;
}

.flx_sec {
    flex-wrap: wrap;
    align-content: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.conditionagree {
    padding-bottom: 28px;
}

.conditionagree .form__checkbox label {
    font-size: 14px !important;
}

.conditionagree .form__checkbox label a {
    color: var(--secondary-color);
}

.cmnHead {
    font-weight: 600;
    font-size: 15px;
}

.cmn_conditionTxt h4 {
    font-weight: 600;
    font-size: 15px;
    text-transform: capitalize;
    color: var(--primary-color);
    margin-bottom: 5px;
    padding-top: 5px;
}

.cmn_conditionTxt p {
    font-weight: 400;
    font-size: 13px;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.filterview{
    display: none;
    float: right;
    background: var(--primary-color);
    color: #FFF;
    padding: 2px 12px;
    font-size: 13px;
    margin-bottom: 9px;
    text-transform: uppercase;
    font-weight: 500;
    height: 28px;
    line-height: 26px;
    cursor: pointer;
}
.sorting_sec{
    display: none;
    float: left;
    background: var(--primary-color);
    color: #FFF;
    padding: 2px 12px;
    font-size: 13px;
    margin-bottom: 9px;
    text-transform: uppercase;
    font-weight: 500;
    height: 28px;
    line-height: 26px;
    cursor: pointer;
}


#airline_matrix .item {
    background: #fff;
    border: 1px solid #ddd;
    float: left;
    min-height: 61px;
    position: relative;
    text-align: center;
    min-width: 97%;
    margin: 0 5px;
    transition: all .5s ease;
    padding: 4px;
    border-radius: 3px;
}

#airline_metrix .item:hover {
    border: 1px solid var(--primary-color);
}

#airline_metrix figure {
    height: 50px;
    text-align: center;
    display: block;
    width: 20%;
    float: left;
    transition: all .5s ease;
    position: relative;
}

.metrix_txt {
    width: 80%;
    float: left;
    padding-left: 10px;
}

#airline_metrix .owl-item img {
    background: rgba(0, 0, 0, 0);
    height: auto;
    margin: auto;
    max-height: 100%;
    max-width: 94%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

#airline_metrix .airline-name {
    color: #1f1f1f;
    display: inline-block;
    min-height: auto;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    float: left;
    transition: all .5s ease;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 3px;
}

#airline_metrix .price {
    color: #203152;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 500;
    transition: all .5s ease;
    width: 100%;
    text-align: left;
}
#airline_metrix .maxprice {
    color: #203152;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: 500;
    transition: all .5s ease;
    width: 100%;
    text-align: left;
}
.max-price,
.min-price {
    font-size: 10px !important;
    float: left;
    margin-top: 2px;
    padding-right: 3px;
}

.max-price {
    color: #d01b1b;
}

.min-price {
    color: #1fa509;
}
.tbaalia{
    margin-top: 72px;
}
.tbaalia .footer-contact{
    top: -212px;
}

/* Whatsapp */
.fixed-bottom {
    position: fixed ;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.whatsappIconPosition{
    bottom:12px;
    width: 65px;
}
.whatsappIconSize{
    width: 3em;
}
.card-padding{
    padding-bottom:8px;
}

@media only screen and (max-width: 728px) and (min-width: 200px) {
    .airline_metrix figure {
        width: 100%;
        height: 40px;
    }
    .metrix_txt {
        width: 100%;
        padding-left: 0px;
    }
    .airline-name {
        padding: 0px 10px !important;
    }
    .airline_metrix .airline-name,
    .airline_metrix .price {
        width: 100%;
        text-align: center;
    }
    .max-price,
    .min-price {
        float: initial;
    }
    .customNavigation .btn-left,
    .customNavigation .btn-right {
        top: 30px;
    }
}


@media (min-width:768px) and (max-width:990px) {
    .nav>li{
        padding: 0 5px;
    }
    .navbar-default .navbar-nav>li>a{
        font-size: 10px;
    }
}

@media (min-width:200px) and (max-width:990px) {
.filter{
    display: none;
}
.sorting{
    display: none;
    float: left;
}
.filterview, .sorting_sec{
    display: block;
}
.whatsappIconSize{
    width: 3em;
}
}
@media (min-width:769px) and (max-width:1200px) {
    .redEye {
        right: -57px;
    }
}
@media (min-width:200px) and (max-width:768px) {
.redEye {
    right: -8px;
}
.seatAvailable p{
    padding: 0px;
}
.flight-destination ul li:nth-last-child(2)::before {
    top: 25px !important;
}
.sorting .dropdown{
    width: 100%;
} 
.tbaalia .footer-contact{
    display: none;
} 
.tbaalia{
    margin-top: 0px;
} 
}
@media (min-width:200px) and (max-width:380px) {
    .list-block>ul li, .list-block2>ul li{
        width: 100% !important;
    }
    #offer_section h1{
        font-size: 23px !important;
        line-height: 32px !important;
        padding-bottom: 9px !important;
    }
}


/*two calendar into the result page*/
#ui-datepicker-div .ui-datepicker-group-first {
    width: 49.8%;
    display: inline-block;
}
#ui-datepicker-div .ui-datepicker-group-last {
    width: 50%;
    display: inline-block;
    float: right;
}
.ui-datepicker .ui-datepicker-title select{
    color: #FFF;
}



/* social media aggregate */
.socialMedia-aggegrate{
    width: 100%;
    background: #FFF;
    padding: 0px 0px 10px 0px;
}
.socialMedia-aggegrate h5{
    padding: 10px 0px;
    font-size: 20px;
    font-weight: 400;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 10px;
    color: #000;
    text-transform: none;
}
.socialMedia-aggegrate h5 span{
    color: #3a7fc1;
}
.socialMedia-aggegrate h5 i img{
    width: 20px;
    float: right;
}
.ar_direction1 .owl-item {
    float: right !important;
}
@media (max-width: 410px) {
    .conditionagree {
        padding-bottom: 98px;
    }
}

.my-profile .profile-flex {
    display: flex;
}

.my-profile .profile-flex > div {
    width: 100%;
}

.my-profile .profile-flex label {
    width: 40%;
}

.my-profile .profile-flex .field {
    width: 60%;
}

@media screen and (max-width: 767px) {
    .my-profile .profile-flex {
        display: block;
    }
    .my-profile .profile-flex > div {
        width: 100%;
        display: flex;
    }
    .my-profile .profile-flex label {
        /* width: 50%; */
    }

    .my-profile .profile-flex .field {
        width: 100% !important;
    }

    .my-profile .inner {
        padding: 0 15px !important;
    }

    .width-100 {
        width: 100%;
    }
}


.itinerary_details {
    width: 100%;
    height: auto;
    background: #FFF;
    padding: 10px 0px;
    border-radius: 7px;
    margin-bottom: 10px;
}

.itinerary_head {
    width: 100%;
    height: auto;
    background: #eaeaea;
}

.itinerary_head h2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    color: #464646 !important;
    font-weight: 400 !important;
    padding: 10px;
    line-height: normal;
    margin-bottom: 0px;
}

.itinerary_head h2 i {
    font-size: 24px;
    margin-right: 12px;
    float: left;
    transform: rotate(46deg);
}
.farerule-new {
    height: 100%;
}

.farerule-new h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #4c4c4c;
    font-weight: 400;
}

.farerule-new h6 {
    float: right;
    padding: 14px;
    color: #464646;
    font-size: 14px;
    font-weight: 400;
    border-left: 1px solid #aeaeae;
    text-align: center;
    margin: 0;
}

.farerule-new h3 i {
    font-size: 15px;
    margin-right: 5px;
}

.farerule-new p {
    font-size: 14px;
    line-height: 1.42857;
    color: #0059c0;
    padding: 0 0px;
    display: block;
    font-family: monospace, sans-serif;
}

.farerule-new p b {
    color: #f4712c;
    margin-bottom: 3px;
}

.fare-panel {
  display: none;
  padding: 7px;
  overflow: auto;
  max-height: 200px;
}

.fare-accordion {
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.payment-type-btn input {
    width: auto !important;
    height: auto !important;
    background: #fff;
    padding: 0 10px;
    border: 1px solid #ddd;
    font-size: 18px;
    vertical-align: middle;
}

.payment-type-btn label {
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #555555;
    font-weight: 500;
}

.payment-type-btn input[type="radio"] {
    position: absolute;
    width: 19px;
    height: 18px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    opacity: 0;
    cursor: pointer;
}

.payment-type-btn input[type="radio"]+label:before {
    display: inline-block;
    width: 19px;
    height: 18px;
    margin-right: 4px;
    background: url(/assets/images/radio-checkbox2.png) no-repeat;
    content: " ";
    vertical-align: top;
    /*cursor: pointer;*/
    margin-top: 3px;
}

.payment-type-btn input[type="radio"]:checked+label:before {
    background-position: 0 -18px;
}

.payment-type-btn input[type="radio"]+label:before {
    background-position: 0 0;
}

.payment-type-btn del {
    position: relative;
}

.payment-type-btn del::before {
    position: absolute;
    content: "";
    left: 20px;
    top: 17px;
    width: 78px;
    height: 1px;
    background: #000;
}

.note-text {
    color: red;
    font-weight: 700;
}

.fare-content{
    height: 13em;
    overflow-x: auto;
    overflow-y: auto;
}
.fare-content p{
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: justify;
    font-size: 13px;
    padding-right: 10px;
    width: 800px;
    font-weight: 400;
}
.panel-title {
    display: block;
    padding: 4px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
  }
  
  .panel-title::after {
    content: "\f107";
    color: #fff;
    top: 1px;
    right: -5px;
    position: relative;
    font-family: "FontAwesome";
  }
  
  .panel-title[aria-expanded="true"]::after {
      content: "\f106";
  }

  .calendar-results .table td,.calendar-results .table tr,.calendar-results .table th {
    text-align: center;   
    height: 50px;
    vertical-align: middle;
    border: 1px solid rgb(224, 224, 224);
    width: 150px;
    background-color: white;
 }

 
 .calendar-results .table-bordered>thead>tr>td,
 .calendar-results .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
    background: var(--primary-color);
    color: #FFF !important;
    font-weight: 600;
}

.calendar-results .table-bordered>thead>tr>th>p {
   color: #FFF !important;
}

 .calendar-results .table td div {
    cursor: pointer;
 }

 .calendar-results .table-bordered>tbody>tr>th {
    border-bottom-width: 1px;
    background: var(--primary-color);
    color: #FFF;
    font-weight: 600;
}

.calendar-results .t-header p {
    color: #fff;
}
.calendar-results { 
    padding: 0;
    overflow: auto;
    margin-bottom: 30px;
 }
 .calendar-results .highlight .h-p {
    color: var(--primary-color);
    font-size: 12px;
 }
 .calendar-results .highlight:hover {
    color: #fff !important;
    background-color: var(--secondary-color) !important;
 }
 .calendar-results .highlight:hover .h-p {
    color: #fff;
 }
 .calendar-results .highlighted {
    color: #fff !important;
    background-color: var(--primaryLight-color) !important;
 }
 .calendar-results .highlighted .h-p {
    color: #fff !important;
 }
.pricing-calendar {
    text-align: right;
    margin-bottom: 15px;
}

.calendar-results .h-highlighted {
    background-color: var(--primaryLight-color) !important;
 }

.frm_sb_btn_calendar {
    width: 100%;
    color: var(--primary-color);
    background-color: unset;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.pricing-calendar button {
    border: 1.5px solid white;
    background: white;
    box-shadow: rgb(0 0 0 / 10%) 0px 1.5px 8px 0px;
    color: rgb(54, 101, 172);
    border-radius: 16px;
    padding: 4px 10px;
    height: 32px;
}

.calendar-search-container {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.travel-form-info .conditionagree--insurance .form__checkbox label {
    font-size: 14px !important;
}
.airbooking-insurance{ 
    /* max-height: 170px; */
    overflow-y: auto;
    margin-top: 20px;
}

.airbooking-insurance .row_sec:hover {
    background-color: #e5e5e5;
}
.airbooking-insurance .travel-form {
    padding-top: 5px !important;
}
.airbooking-insurance .travel-form label {
    font-weight: 500 !important;
    padding: 0;
    font-size: 14px !important;
    cursor: pointer;
}
.airbooking-insurance .travel-form label span {
    font-weight: 700 !important;
    font-size: 15px !important;

}
.airbooking-insurance span {
    font-weight: 400;
    padding: 5px 0;
    font-size: 13px;
    cursor: pointer;
    color: #777777;
}

.insursns_cost{
    margin-top: 10px;
    padding: 5px;
    background: var(--primary-color);
    font-family: 'Open Sans', sans-serif;
    color: #FFF;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
}

#insuranceplan .modal-title {
    font-size: 18px;
}