.npaddingright {
    padding-right: 0;
}

body {
    padding: 0
}

b, strong {
    font-weight: bold;
}

.dev-display {
    display: block
}

.mob-display {
    display: none
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

input[type=text], input[type=email], input[type=number], input[type=search], input[type=password], input[type=tel], input[type=date], textarea, select, .form-control {
    padding: 10px 15px;
}

.btn-blue {
    padding: 7px 15px;
}

    .btn-blue > a {
        color: white;
    }

        .btn-blue > a:hover {
            color: #005294;
        }
/**Side bar menu CSS Start**/
.sidebar {
    position: fixed;
    top: 0px;
    left: 0;
    height: 100%;
    width: 240px;
    z-index: 30;
    padding: 100px 0 30px;
    transition: all 0.5s ease;
    background: #0e6ddb
}

    .sidebar.side-close {
        width: 50px;
    }

.sidebar {
    top: 20px;
}

    .sidebar .nav-links {
        height: 100%;
        overflow: auto;
    }

    .sidebar.side-close .nav-links {
        overflow: visible;
    }

    .sidebar .nav-links::-webkit-scrollbar {
        display: none;
    }

    .sidebar .nav-links li {
        position: relative;
        list-style: none;
        transition: all 0.4s ease;
    }

        .sidebar .nav-links li:hover {
            background: #32bafc;
        }

        .sidebar .nav-links li .iocn-link {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .sidebar.side-close .nav-links li .iocn-link {
        display: block;
    }

        .sidebar.side-close .nav-links li .iocn-link.active {
            background: #32bafc
        }

    .sidebar .nav-links li i {
        height: 50px;
        min-width: 65px;
        text-align: center;
        line-height: 50px;
        color: #fff;
        font-size: 16px;
        cursor: pointer;
        transition: all 0.5s ease;
    }

.menu-title {
    padding: 0 20px;
    display: block;
    transition: all 0.5s ease;
}

.side-close .menu-title {
    display: none
}

.menu-icon {
    width: 50px;
    height: 45px;
    display: block;
    color: #fff;
    position: relative;
}

    .menu-icon svg {
        font-size: 16px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 50px;
    }

.sidebar .nav-links li.showMenu i.arrow {
    background: url("../images/spriti-icon.png")no-repeat 35px -20px;
}

.sidebar .nav-links li i.arrow {
    background: url("../images/spriti-icon.png")no-repeat 35px 20px;
}

.sidebar .nav-links li a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: normal;
    height: 45px;
}

    .sidebar .nav-links li a .link_name {
        font-size: 16px;
        color: #fff;
        transition: all 0.4s ease;
    }

.sidebar.side-close .nav-links li a .link_name {
    opacity: 0;
    pointer-events: none;
}

    .sidebar.side-close .nav-links li a .link_name.menu-title {
        display: none
    }

.sidebar .nav-links li .sub-menu {
    padding: 6px 6px 14px 65px;
    margin-top: -10px;
    display: none;
    transition: all 0.5s ease;
}

.sidebar .nav-links li.showMenu .sub-menu {
    display: inline-table;
}

.sidebar .nav-links li .sub-menu a {
    height: auto;
    color: #fff;
    font-size: 14px;
    padding: 0;
    white-space: nowrap;
    transition: all 0.5s ease;
}

.sidebar .nav-links li .sub-menu .li-circle {
    position: relative
}

    .sidebar .nav-links li .sub-menu .li-circle:before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 8px;
        position: absolute;
        top: 5px;
        left: -18px;
        display: block;
        background: #fff;
    }

.sidebar .nav-links li .sub-menu a:hover {
    opacity: 1;
}

.sidebar.side-close .nav-links li .sub-menu {
    width: 200px;
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 0;
    border-radius: 0 6px 6px 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
    background: #32bafc;
    overflow: hidden
}

    .sidebar.side-close .nav-links li .sub-menu li {
        padding: 5px 15px;
    }

.sidebar.side-close .nav-links li:hover .sub-menu {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
}

.sidebar .nav-links li .sub-menu .link_name {
    display: none;
}

.sidebar.side-close .nav-links li .sub-menu .li-circle:before {
    display: none;
}

.sidebar.side-close .nav-links li .sub-menu .link_name {
    font-size: 16px;
    padding: 5px 0;
    opacity: 1;
    display: block;
    height: 35px;
}

.sidebar .nav-links li i .sidebar.side-close .nav-links li .sub-menu .link_name:hover {
}

.sidebar .nav-links li .sub-menu.blank {
    opacity: 1;
    pointer-events: auto;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}

.sidebar .nav-links li:hover .sub-menu.blank {
    top: 50%;
    transform: translateY(-50%);
}

.home-section {
    position: relative;
    height: 100vh;
    left: 260px;
    width: calc(100% - 260px);
    transition: all 0.5s ease;
}

.sidebar.side-close ~ .home-section {
    left: 78px;
    width: calc(100% - 78px);
}

.home-section .home-content {
    height: 60px;
    display: flex;
    align-items: center;
}

.home-content .bx-menu, .home-content .text {
    color: #0e6ddb;
    font-size: 25px;
}

.home-content .bx-menu {
    margin: 0;
    cursor: pointer;
    background: url("../images/spriti-icon.png")no-repeat 0 0;
    line-height: 40px;
    padding-bottom: 5px;
}
/**Side bar menu CSS End**/

/**Header CSS**/
header {
    position: fixed;
    z-index: 99;
    /*    display: inline-block;
*/ width: 100%;
    padding: 0;
    background-color: white;
    top: 0;
}

    header .navbar {
        padding: 5px inherit;
        display: block;
        width: 100%;
        background-color: white;
    }

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    border: 1px solid #0E6DDB;
}

.contact-info a {
    color: #fff;
}

.hlogin-btn {
    display: flex;
    left: 375px;
}

    .login-btn a, .hlogin-btn a {
        color: #fff;
        font-size: 11px;
        margin-left: 15px;
        font-weight: 400;
    }

.btn-home {
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
}

.logo-head {
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 42%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.42);
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 42%);
    border: 0px;
    width: 100%;
}

    .logo-head .container {
        position: relative
    }

.logo {
    color: #0E6DDB;
    float: left;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold
}

.header-nav {
    width: auto;
    display: inline-block;
    margin: 0 0 0 15px;
}

    .header-nav li {
        width: auto;
        display: inline-block
    }

        .header-nav li a {
            padding: 10px;
            display: inline-block
        }

            .header-nav li a.active {
                background: #0e6ddb;
                color: #fff !important;
            }


    .header-nav.flight-share-box li {
        font-size: 18px;
        padding: 5px 15px 0 0;
    }

        .header-nav.flight-share-box li:last-child {
            padding: 5px 0 0 0;
        }

    .header-nav.flight-share-box a {
        padding: 0
    }

.search-bg-top {
    z-index: -1;
    top: -65px
}

.search-bg-btm {
    max-width: 600px;
    width: 100%;
    height: 75vh;
    background-position: right bottom
}

/**SideBar Nav CSS Start**/
.menu-display {
    display: block
}

.mob-menu-display {
    display: none
}

.sidebarMenu {
    position: absolute;
    left: -250px;
    width: 250px;
    transform: translateX(-250px);
    transition: transform 250ms ease-in-out;
    background: #32bafc;
    z-index: 99;
    top: 40px;
    height: 100vh;
    display: none;
}

input[type="checkbox"]:checked ~ .sidebarMenu {
    transform: translateX(0);
    left: 0
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #2078de;
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

.sidebarMenuInner {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

    .sidebarMenuInner li {
        list-style: none;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px 15px;
        cursor: pointer;
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

        .sidebarMenuInner li span {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.50);
        }

        .sidebarMenuInner li a {
            color: #fff;
            text-transform: uppercase;
            font-weight: bold;
            cursor: pointer;
            text-decoration: none;
        }

input[type="checkbox"]:checked ~ .sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 15px;
    right: 15px;
    height: 22px;
    width: 22px;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #2078de;
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}

.fliter-cls .filter-icon {
    opacity: 1
}

    .fliter-cls .filter-icon svg {
        color: #2078de
    }

.fliter-cls .spinner {
    top: -20px;
}

.fliter-cls .diagonal.part-2, .fliter-cls .spinner {
    opacity: 0 !important;
    background-color: #fff;
}

.fliter-cls .sidebarIconToggle {
    right: 15px;
    top: 10px;
    position: inherit;
    float: right
}

.fliter-cls input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1, .fliter-cls input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    opacity: 1 !important;
    background-color: #2078de
}

.fliter-cls input[type=checkbox]:checked ~ .sidebarIconToggle > .filter-icon {
    opacity: 0 !important;
}

.fliter-cls .fitside-menu {
    top: -15px;
    background: #fff
}
/**Flight widget CSS**/
.flight-widget {
    display: block;
}

    .flight-widget .nav-pills .nav-link {
        background: #f3f3f3;
        border-radius: 0;
        padding: 5px 10px;
        margin: 0 15px 0 0
    }

        .flight-widget .nav-pills .nav-link.active, .flight-widget .nav-pills .show > .nav-link {
            background: #0e6ddb;
        }

.form-control {
    padding: 7px 10px !important;
    border-radius: 5px !important;
}

.seachresult-bx {
    padding: 10px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
}

    .seachresult-bx .form-check {
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 9
    }

.price-con {
    padding-top: 25px;
    border-left: 1px solid #EAEEF3;
    padding-left: 10px;
    height: 100%;
    position: relative
}

.no-pad {
    padding: 0
}

.no-pad-lft {
    padding-left: 0px;
}

.no-pad-rgt {
    padding-right: 0px;
}

.no-pad-l-5 {
    padding-left: 15px;
    padding-right: 5px
}

.no-pad-r-5 {
    padding-left: 5px;
    padding-right: 15px
}

.no-plr-5 {
    padding: 0 5px;
}

.no-plr-10 {
    padding: 0 10px;
}

.no-plr-5 {
    padding: 0 5px;
}

.price-con .form-check {
    position: absolute;
    right: -5px;
    top: 0;
    margin: 0;
    padding: 0
}

.form-check {
    margin: 0;
    padding: 0;
}

    .form-check input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .form-check label {
        position: relative;
        cursor: pointer;
        margin-bottom: 0;
    }

        .form-check label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #7B7B7B;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
            padding: 7px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 5px;
            border-radius: 3px;
        }

    .form-check input:checked + label:after {
        content: '';
        display: block;
        position: absolute;
        top: 5px;
        left: 6px;
        width: 5px;
        height: 10px;
        border: solid #ffffff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .form-check input:checked + label:before {
        background: #d60d45 !important;
        border-color: #d60d45
    }
/**Right Side Menu CSS**/
.flight-search-topbar {
    padding: 15px 0px;
    margin-bottom: 15px;
    margin-top: 115px;
}

    .flight-search-topbar .btn-blue {
        padding: 5px 20px;
        margin: 6px 0 0 0;
    }

.mod-right-menu {
    position: relative
}

    .mod-right-menu .btn-blue {
        float: right;
        padding: 5px 25px;
    }

    .mod-right-menu .modifysearch-panel {
        padding: 15px;
        position: inherit;
        z-index: 1000;
        top: inherit;
        right: 0;
        width: 100%;
        display: block;
        -webkit-box-shadow: 1px 1px 15px 0px rgb(0 0 0 / 42%);
        -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.42);
        box-shadow: 1px 1px 15px 0px rgb(0 0 0 / 42%);
    }

    .mod-right-menu .right-sidebarMenu-Open {
        height: 100%;
        position: fixed;
        right: 0;
        width: 350px;
        margin-top: 52px;
        transform: translateX(350px);
        transition: transform 350ms ease-in-out;
        z-index: 1;
    }

    .mod-right-menu input[type="checkbox"]:checked ~ .right-sidebarMenu-Open {
        transform: translateX(0);
    }

    .mod-right-menu input[type=checkbox] {
        transition: all 0s;
        box-sizing: border-box;
        display: none;
    }

    .mod-right-menu .sidebarIconToggle {
        transition: all 0s;
        box-sizing: border-box;
        cursor: pointer;
        float: right;
        width: 150px;
        height: 50px;
        position: absolute;
        right: 0;
        opacity: 0
    }

    .mod-right-menu .spinner {
        transition: all 0s;
        box-sizing: border-box;
        position: absolute;
        height: 3px;
        width: 100%;
    }

    .mod-right-menu .horizontal {
        transition: all 0s;
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-top: 3px;
    }

    .mod-right-menu .diagonal.part-1 {
        position: relative;
        transition: all 0s;
        box-sizing: border-box;
        float: left;
    }

    .mod-right-menu .diagonal.part-2 {
        transition: all 0s;
        box-sizing: border-box;
        position: relative;
        float: left;
        margin-top: 3px;
    }

    .mod-right-menu input[type=checkbox]:checked ~ .sidebarIconToggle {
        opacity: 1;
        top: 6px;
        right: 2px;
    }

        .mod-right-menu input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
            transition: all 0s;
            box-sizing: border-box;
            opacity: 0;
        }

        .mod-right-menu input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
            transition: all 0s;
            box-sizing: border-box;
            transform: rotate(135deg);
            margin-top: 8px;
            display: block;
            width: 15px;
            right: -130px;
            background-color: #fff
        }

        .mod-right-menu input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
            transition: all 0s;
            box-sizing: border-box;
            transform: rotate(-135deg);
            margin-top: -9px;
            display: block;
            width: 15px;
            right: -130px;
            background-color: #fff
        }

.right-sidebarMenu-Open .modifysearch-panel .search-title {
    padding: 0 0 15px 0
}

.sr-row {
    border-bottom: 1px solid #EAEEF3;
    font-size: 13px;
    padding-bottom: 5px;
    margin: 5px 0px 8px;
}

.search-info {
    padding: 0
}

.tb-depart-dest {
    font-size: 14px;
}

.flt-rota {
    margin: 0 auto;
    text-align: center;
    display: block
}

    .flt-rota img {
        margin: 0 auto
    }

.filter-con {
    text-align: right
}

    .filter-con span {
        margin: 0 0 0 10px
    }

.modifysearch-panel {
    top: 150px;
}

    .modifysearch-panel .search-title {
        padding: 0 0 15px 0;
        font-size: 16px;
        font-weight: 600;
    }

.mCS_img_loaded {
    width: 25px;
    height: 25px;
    float: left;
    border-radius: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 0;
    display: inline-block
}

    .mCS_img_loaded img {
        width: 100%;
        display: block
    }

.seachresult-bx .sr-row strong {
    font-weight: bold;
    display: block;
    height: 15px;
}

.fl-list-name {
    display: inline-block;
    width: 80%;
    margin-left: 5px;
}

.fl-dep-time {
    display: block;
}

    .fl-dep-time strong {
        display: block;
        width: 100%
    }

.fl-arr-time {
    display: block;
    text-align: right
}

    .fl-arr-time strong {
        display: block;
        width: 100%
    }

.fl-icon-img {
    text-align: center;
    width: 100%;
    display: inline-block
}

    .fl-icon-img .mCS_img_loaded {
        width: auto;
        height: auto;
        margin: 0 auto;
        float: none;
        border: 0;
        display: block
    }

.fl-duration {
    display: block;
}

    .fl-duration strong {
        display: block
    }

.fligt-date-slider {
    margin: 0 auto 30px;
    display: none
}

.fli-date-item {
    width: auto;
    border-radius: 5px;
    padding: 5px;
    margin: 0 5px;
    border: 1px solid #EAEEF3;
    text-align: center;
    display: inline-block;
    overflow: hidden
}

    .fli-date-item .flilist-name {
        display: block;
    }

.flilist-name i {
    width: 75%;
    height: 30px;
    padding: 2px;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto
}

    .flilist-name i img {
        width: auto;
        height: 100%;
        margin: 0 auto;
    }

.flilist-name strong {
    display: inline-block;
    padding: 5px 0 0;
}

.fli-date-item p {
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto 5px;
    color: #d60d45;
}

.fli-date-item .btn-blue {
    padding: 5px;
    font-size: 13px;
    width: 100%
}

.view-det-cls, .modifysearch-panel .rpanel-close, .fli-seat-cls, .mfilter-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    padding: 2px 3px 3px 3px;
    color: #d60d45;
    font-size: 24px;
    z-index: 1
}

.domesel-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    text-align: center;
    padding: 2px 3px 3px 3px;
    color: #d60d45;
    font-size: 24px;
    z-index: 1
}

    .domesel-close:hover {
        color: #333;
    }

.view-det-cls:hover, .modifysearch-panel .rpanel-close:hover, .rpanel-close:hover, .fli-seat-cls:hover {
    color: #333;
}

.fligt-date-slider .slick-arrow {
    width: 25px;
    height: 25px;
    background: #005294;
    z-index: 1;
}

.fligt-date-slider .slick-prev {
    left: -28px
}

.fligt-date-slider .slick-next {
    right: -30px
}

.fligt-date-slider .slick-prev:before {
    content: "\f053";
}

.fligt-date-slider .slick-next:before {
    content: "\f054";
}

.fligt-date-slider .slick-prev:before, .fligt-date-slider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.fli-search-res {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: auto
}

    .fli-search-res li {
        width: auto;
        display: inline-block;
        border-right: 1px solid #fff;
       
    }

        .fli-search-res li a {
            display: inline-block;
            padding: 5px 10px;
            background: #e2e9e7;
            color: #333;
            cursor: pointer;
            width: 100%;
        }

            .fli-search-res li a:hover, .fli-search-res li a.active {
                background: #005294;
                color: #fff
            }
            .filterpodtab li a:hover, .fli-search-res li a.active {
                background: #005294;
                color: #fff
            }

            .fli-search-res li a svg {
                color: #0e6ddb;
                font-size: 16px;
            }

            .fli-search-res li a:hover svg, .fli-search-res li a.active svg {
                color: #fff;
            }

.root-dtls {
    padding: 10px 0;
}

.root-flight {
    padding: 0 0 5px 0;
}

    .root-flight span {
        display: inline-block
    }

.fd-card-head .t-hour {
    text-align: right;
    float: right
}

.root-dtls .dr-row {
    margin: 0 auto
}

.view-flt-details strong {
    display: block
}

.pop-fix-top {
    padding: 20px 20px 0 20px;
}

.f-dtls-card {
    margin: 20px 20px 0 20px;
}

.layover-con {
    margin: 0 auto
}

    .layover-con .layover-bx {
        bottom: -15px;
        max-width: 160px;
        text-align: center;
        padding: 5px 15px;
        background: #cb2026;
        color: #fff
    }

.fare-con .navbar {
    margin: 0 auto !important;
    padding: 0
}

.fare-con .nav-pills > li > a {
    padding: 5px 15px;
    display: block
}

.fare-con .nav-pills > li {
    margin: 0
}

.table td, .table th {
    padding: 5px;
}

.view-last-price {
    display: block
}

    .view-last-price .btn-padt {
        padding: 15px;
    }

.root-flight .d-total-time {
    top: 10px
}

.fli-np-box {
    display: block;
    padding: 5px;
    background: #faedf0;
}

    .fli-np-box ul {
        display: inline-block;
        width: auto;
    }

        .fli-np-box ul li {
            width: auto;
            display: inline-block;
            padding: 0 5px;
            font-size: 13px;
        }

.dom-sec-result {
    display: block;
    background: #e7ecf5;
    padding: 10px 15px;
}

.dom-res-from {
    display: block;
}

    .dom-res-from svg {
        font-size: 25px;
        width: 35px;
        height: 35px;
        display: inline-block;
        color: #9fbce1
    }

    .dom-res-from p {
        margin: 0;
        color: #0E6DDB
    }

.dom-res-box {
    margin: 15px auto 0;
    display: block
}

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

.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .radio input[type="radio"] + .radio-label:before {
        content: '';
        background: #f4f4f4;
        border-radius: 100%;
        border: 2px solid #005294;
        display: inline-block;
        width: 15px;
        height: 15px;
        position: relative;
        top: -2px;
        margin-right: 5px;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
    }

    .radio input[type="radio"]:checked + .radio-label:before {
        background-color: #005294;
        box-shadow: inset 0 0 0 3px #f4f4f4;
    }

    .radio input[type="radio"]:focus + .radio-label:before {
        outline: none;
        border-color: #005294;
    }

    .radio input[type="radio"]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4;
    }

    .radio input[type="radio"] + .radio-label:empty:before {
        margin-right: 0;
    }

.checkbox label, .radio label {
    padding-left: 0;
}

.radio input[type="radio"] + .radio-label:before {
    border: 1px solid #005294;
    width: 15px;
    height: 15px;
    top: -8px;
}

.dom-res-box .seachresult-bx {
    padding: 10px;
    position: relative;
}

.seachresult-bx .radio input[type="radio"] {
    left: 0;
    top: 0
}

    .seachresult-bx .radio input[type="radio"] + .radio-label:before {
        border: 1px solid #005294;
        width: 15px;
        height: 15px;
        top: 15px;
        position: absolute;
        left: 10px;
    }

.seachresult-bx .radio label {
    width: 100%
}

.dom-res-box .fl-list-name {
    width: 100%;
    position: relative;
    padding: 0px 0 0 25px;
}

    .dom-res-box .fl-list-name .mCS_img_loaded {
        margin: 0 5px 0 0
    }

.dom-res-box .seachresult-bx {
    font-size: 12px;
}

    .dom-res-box .seachresult-bx .radio {
        border-bottom: 1px solid #EAEEF3
    }

.f-price {
    font-size: 14px;
}

.dom-view-ul {
    width: auto;
    display: inline-block;
    float: right;
}

    .dom-view-ul li {
        width: auto;
        display: inline-block;
    }

        .dom-view-ul li a {
            padding: 5px 5px 0 5px;
            display: block;
            margin: 0;
            font-weight: normal
        }

.dom-flight-box {
    display: block
}

    .dom-flight-box .fl-list-name {
        width: 85%;
    }

    .dom-flight-box .price-con {
        padding-top: 20px;
    }

    .dom-flight-box .fl-list-name strong {
        display: block;
    }

.view-dtls-link {
    padding: 0
}

.dom-list-ul {
    border-top: 1px solid #EAEEF3;
    padding: 5px 10px;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: auto;
    background: #EAEEF3;
    margin: 5px auto 0
}


    .dom-list-ul li {
        float: left;
        font-size: 11px;
        line-height: 16px;
    }

        .dom-list-ul li strong {
            width: 100%;
            display: block;
            font-weight: 600
        }

        .dom-list-ul li.divider-line {
            display: inline-block;
            position: relative;
        }

            .dom-list-ul li.divider-line:before {
                content: "";
                width: 1px;
                height: 100%;
                display: block;
                background: #d9dadb;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0 4px;
            }

.dom-list-ul-new {
    background-color: #f3eeee;
    border: 1px solid #EAEEF3;
}

.flightdetails-panel, .modifysearch-panel, .flightseattoggle {
    top: 110px;
    z-index: 10;    
}
.rootdtls-wrap {
    height: 90vh
}

.popupover {
    position: fixed;
    width: 100%;
    height: 100vh;
}

    .popupover:before {
        content: "";
        background: rgb(0,0,0,0.1);
        width: 100%;
        height: 100vh;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.dom-com-fligt, .show-dep-flight, .show-arr-flight {
    display: none;
}

.show-arr-flight {
    border-top: 1px solid #EAEEF3;
    padding: 5px 0 0 0;
    margin: 5px 0 0 0
}
/*.sr-row{
    margin: 5px 0 0;
}*/
.sr-row:nth-child(2) {
    border: 0;
    padding: 0;
    margin: 0
}

.netprice {
    width: auto;
    padding: 2px 0;
    color: #d60d45;
    display: inline-block;
    font-size: 12px;
    font-weight: bold
}

.flightbook-con .card {
    border: 0
}

.gst-bx {
    padding: 10px;
}

    .gst-bx .second-title {
        margin: 0;
        padding: 0;
        background: none;
    }

.gst-con {
    padding: 15px 0 0;
    display: block
}

.trav-row {
    padding: 15px 7px
}

.show-addmeal {
    display: none
}

.flightbook-con .mb-link {
    margin-left: 7px;
}

.sel-seat-input .form-group {
    margin: 0 !important;
    width: 100%;
}

.sel-seat-input .btn-blue {
    width: 100%;
    padding: 5px 15px;
    text-align: center
}

.fb-rightpanel .nav-tabs .nav-item.show .nav-link, .fb-rightpanel .nav-tabs .nav-link.active {
    background: #0e6ddb;
    color: #fff !important;
}

.fb-rightpanel .tab-content {
    margin: 0 auto 15px
}

.fb-rightpanel .btn-blue {
    width: 100%;
    display: block;
    text-align: center
}
/**Flight Booking seat chart CSS start**/
.flightseattoggle {
    position: fixed;
    top: 110px;
    right: 0px;
    width: 35%;
    height: 100%;
    -webkit-box-shadow: 1px 1px 15px 0px rgb(0 0 0 / 42%);
    -moz-box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.42);
    box-shadow: 1px 1px 15px 0px rgb(0 0 0 / 42%);
    background-color: #fff;
    display: none;
}

.seatbooking {
    display: inline-block;
    margin: 0px auto;
    padding: 20px;
    background: #fff;
    max-width: 415px;
    width: 100%;
    webkit-box-shadow: 10px 12px 66px -51px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 12px 66px -51px rgba(0,0,0,0.75);
    box-shadow: 10px 12px 66px -51px rgba(0,0,0,0.75);
}

    .seatbooking ul {
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .seatbooking li.rownum {
        line-height: 36px;
        font-size: 16px;
        font-weight: bold;
        width: 30px;
        text-align: center;
    }

        .seatbooking li.rownum.first-row {
            text-indent: -9999px;
        }

    .seatbooking .seats {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .seatbooking .seat {
        display: flex;
        flex: 0 0 10.28571428571429%;
        padding: 5px;
        position: relative;
        border: 0;
        margin: 0 auto;
        height: 50px;
    }

        .seatbooking .seat:nth-child(4) {
            margin-right: 14.28571428571429%;
        }

        .seatbooking .seat:nth-child(4) {
            margin-right: 14.28571428571429%;
        }

        .seatbooking .seat input[type=radio] {
            position: absolute;
            opacity: 0;
        }

            .seatbooking .seat input[type=radio]:checked + label {
                background: url("../images/seat-green.png")no-repeat top center;
                -webkit-animation-name: rubberBand;
                animation-name: rubberBand;
                animation-duration: 300ms;
                animation-fill-mode: both;
                color: #000 !important;
            }

            .seatbooking .seat input[type=radio]:disabled + label {
                text-indent: -9999px;
                overflow: hidden;
                background: url("../images/seat-lightgrey.png")no-repeat top center;
                height: 50px;
            }

                .seatbooking .seat input[type=radio]:disabled + label:after {
                    content: "\1F6AB";
                    text-indent: 0;
                    color: #e83e45;
                    font-family: 'Font Awesome 5 Free';
                    position: absolute;
                    top: 6px;
                    left: 50%;
                    transform: translate(-50%, 0%);
                }

                .seatbooking .seat input[type=radio]:disabled + label:hover {
                    box-shadow: none;
                    cursor: not-allowed;
                }

        .seatbooking .seat label {
            display: block;
            position: relative;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
            height: 30px;
            width: 30px;
            padding: 4px 0;
            border-radius: 5px;
            animation-duration: 300ms;
            animation-fill-mode: both;
            background: url("../images/seat-grey.png")no-repeat top center;
        }

        .seatbooking .seat.first-row label {
            background: url("../images/seat-purple.png")no-repeat top center;
            text-indent: -9999px;
        }

        .seatbooking .seat.booked label {
            background: url("../images/seat-green.png")no-repeat top center;
        }

        .seatbooking .seat.available label {
            background: url("../images/seat-yellow.png")no-repeat top center;
            cursor: pointer;
        }

        .seatbooking .seat label:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 1px;
            left: 50%;
            transform: translate(-50%, 0%);
        }

        .seatbooking .seat label {
            font-weight: bold;
            text-align: center;
            margin: 0 auto;
            font-size: 10px;
            line-height: 55px;
        }

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
/**Flight Booking seat chart CSS start**/
.mt-3 {
    margin-top: 30px;
}

.product-list {
    width: 100%;
    display: block;
    margin: 0 0 15px 0
}

    .product-list li {
        width: auto;
        display: inline-flex;
        margin: 0 10px 0 0
    }

        .product-list li a {
            width: 100px;
            background: #fff;
            border: 1px solid #d60d45;
            padding: 7px 15px 7px 40px;
            position: relative;
            font-size: 16px;
            font-weight: bold;
            color: #d60d45;
        }

            .product-list li a:hover, .product-list li a.active {
                background: #d60d45;
                color: #fff;
            }

            .product-list li a:before {
                content: "";
                width: 25px;
                height: 25px;
                position: absolute;
                left: 10px;
                top: 6px;
                background: url("../images/spriti-icon.png")no-repeat 0 0;
            }

            .product-list li a.flight:before {
                background-position: -77px -36px
            }

            .product-list li a.flight:hover:before, .product-list li a.flight.active:before {
                background-position: -77px -1px
            }

            .product-list li a.holiday:before {
                background-position: -124px -36px
            }

            .product-list li a.holiday:hover:before, .product-list li a.holiday.active:before {
                background-position: -124px -1px
            }

            .product-list li a.hotel:before {
                background-position: -169px -36px
            }

            .product-list li a.hotel:hover:before, .product-list li a.hotel.active:before {
                background-position: -169px -1px
            }

.search-box {
    padding: 20px;
    margin: 150px auto;
}

    .search-box .section-title h2 {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

.banner-section {
    display: inline-block;
    position: relative;
    width: 100%;
    float: left;
    margin: -5px auto 0;
}

.pro-banner-slider {
    width: 100%;
    height: 90vh;
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    overflow: hidden
}

    .pro-banner-slider .item img {
        width: 100%;
        height: auto;
        display: block
    }

    .pro-banner-slider .slick-arrow {
        display: none
    }

.form-group {
    margin: 0 0 10px 0
}

.one-way-box {
    display: block;
}

    .one-way-box .sr-row {
        border: 0
    }

    .one-way-box .price-con {
        padding-top: 30px;
    }

.price-con strong {
    display: block;
    padding: 0;
    line-height: 16px;
}

.price-con p {
    margin: 0
}

.dom-flight-box .price-con .view-dtls-link {
    padding: 0;
    margin: 0
}

.price-con .btn-pad {
    padding: 5px 10px;
}

.dom-com-fligt .price-con .btn-pad {
    font-size: 14px;
}

.dom-com-fligt .price-con strong, .dom-com-fligt .price-con p {
    font-size: 12px;
}

.booking-his-tab {
    width: 100%;
    margin: 30px auto;
}

.e-ticket-box {
    display: block;
    padding: 15px;
    margin: 30px auto
}

    .e-ticket-box .btn-blue {
        float: right;
        margin: 0 0 0 10px;
    }

.net-com-price {
    display: block;
    width: 100%;
    margin: 0 auto 5px;
    text-align: center
}

.netprice-btn-box {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.onemoreopt {
    display: block;
    color: #D60D45;
    font-weight: bold;
    width: 100%;
    text-align: center
}

.dom-flight-box .sr-row {
    font-size: 12px;
}

.dom-flight-box .onemoreopt {
    text-align: left;
    margin: 5px 0 0 0
}

.dom-flight-box .price-con {
    font-size: 12px;
}

    .dom-flight-box .price-con .btn-pad {
        font-size: 12px;
    }

.dom-com-fligt .dom-flight-box .price-con {
    padding-top: 40px;
}
.dom-com-fligt {
    border: 5px solid #f9f9f9;
}
.booking-his-box {
    width: 100%;
}

    .booking-his-box .booking-pnr-box {
        width: 100%;
        display: block;
        margin: 15px auto;
    }

    .booking-his-box .seachresult-bx {
        font-size: 13px;
        overflow: inherit
    }

    .booking-his-box .divider-line {
        margin: 0 5px;
    }

.agency-details {
    width: 100%;
    display: block;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #EAEEF3;
}

.agency-name {
    display: inline-block;
}

.supplier-name {
    display: inline-block;
}

.journey-name {
    display: inline-block;
    float: right;
}

.book-tr-det {
    width: 100%;
    display: block;
    margin: 0
}

    .book-tr-det h3 {
        font-size: 13px;
        font-weight: bold
    }

    .book-tr-det table {
        font-size: 13px;
        margin: 0 0 10px 0
    }

        .book-tr-det table th, .book-tr-det table td {
            padding: 5px;
            line-height: 14px;
        }

        .book-tr-det table th {
            background: #EAEEF3
        }

.booking-pnr-details {
    width: 100%;
    display: block;
    background: #faedf0;
    padding: 5px 10px;
    margin: 0;
    height: auto;
}

    .booking-pnr-details li {
        width: 100%;
        display: block;
        margin: 0 0 1px 0;
        font-weight: bold
    }

        .booking-pnr-details li strong {
            float: right;
            text-align: right;
            font-weight: normal
        }

.book-det-title {
    font-size: 13px;
    font-weight: bold;
}

.book-tr-det .dom-list-ul li {
    font-size: 13px;
    width: 18%
}

    .book-tr-det .dom-list-ul li.divider-line {
        width: 2%;
        height: 30px;
    }

.booking-radio-btn {
    margin: 0 0 10px 0
}

.unlock-btn {
    float: right !important;
}

    .unlock-btn .btn-blue {
        padding: 2px 10px;
        font-size: 13px;
        border-radius: 0 !important;
        float: right
    }

    .unlock-btn .dropdown-menu {
        padding: 0
    }

    .unlock-btn .dropdown-item {
        font-size: 13px;
        padding: 5px 10px
    }

.booking-radio-btn .radio {
    display: inline-block;
    margin: 0 10px 0 0
}

.radio .radio-label {
    font-weight: normal !important
}

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

.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

    .radio input[type="radio"] + .radio-label:before {
        content: '';
        background: #f4f4f4;
        border-radius: 100%;
        border: 2px solid #005294;
        display: inline-block;
        width: 24px;
        height: 24px;
        position: relative;
        top: -2px;
        margin-right: 5px;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        transition: all 250ms ease;
    }

    .radio input[type="radio"]:checked + .radio-label:before {
        background-color: #005294;
        box-shadow: inset 0 0 0 3px #f4f4f4;
    }

    .radio input[type="radio"]:focus + .radio-label:before {
        outline: none;
        border-color: #005294;
    }

    .radio input[type="radio"]:disabled + .radio-label:before {
        box-shadow: inset 0 0 0 4px #f4f4f4;
        border-color: #b4b4b4;
        background: #b4b4b4;
    }

    .radio input[type="radio"] + .radio-label:empty:before {
        margin-right: 0;
    }

.checkbox label, .radio label {
    padding-left: 0;
}

.radio input[type="radio"] + .radio-label:before {
    border: 1px solid #005294;
    width: 15px;
    height: 15px;
    top: 0;
}

.booking-sec-btn .btn-blue {
    padding: 6px 15px;
}

.passenger-sel-list {
    width: 100%;
    display: block;
}

    .passenger-sel-list li {
        width: auto;
        display: inline-block;
        font-size: 13px;
    }

        .passenger-sel-list li.divider {
            margin: 0 2px;
            color: #0e6ddb
        }

.search-info em {
    color: #0e6ddb;
    font-style: normal
}


.bal-cart-check strong {
    color: #0E6DDB
}

.e-ticket-toolbar {
    background: #0a5692;
    padding: 15px;
    display: block;
    margin: 130px auto 0;
}

    .e-ticket-toolbar .btn-blue {
        border: 1px solid #fff;
        margin: 0 5px;
        width: auto;
    }

        .e-ticket-toolbar .btn-blue:hover {
            background: #32bafc;
            color: #fff;
            border: 1px solid #0a5692
        }

#searchloading .modal-header {
    display: block;
    text-align: center
}

.loading-flight {
    text-align: center;
}

    .loading-flight svg {
        font-size: 30px;
        color: #d60d45
    }

    .loading-flight strong {
        display: block;
        width: 100%;
        color: #0e6ddb;
        font-size: 20px;
    }

    .loading-flight .img-fluid {
        max-width: 150px;
    }
/* PRELOADER CSS */
.page-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 1000;
}

    .page-loader .spinner {
        position: relative;
        top: 200px;
        width: 200px;
        height: 200px;
        display: block;
        margin: 0 auto;
        background: none;
        /*border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;*/
    }

        .page-loader .spinner img {
            width: 100%;
            max-width: 300px;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0
        }

.tablabtn {
    text-align: right;
}

.findbox {
    padding: 0px;
}

.profile-con {
    margin-top: 150px;
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 42%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.42);
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 42%);
    padding: 10px;
    max-width: 1180px;
}

.tablecontainer {
    padding: 15px;
    margin-left: 50px;
}

.dropdown-menu, .btn {
    font-size: 10pt;
}

.mfilter-close {
    display: none;
}

.manage-sup-con h2 {
    font-size: x-large;
    text-align: center;
    text-decoration: underline;
    text-underline-position: under;
    text-underline-offset: 0.45em;
    text-decoration-color: #D60D45;
}

.manage-sup-con {
    margin-top: 135px;
    border: 1px solid #f1f1f1;
    box-shadow: 1px 1px 20px #cccccc57;
    padding: 20px;
}

.manage-sup-form {
    padding: 20px;
}

.modal-content {
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 42%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.42);
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 42%);
    border: 0px;
    border-radius: 0px;
}

.modal-header {
    background-color: cornsilk;
}

.pagination-container {
    float: right;
    padding-bottom: 5px;
}

.pro-banner-slider {
    position: absolute !important;
}

.page-item.active .page-link {
    background-color: #005294;
    border-color: #005294;
}

.alerts {
  
    position: absolute!important;   
  
   
}

.watermark-text {
    position: fixed;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 80px; /* Adjust the size to match your needs */
    color: red; /* Adjust color and opacity to your preference */
    z-index: 100;
    opacity:15%;
    pointer-events: none; /* Ensures it doesn’t interfere with other content */
    white-space: nowrap;
    text-align: center;
}
copy {
    max-width: 25px;
    height: auto;
    margin-top: 30px;
    left: -2px;
    position: absolute;
}