/**Poppin fonts**/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/**Roboto fonts**/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
    background: #fff;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px;
    color: #42495B;
}
/**Table**/
.table {
    color: #42495B;
}

    .table td, .table th {
        padding: 5px 5px 5px 10px;
    }
/**Hover css**/
a {
    color: #42495B;
    text-decoration: none;
}

    a:hover {
        transition: 0.5s;
        color: #cd2439;
        text-decoration: none
    }

:focus-visible {
    outline: none !important
}

li {
    list-style: none;
}
/**Heading cs**/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    color: #42495B;
}

h1 {
    font-size: 34px;
    margin: 0 0 30px 0;
    line-height: 45px;
    font-weight: 600;
}

h2 {
    font-size: 30px;
    line-height: 42px;
    font-weight: 600;
}

h3 {
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 15px 0;
    font-weight: normal
}

p {
    margin: 0 0 20px 0;
    font-size: 14px;
    font-weight: normal
}

    p:last-child {
        margin: 0;
    }

.nopadding {
    padding: 0 !important
}

.padding5 {
    padding: 0 5px !important
}

.padding1 {
    padding: 0 10px !important
}
/**Listing css**/
ul {
    width: 100%;
    margin: 0;
    padding: 0;
}
/**Input css**/
.input-group {
    margin: 0 0 30px 0
}

.form-control {
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0
}

    .form-control:focus {
        outline: none;
        border: 1px solid #CC2128 !important;
        width: 100%;
        transition: 0.5s;
        box-shadow: none;
        background: #F3F3F3;
    }

select:focus {
    outline: none;
    border: 1px solid #CC2128 !important;
    transition: 0.5s;
    box-shadow: none;
    background: #F3F3F3;
}

textarea.form-control {
    height: 100px;
}

.error {
    width: 100%;
    color: #F90004;
    font-size: 14px;
    display: none
}

:focus {
    box-shadow: none !important
}
/**Placeholer CSS**/ ::-webkit-input-placeholder { /* Edge */
    color: #4d5154;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #4d5154;
}

::placeholder {
    color: #4d5154;
}
/* input Number arrow hide css  */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
/**Button css**/
.com-btn {
    width: auto;
    padding: 10px 45px;
    min-width: 150px;
    border: 2px solid #CC2128;
    border-radius: 15px;
    color: #CC2128;
    font-weight: normal;
    font-size: 14px;
    transition: 0.5s;
    background: #fff;
    text-align: center;
    display: inline-block
}

    .com-btn:hover {
        background: #CC2128;
        color: #fff;
    }

.re-btn {
    width: auto;
    padding: 10px 45px;
    min-width: 150px;
    border: 1px solid rgb(255, 255, 255, 0);
    border-radius: 15px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    transition: 0.5s;
    background: #CC2128;
    position: relative;
    text-align: center
}

    .re-btn:hover {
        background: #fff;
        color: #CC2128;
        border: 1px solid #CC2128;
    }

section {
    display: block;
    margin: 0 auto;
}
/**Display CSS**/
.desktop-display {
    display: block !important
}

.device-display {
    display: none !important
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #cc2128;
    background-color: #cc2128;
}

.form-group {
    margin: 0 0 10px 0;
}
/**Banner Section CSS**/
.banner-section {
    width: 100%;
    height: auto;
    position: relative;
}

    .banner-section:before {
        content: "";
        width: 45%;
        max-width: 1000px;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        background: url("../images/banner-bg.png")no-repeat top right;
        background-size: 100%;
        z-index: 1
    }
/**NAV CSS**/
header {
    display: block;
    position: relative;
    z-index: 9;
    padding: 10px 0 0
}

nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

nav li {
    display: inline-block;
    text-align: left;
    font-size: 18px;
    position: relative
}

header .logo-box {
    width: auto;
    display: inline-block;
    max-width: 150px;
}

    header .logo-box a {
        width: auto;
        float: left
    }

header.small {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    font-size: 100%;
    background: #fff;
    padding: 5px 0 0;
    box-shadow: 0px 5px 10px #8f0a1140;
    -webkit-box-shadow: 0px 5px 10px #8f0a1140;
    -moz-box-shadow: 0px 5px 10px #8f0a1140;
}

    header.small nav {
        margin: 5px 0 0 0;
        padding: 0;
    }

    header.small .logo-box a {
        max-width: 120px;
        transition: 0.5s
    }

    header.small .logo-box span {
        height: 60px;
    }

    header.small .menu {
        margin: 0;
        transition: 0.5s
    }

    header.small .nav-link:before {
        background: #CC2128
    }

    header.small .profile-nav {
        padding: 15px 0 0 0
    }
/**Menu CSS**/
.banner-section nav {
    position: relative;
    text-align: left;
    margin: 30px 0 0 0;
    float: right
}

.menu {
    position: absolute;
    top: 50px;
    right: 0;
    width: 250px;
    height: auto;
    background: #fff;
    border-radius: 10px;
    padding: 0;
    display: none;
    overflow: hidden;
    box-shadow: 0px 10px 20px #FFBCC04D;
}

    .menu.show {
        display: block;
    }

    .menu ul {
        margin: 0;
    }

        .menu ul li {
            margin: 0 auto;
            list-style: none;
            display: block;
            line-height: 30px;
        }

            .menu ul li a {
                padding: 5px 0;
                color: #CC2128;
                display: block;
                text-align: center;
                text-decoration: none;
                font-size: 14px;
                border-bottom: 1px solid #CC2128;
                -webkit-transition-property: all;
                -webkit-transition-duration: 0.1s;
                -webkit-transition-timing-function: ease-out;
                -moz-transition-property: all;
                -moz-transition-duration: 0.1s;
                -moz-transition-timing-function: ease-out;
                -ms-transition-property: all;
                -ms-transition-duration: 0.1s;
                -ms-transition-timing-function: ease-out;
                -o-transition-property: all;
                -o-transition-duration: 0.1s;
                -o-transition-timing-function: ease-out;
                transition-property: all;
                transition-duration: 0.1s;
                transition-timing-function: ease-out;
            }

                .menu ul li.active, .menu ul li a:hover {
                    background: #CC2128;
                    color: #fff;
                }

                    .menu ul li.active a {
                        color: #fff;
                    }

.menu_icon {
    position: absolute;
    right: 0;
    top: 10px;
    background: url("../images/menu-icon.png")no-repeat 5px 9px;
    width: 35px;
    height: 35px;
    transition: 0.5s;
    border-radius: 5px;
}

header.small .menu_icon {
    position: absolute;
    right: 0;
    top: 10px;
    background: #cc2128 url("../images/menu-icon.png")no-repeat 5px 9px;
}

.menu_icon.open {
    background-position: 5px -20px;
}

header.small .menu_icon.open {
    background-position: 5px -20px;
}

.banner-content {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 30px auto 50px;
}

    .banner-content:before {
        content: "";
        width: 55%;
        height: 680px;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        background: url("../images/banner-illustration.png")no-repeat top center;
    }

    .banner-content .slick-slide img {
        width: 100%;
        max-width: 400px;
    }

    .banner-content h1 {
        font-weight: 300;
        padding: 30px 0 0 0;
        margin: 0
    }

        .banner-content h1 span {
            display: block;
            font-weight: bold
        }

.banner-form {
    width: 100%;
    max-width: 525px;
    height: auto;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #FFBCC04D;
    border-radius: 10px;
    padding: 75px 45px;
    float: right;
    position: relative;
    z-index: 2
}

    .banner-form h2 {
        font-size: 34px;
        font-weight: 800;
    }

    .banner-form span {
        font-size: 20px;
        color: #59586E;
    }

        .banner-form span a {
            color: #CC2128;
            margin: 0 0 0 25px
        }

    .banner-form form {
        margin: 50px auto 0
    }

    .banner-form .form-control {
        width: 100%;
        padding: 20px 60px 20px 25px;
        margin: 0 0 4px 0
    }

    .banner-form .form-group {
        position: relative;
        margin: 0 0 30px 0
    }

        .banner-form .form-group:before {
            content: "";
            width: 25px;
            height: 25px;
            display: block;
            position: absolute;
            top: 20px;
            right: 25px;
            background: url("../images/form-icon.png")no-repeat 0 0
        }

        .banner-form .form-group .eyepassword {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 35px;
            height: 35px;
            display: block;
            background: #f3f3f3 url("../images/eyepassword.png")no-repeat 0 8px;
        }

            .banner-form .form-group .eyepassword.eye-slash {
                background: #f3f3f3 url("../images/eyepassword.png")no-repeat 1px -47px;
            }

    .banner-form .com-btn {
        width: 100%;
        background: #CC2128;
        color: #fff;
        display: block
    }

        .banner-form .com-btn:hover {
            background: #fff;
            color: #CC2128;
        }

.banner-scroll {
    width: 80px;
    height: 100px;
    border-radius: 50px;
    box-shadow: 0px 10px 20px #7E76F929 !important;
    display: inline-block;
    background: #fff url("../images/mouse-icon.png")no-repeat center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.banner-form .for-pw {
    width: 100%;
    text-align: center;
    display: block;
    padding: 15px 0 0 0;
}

.banner-slider {
    margin-bottom: 0 !important
}

    .banner-slider .com-btn {
        display: inline-block;
    }
/**About Us Section CSS**/
.about-section {
    width: 100%;
    padding: 30px 0 50px;
    display: block;
    position: relative;
    margin: 0 auto;
}

    .about-section .about-img {
        content: "";
        width: 35%;
        height: 75%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        overflow: hidden;
        z-index: 2
    }

        .about-section .about-img .img-fluid {
            margin: 150px 0 0 0
        }

    .about-section h2 {
        width: 100%;
        display: block;
        font-weight: 600;
        margin: 0 0 40px;
    }

        .about-section h2 span {
            color: #CC2128;
            font-size: 34px;
            padding: 0;
            font-weight: normal;
            display: block;
        }

.about-topic {
    display: block;
    background: #CC2128;
    padding: 15px;
    border-radius: 15px;
    margin: 0 0 30px 0;
    color: #fff;
    min-height: 210px;
}

    .about-topic strong {
        width: auto;
        font-size: 20px;
        font-weight: 600;
        display: inline-block;
        text-transform: uppercase;
        border-bottom: 2px solid #fff;
        margin: 0 0 15px 0
    }

    .about-topic p {
        margin: 0
    }

.about-slider {
    display: none
}

.transform-box, .expand-box {
    display: none
}

.title {
    display: block;
    margin: 0 0 40px 0;
    font-size: 34px;
    color: #42495B;
    font-weight: normal
}

    .title span {
        font-size: 18px;
        color: #CC2128;
        width: 100%;
        display: block;
        text-transform: uppercase;
        font-weight: 300
    }

.common {
    display: block;
    list-style: none;
    width: 100%
}

    .common li {
        width: 100%;
        display: block;
        padding: 0 0 15px 30px;
        position: relative;
        font-size: 14px;
    }

        .common li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 5px;
            width: 20px;
            height: 20px;
            display: block;
            background: #CC2128 url(../images/li-icon.png)no-repeat 0 0;
            background-size: cover;
            border-radius: 50%;
        }

.tech-icon {
    width: auto;
    height: 100%;
    position: relative;
    z-index: 3;
    float: right
}

    .tech-icon .improve-icon {
        background: url("../images/improve-icon.png")no-repeat 0 0;
        height: 180px !important;
        width: 130px !important;
        display: block;
        transition: 0s;
        margin: 50px 0 0 150px;
        cursor: pointer
    }

        .tech-icon .improve-icon:hover, .tech-icon .improve-icon.slick-current {
            background-position: -170px 0;
        }

    .tech-icon .transform-icon {
        background: url("../images/transform-icon.png")no-repeat 0 0;
        height: 113px !important;
        width: 250px !important;
        display: block;
        transition: 0s;
        margin: 0 0 0 50px;
        cursor: pointer
    }

        .tech-icon .transform-icon:hover, .tech-icon .transform-icon.slick-current {
            background-position: -300px 0;
        }

    .tech-icon .expand-icon {
        background: url("../images/expand-icon.png")no-repeat 0 0;
        height: 185px !important;
        width: 192px !important;
        display: block;
        transition: 0s;
        margin: 30px 0 0 63px;
        cursor: pointer
    }

        .tech-icon .expand-icon:hover, .tech-icon .expand-icon.slick-current {
            background-position: -230px 0;
        }

.we-offer-section {
    width: 100%;
    margin: 30px auto 50px;
    position: relative;
    z-index: 2
}

    .we-offer-section:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url("../images/we-offer-bg.png")no-repeat;
        z-index: -1;
        background-size: auto;
    }

.service-area {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.we-offer-card {
    max-width: 436px;
    width: 100%;
    height: 280px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px #FFBCC033;
    border-radius: 30px;
    display: block;
    padding: 30px 20px 15px;
    position: relative;
    margin: 35px auto;
    transition: 0.5s;
    text-decoration: none
}

    .we-offer-card:hover {
        box-shadow: 0px 10px 20px #ffbcc099;
        text-decoration: none;
        color: #42495B;
        cursor: pointer
    }

    .we-offer-card span {
        height: 115px;
        width: 115px;
        display: block;
        margin: 0 auto;
        background: url("../images/we-offer-icon.png")no-repeat 0 0;
    }

        .we-offer-card span.tour-op-icon {
            background-position: 0 -125px
        }

        .we-offer-card span.travel-manage-icon {
            background-position: 0 -278px
        }

        .we-offer-card span.airline-portal-icon {
            background-position: 0 -421px
        }

        .we-offer-card span.dest-manage-icon {
            background-position: -18px -554px;
        }

        .we-offer-card span.na-tour-icon {
            background-position: -5px -685px;
        }

        .we-offer-card span.travel-management-icon {
            background-position: 0px -829px;
        }

    .we-offer-card h3 {
        font-size: 18px;
        color: #42495B;
        font-weight: bold;
        line-height: 20px;
    }

    .we-offer-card p {
        margin: 0 0 50px;
    }

    .we-offer-card .com-btn {
        font-size: 14px;
        float: right;
        padding: 5px 10px;
        min-width: 110px;
        position: absolute;
        right: 40px;
        bottom: 40px;
        border: 2px solid #CC2128;
        background: #CC2128;
        color: #fff;
    }

    .we-offer-card:hover .com-btn {
        background: #fff;
        color: #CC2128
    }

.what-we-modal .we-offer-card {
    background: none;
    box-shadow: 0 0 0;
    margin: 0 auto;
    padding: 15px;
    max-width: inherit
}

    .what-we-modal .we-offer-card span {
        display: inline-block;
    }

    .what-we-modal .we-offer-card .com-btn {
        width: 45%;
        padding: 15px;
        min-width: 150px;
        border: 2px solid #CC2128;
        background: #CC2128;
        border-radius: 15px;
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        position: inherit;
        right: inherit;
        bottom: inherit;
        float: none;
    }

        .what-we-modal .we-offer-card .com-btn:hover {
            color: #CC2128;
            background: #fff
        }

    .what-we-modal .we-offer-card h3 {
        font-size: 28px;
        font-weight: bold
    }
/**Benefits Section CSS**/
.benefits-section {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 50px;
    position: relative;
    z-index: 2
}

    .benefits-section .benefit-artwork {
        width: 40%;
        height: auto;
        display: block;
        position: absolute;
        top: 100px;
        right: 0;
    }

        .benefits-section .benefit-artwork img {
            width: 55%;
            height: auto;
            float: right;
        }

    .benefits-section:before {
        content: "";
        width: 40%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background-size: cover;
    }

.benefits-card {
    width: 100%;
    display: block;
}

    .benefits-card h3 {
        font-weight: normal;
        font-weight: 500;
        font-size: 22px;
    }

    .benefits-card p {
        margin: 0 0 50px 0;
        width: 65%;
    }

    .benefits-card .common li:before {
        top: 0
    }

    .benefits-card .com-btn {
        margin: 15px 0 0 0;
    }
/**Procedure Section CSS**/
.procedure-section {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 80px 0;
    background: #C7484D0D;
    text-align: center;
}

.procedure-card {
    width: 100%;
    max-width: 445px;
    height: auto;
    padding: 50px;
    display: block;
    margin: 0 auto 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #FFBCC04D;
    border-radius: 26px;
}

    .procedure-card:hover {
        box-shadow: 0px 10px 20px #ffbcc099;
        text-decoration: none;
        color: #42495B;
    }

    .procedure-card span {
        width: 85px;
        height: 100px;
        display: block;
        margin: 0 auto;
        background: url("../images/procedure-icon.png")no-repeat 0 0;
    }

        .procedure-card span.get-connect-icon {
            background-position: 0 -129px
        }

        .procedure-card span.login-icon {
            background-position: 0 -267px
        }

    .procedure-card h3 {
        margin: 45px auto 60px;
    }

    .procedure-card p {
        margin: 0 0 80px 0
    }

    .procedure-card strong {
        color: #CC2128;
        width: 100%;
        font-weight: 600;
    }
/**Help Section Css**/
.help-section {
    width: 100%;
    display: block;
    background: #1A1C23;
    padding: 150px 0;
}

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

    .help-section .help-content {
        width: 100%;
        display: block;
        margin: 50px 0 0;
    }

.help-content .title {
    color: #fff;
    line-height: 50px;
    font-size: 36px;
    margin: 0 0 30px 0
}

    .help-content .title strong {
        display: block;
        width: 100%;
        font-weight: 600
    }

    .help-content .title span {
        font-size: 30px;
        text-transform: inherit;
        margin: 0 0 30px 0
    }

.help-section .help-content .com-btn {
    font-size: 18px;
}

.register-box {
    display: block;
    padding: 50px 0 0;
    background: #F3F3F3
}

    .register-box .title {
        text-align: center;
        font-weight: 300;
        margin: 0 0 30px 0
    }

        .register-box .title strong {
            font-weight: 600
        }

        .register-box .title span {
            text-transform: inherit;
            max-width: 900px;
            line-height: normal;
            margin: 0 auto 20px;
        }

    .register-box .register-form {
        width: 100%;
        max-width: 650px;
        margin: 0 auto;
        position: relative;
        display: inline-block;
    }

        .register-box .register-form .com-btn {
            position: absolute;
            top: 0;
            right: 0;
            background: #CC2128;
            color: #fff;
            float: right;
            padding: 8px 30px;
        }

            .register-box .register-form .com-btn:hover {
                background: #fff;
                color: #CC2128;
            }

.register-form .form-group {
    position: relative;
    width: 100%;
    float: left;
}

.register-form .form-control {
    border-radius: 15px;
    padding: 7px 150px 7px 25px;
    background: #F3F3F3;
    border: 2px solid #CC2128
}

.register-form .form-group .error {
    position: absolute;
    left: 15px;
    bottom: 0;
    text-align: left;
}

.register-box .thanks-subscribe {
    margin: 0 auto 30px
}

footer {
    width: 100%;
    padding: 50px 0 40px;
    background-size: 100%;
    position: relative;
    overflow: hidden;
    background: #CC2128;
}

    footer .logo-box {
        width: auto;
        display: inline-block;
        margin: 0
    }

        footer .logo-box a {
            width: auto;
            max-width: 180px;
            float: left
        }

        footer .logo-box span {
            width: 1px;
            height: 90px;
            background: #fff;
            margin: 0 15px;
            float: left
        }

.social {
    width: 100%;
    display: block;
    margin: 120px 0 30px 0
}

    .social h3 {
        color: #fff;
        font-weight: 600
    }

    .social a {
        width: 30px;
        height: 30px;
        line-height: 26px;
        border: 2px solid #CC2128;
        float: left;
        margin: 0 10px 0 0;
        color: #fff;
        border-radius: 30px;
        text-align: center;
        transition: 0.5s;
    }

        .social a:hover {
            border: 2px solid #fff;
        }

.foot-menu {
    display: inline-block;
    width: 100%;
    margin: 10px 0 30px 0;
}

    .foot-menu h3 {
        font-size: 20px;
        color: #fff;
        margin: 0;
        display: inline-block;
        width: auto;
        float: left
    }

.foot-contact h3 {
    font-size: 20px;
    color: #fff;
    margin: 0 0 20px 0
}

.foot-menu a {
    width: auto;
    color: #fff;
    transition: 0.5s;
    float: left
}

.foot-contact a {
    width: auto;
    color: #fff;
    margin: 0 10px 10px 0;
    transition: 0.5s;
    float: left;
}

.foot-menu a svg {
    margin: 0 5px 0 0
}

.foot-menu b {
    float: left;
    color: #fff;
    margin: 0 10px;
    font-weight: normal
}

.foot-menu strong {
    cursor: default;
    margin: 0 10px 0 0
}

.foot-menu p {
    margin: 40px 0 0 0;
    color: #fff
}

.foot-menu.comp-info {
    margin: -40px 0 0 0
}

.foot-menu.foot-contact {
    display: block
}

.foot-contact a {
    padding: 0 0 0px 30px;
    position: relative;
    width: 100%;
    display: block
}

    .foot-contact a:hover {
        padding: 0 0 0 30px;
    }

    .foot-contact a:before {
        content: "";
        width: 25px;
        height: 25px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/form-icon.png")no-repeat -4px -149px
    }

    .foot-contact a.email-id-icon:before {
        background: url("../images/form-icon.png")no-repeat -3px -189px
    }

    .foot-contact a.email-air-id-icon:before {
        background: url("../images/Air.png")no-repeat;
        background-size: 85%;
    }

    .foot-contact a.email-non-id-icon:before {
        background: url("../images/Hotel.png")no-repeat;
        background-size: 85%;
    }

    .foot-contact a.map-icon:before {
        background: url("../images/form-icon.png")no-repeat -6px -224px
    }

.copy-footer {
    color: #42495B;
    display: block;
    padding: 5px 15px;
    text-align: center
}

    .copy-footer p {
        font-size: 13px;
        /*margin: 0 auto;*/
        padding: 0
    }

.scrollToTop {
    height: 60px;
    width: 60px;
    position: fixed;
    right: 15px;
    bottom: 30px;
    z-index: 99;
    background: url("../images/scroll-top.png")no-repeat 0 5px
}

    .scrollToTop:hover {
        background-position: 0 -75px
    }
/**Bounce Effect CSS**/
.bounce {
    animation: bounce 4s infinite;
    -webkit-animation: bounce 4s infinite;
    -moz-animation: bounce 4s infinite;
    -o-animation: bounce 4s infinite;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -o-transform: translateY(0);
    }

    40% {
        -o-transform: translateY(-30px);
    }

    60% {
        -o-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}
/**Book Demo Modal CSS**/
.book-demo-modal .modal-content {
    border-radius: 15px;
}

.book-demo-modal .modal-dialog {
    max-width: 620px;
}

.book-demo-modal .modal-header .modal-title, .book-demo-modal .modal-header p {
    width: 100%;
    display: block
}

.book-demo-modal .close {
    position: absolute;
    z-index: 9;
}

    .book-demo-modal .close span {
        position: absolute;
        right: 15px;
        top: 0;
        height: 24px;
        width: 25px;
    }

.book-demo-modal .modal-body {
    padding: 30px;
}

    .book-demo-modal .modal-body form {
        margin: 50px auto 0
    }

    .book-demo-modal .modal-body .form-control {
        background: #F1F1F1 0% 0% no-repeat padding-box;
        border: 1px solid #F1F1F1;
        border-radius: 15px;
        padding: 15px;
        margin: 0
    }

        .book-demo-modal .modal-body .form-control:focus {
            border: 1px solid #CC2128;
        }

    .book-demo-modal .modal-body form .com-btn {
        width: 100%;
        margin: 15px auto 0;
        max-width: 120px;
    }

.thanks-subscribe {
    display: none
}
/**Search page Header css**/
.search-section {
    display: block;
    margin: 0 auto;
    background: url("../images/banner-illustration.png")no-repeat 0 0;
    background-size: 100%;
    padding: 80px;
}

    .search-section .widget-box {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 5px 10px #8F0A1140;
        border-radius: 15px;
        opacity: 1;
    }

.profile-nav {
    width: auto;
    float: right;
    padding: 25px 0 0 0
}

    .profile-nav .navbar-expand-lg {
        padding: 0
    }

    .profile-nav .nav-item {
        display: inline-block;
        font-size: 14px;
        position: relative
    }

    .profile-nav a.booked {
        font-size: 14px;
        font-weight: 500;
        color: #CC2128;
        padding: 5px 10px 0 30px;
        margin: 0 0 0 15px;
        position: relative;
        border-right: 1px solid #D0DCE4;
        display: block;
        white-space: nowrap;
    }

        .profile-nav a.booked:before {
            content: "";
            width: 25px;
            height: 25px;
            display: block;
            position: absolute;
            top: 3px;
            left: 0;
            background: url("../images/profile-nav-icon.png")no-repeat 10px 0;
        }

    .profile-nav .nav-item:after {
        content: "";
        width: 1px;
        position: absolute;
        top: 0;
        right: 0;
        height: 30px;
        background: #D0DCE4;
        display: block;
    }

    .profile-nav a.wallet {
        padding: 0 15px 0 35px;
    }

        .profile-nav a.wallet:before {
            background-position: 0 -40px;
        }

    .profile-nav a.trip {
        margin: 0;
        border: 0;
        padding: 0 0 0 30px;
    }

    .profile-nav a.admin:before {
        background-position: 0 -89px;
    }

    .profile-nav a.deals:before {
        background-position: 5px -120px;
    }

    .profile-nav a.home:before {
        background-position: 4px -156px;
    }

    .profile-nav a.trip:before {
        background-position: 0 -192px;
    }

    .profile-nav .dropdown-menu {
        border-radius: 0 0 10px 10px;
        border: 1px solid #F3F3F3;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 5px 10px #8F0A1140;
        padding: 5px 0;
        font-size: 14px;
    }

    .profile-nav .dropdown-item {
        border-bottom: 1px solid #f3f3f3;
        position: relative;
        padding: 10px 15px 10px 50px;
        color: #b22e35
    }

        .profile-nav .dropdown-item:last-child {
            border-bottom: 1px solid #fff;
        }

        .profile-nav .dropdown-item.active, .profile-nav .dropdown-item:active, .profile-nav .dropdown-item:hover {
            background: #CC2128;
            color: #fff;
            border-bottom: 1px solid #fff;
        }

        .profile-nav .dropdown-item:hover {
            border-bottom: 1px solid #fff;
        }

    .profile-nav .dropdown-menu-left {
        top: 30px;
        right: 0;
        left: auto;
    }

    .profile-nav .dropdown-menu:after {
        border-color: rgba(204, 33, 40, 0.9);
        content: "";
        position: absolute;
        top: -10px;
        width: 10px;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .profile-nav .dropdown-item i {
        width: 30px;
        height: 40px;
        position: absolute;
        top: 10px;
        left: 15px;
        display: inline-block;
        background: url("../images/my-trips-icon.png")no-repeat 0 0;
    }

        .profile-nav .dropdown-item i.mt-pro-icon {
            background-position: -1px 0;
        }

    .profile-nav .dropdown-item:hover i.mt-pro-icon, .profile-nav .dropdown-item.active i.mt-pro-icon {
        background-position: -52px 0px
    }

    .profile-nav .dropdown-item i.my-trips-icon {
        background-position: -1px -43px;
    }

    .profile-nav .dropdown-item:hover i.my-trips-icon, .profile-nav .dropdown-item.active i.my-trips-icon {
        background-position: -52px -43px;
    }

    .profile-nav .dropdown-item i.my-travel-icon {
        background-position: -1px -87px;
    }

    .profile-nav .dropdown-item:hover i.my-travel-icon, .profile-nav .dropdown-item.active i.my-travel-icon {
        background-position: -52px -87px;
    }

    .profile-nav .dropdown-item i.my-refer-icon {
        background-position: -2px -129px;
    }

    .profile-nav .dropdown-item:hover i.my-refer-icon, .profile-nav .dropdown-item.active i.my-refer-icon {
        background-position: -52px -129px;
    }

    .profile-nav .dropdown-item i.my-feedback-icon {
        background-position: -4px -175px;
    }

    .profile-nav .dropdown-item:hover i.my-feedback-icon, .profile-nav .dropdown-item.active i.my-feedback-icon {
        background-position: -55px -175px;
    }

    .profile-nav .dropdown-item i.my-faq-icon {
        background-position: -3px -220px;
    }

    .profile-nav .dropdown-item:hover i.my-faq-icon, .profile-nav .dropdown-item.active i.my-faq-icon {
        background-position: -54px -220px;
    }

    .profile-nav .dropdown-item i.my-logout-icon {
        background-position: -4px -265px;
    }

    .profile-nav .dropdown-item:hover i.my-logout-icon, .profile-nav .dropdown-item.active i.my-logout-icon {
        background-position: -55px -265px;
    }
/**Search-section css**/
.search-section {
    width: 100%;
    display: block;
    margin: 0 auto;
    background: url("../images/banner-illustration.png")no-repeat 0 0;
    background-size: 100%;
    padding: 40px 0;
}

    .search-section .widget-box {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 5px 10px #8F0A1140;
        border-radius: 15px;
        opacity: 1;
        display: block
    }

.widget-search-tabs {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0;
}

    .widget-search-tabs .nav-tabs {
        border: 0;
        margin: 0 0 15px 0
    }

    .widget-search-tabs .nav-link {
        background: #D6C5C521;
        font-size: 15px;
        font-weight: 600;
        line-height: 38px;
        color: #4D5154;
        position: relative;
        border: 0;
        padding: 15px 10px;
    }

        .widget-search-tabs .nav-link:hover {
            color: #CC2128
        }

        .widget-search-tabs .nav-link:after {
            content: "";
            width: 65%;
            height: 3px;
            bottom: 8px;
            left: 30px;
            position: absolute;
            background: rgba(183, 183, 183, 0.2);
            z-index: 0;
            display: none
        }

        .widget-search-tabs .nav-link.active:after {
            display: block
        }

        .widget-search-tabs .nav-link.active {
            color: #4D5154;
        }

        .widget-search-tabs .nav-link i {
            width: 38px;
            height: 38px;
            border: 1px solid rgba(183, 183, 183, 0.3);
            border-radius: 38px;
            float: left;
            margin: 0 5px 0 0;
            background: #FFFFFF url("../images/widget-icon.png")no-repeat 0 0;
            position: relative;
            z-index: 1
        }

            .widget-search-tabs .nav-link i.flights-icon {
                background-position: 7px 7px
            }

            .widget-search-tabs .nav-link i.hotels-icon {
                background-position: -46px 7px
            }

            .widget-search-tabs .nav-link i.cryptic-icon {
                background-position: -99px 7px
            }

            .widget-search-tabs .nav-link i.rail-eur-icon {
                background-position: -317px -33px
            }

            .widget-search-tabs .nav-link i.book-history-icon {
                background-position: 9px -32px
            }

            .widget-search-tabs .nav-link i.pnr-icon {
                background-position: -44px -34px
            }

            .widget-search-tabs .nav-link i.pnr-icon {
                background-position: -44px -34px
            }

            .widget-search-tabs .nav-link i.cancellation-icon {
                background-position: -93px -34px
            }

            .widget-search-tabs .nav-link i.reschedule-icon {
                background-position: -149px -33px
            }

            .widget-search-tabs .nav-link i.close-request-icon {
                background-position: -191px -33px
            }

            .widget-search-tabs .nav-link i.cancellation-request-icon {
                background-position: -232px -33px
            }

            .widget-search-tabs .nav-link i.hold-icon {
                background-position: -280px -33px
            }

            .widget-search-tabs .nav-link i.cruise-icon {
                background-position: -356px -33px
            }

.widget-cus-id {
    width: 100%;
    min-width: 110px;
    display: block;
    float: right;
    margin: 0 0 15px 0;
}

.tab-container .trip-content {
    margin: 0 auto 0
}

.widget-cus-id .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0;
    background: url("../images/widget-icon.png")no-repeat -146px 0;
    width: 15px;
    height: 15px;
    top: 20px;
}

.widget-cus-id .select2-container--open .select2-selection__arrow b {
    border: 0;
    background: url("../images/widget-icon.png")no-repeat -146px -16px !important;
    width: 15px;
    height: 15px;
}

.widget-cus-id .select2-container--default .select2-selection--single {
    background: #F3F3F3;
    width: 100%;
    padding: 5px 10px;
    text-align: left;
    height: auto;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #F3F3F3;
    font-size: 14px;
}

.widget-cus-id .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ececec !important;
}

.widget-cus-id .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #F3F3F3 !important;
    color: #4f4f4f !important;
}

.widget-cus-id .select2-container, .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
    font-weight: 500;
    color: #4d5154;
    display: inline;
    word-wrap: normal !important;
    /**white-space: normal;**/
    text-align: left;
    padding: 0
}

    .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
        color: #CC2128
    }

.widget-cus-id .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    position: absolute;
    top: -8px;
    right: 10px;
    width: 20px;
}

.select2-dropdown--below {
    border: 1px solid #F3F3F3;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #8F0A1140;
    border-radius: 0 0 5px 5px;
    padding: 0;
    min-width: 160px !important;
}

.select2-dropdown {
    border: 0;
}

.trip-navigation .select2-container--open .select2-dropdown {
    left: -5px;
    top: 5px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
}

.select2-selection__placeholder {
    color: #4D5154 !important;
    line-height: normal;
}

.select2-results__option {
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    cursor: pointer;
}

    .select2-results__option.select2-results__option--highlighted {
        background: #CC2128 !important;
        color: #fff !important
    }

.tab-container {
    display: inline-block;
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    color: #2C3039;
    margin: 20px auto 0
}

.widget-search-tabs .form-label {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #4d5154;
    font-weight: 600;
    text-transform: uppercase;
}

.trip-navigation {
    font-size: 14px;
    width: auto;
    display: inline-block;
    float: none;
    margin: 0;
    background: #fff;
}

    .trip-navigation .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: 0;
        background: url("../images/widget-icon.png")no-repeat -173px 4px;
        width: 15px;
        height: 15px;
        top: 8px;
    }

    .trip-navigation .select2-container--open .select2-selection__arrow b {
        border: 0;
        background: url("../images/widget-icon.png")no-repeat -173px -11px !important;
        width: 15px;
        height: 15px;
    }

    .trip-navigation .select2-container--default .select2-selection--single {
        background: rgba(255, 255, 255, 0.1);
        padding: 0;
    }

    .trip-navigation .select2-container--default .select2-search--dropdown .select2-search__field {
        display: none !important
    }

.trip-selector, .custid-selector {
    display: block;
    font-size: 14px !important;
}

    .trip-selector .select2-search--dropdown, .custid-selector .select2-search--dropdown {
        display: none !important
    }

    .trip-selector .select2-results__option, .custid-selector .select2-results__option {
        font-size: 14px;
    }

.trip-navigation .select2-container--default .select2-selection--single {
    border: 0
}

.trip-navigation .select2-container--open .select2-dropdown--below {
    font-size: 14px !important;
    width: 100% !important
}

.trip-navigation .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: -2px;
    right: 0;
    width: 10px;
}

.trip-navigation .widget-cus-id .select2-container--default .select2-selection--single {
    background: #F3F3F3;
    width: 100%;
    padding: 5px 15px;
    text-align: left;
    height: auto;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #F3F3F3;
    font-size: 14px;
}

.tab-container .form-group {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0
}

    .tab-container .form-group label {
        font-size: 12px;
        color: #4d5154;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        margin-bottom: 0;
    }

.search-input-box {
    width: 100%;
    height: auto;
    border: 2px dashed #CDCDCD;
    padding: 15px 25px 15px 15px;
    border-radius: 15px;
    float: left;
    position: relative;
}

    .search-input-box label {
        margin: 0;
    }

    .search-input-box:hover, .search-input-box:hover:before {
        border: 2px dashed #CC2128;
    }

.flight-from, .rec-flight {
    width: 48.5%;
    height: 100px;
}

    .flight-from p, .rec-flight p {
        padding: 0;
        margin: 0;
        color: #4d5154
    }

    .flight-from:before {
        content: "";
        width: 18px;
        height: 40px;
        display: inline-block;
        position: absolute;
        top: 25px;
        right: -2px;
        border-radius: 100%;
        background: #fff;
        background-color: #fff;
        border-top-left-radius: 2500px;
        border-bottom-left-radius: 2500px;
        border: 2px dashed #CDCDCD;
        border-right: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.search-input-box.rec-flight {
    float: right;
    padding: 15px 15px 15px 25px;
}

.rec-flight:before {
    content: "";
    width: 18px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 25px;
    left: -2px;
    border-radius: 100%;
    background: #fff;
    background-color: #fff;
    border-bottom-right-radius: 2500px;
    border-top-right-radius: 2500px;
    border: 2px dashed #CDCDCD;
    border-right: 2px dashed #CDCDCD !important;
    border-left: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rec-flight:hover:before {
    border: 2px dashed #CC2128;
    border-right: 2px dashed #CC2128 !important;
}

.flight-swipe {
    width: 25px;
    height: 30px;
    text-align: center;
    float: left;
    position: absolute;
    left: 0;
    right: 0;
    top: 34px;
    margin: auto;
    z-index: 1;
}

.rotate-flight {
    transform: rotate(180deg)
}

.calendar-area {
    width: 100%;
    height: 100px;
    border: 2px dashed #CDCDCD;
    padding: 15px 25px 15px 15px;
    border-radius: 15px;
    float: left;
    position: relative;
}

    .calendar-area:hover {
        border: 2px dashed #CC2128;
    }

.calendar-box {
    width: 100%;
    max-width: 190px;
    float: left;
    position: relative;
}

    .calendar-box span {
        display: block
    }

.calendar, .re-date-offer {
    width: 100%;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #4d5154;
    background: #fff url(../images/calendar-icon.png)no-repeat 170px 4px;
    cursor: pointer;
    display: inline-block
}

.ui-datepicker {
    border-radius: 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #8F0A1140;
    display: none;
    min-width: 295px;
}

.ui-datepicker-header {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    background: #cc2128;
    margin-bottom: 10px;
}

.ui-datepicker-prev, .ui-datepicker-next {
    width: 20px;
    height: 20px;
    text-indent: 9999px;
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    margin-top: 20px;
}

.ui-datepicker-prev {
    float: left;
    margin-left: 12px;
}

    .ui-datepicker-prev:after {
        transform: rotate(45deg);
        margin: -43px 0px 0px 8px;
    }

.ui-datepicker-next {
    float: right;
    margin-right: 12px;
}

    .ui-datepicker-next:after {
        transform: rotate(-135deg);
        margin: -43px 0px 0px 6px;
    }

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

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

.ui-datepicker-title {
    text-align: center;
    font-size: 18px;
}

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

    .ui-datepicker-calendar thead tr th span {
        display: block;
        width: 40px;
        color: #cc2128;
        margin-bottom: 5px;
        font-size: 16px;
        font-weight: 500;
    }

.ui-state-default {
    display: block;
    text-decoration: none;
    color: #333333;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 14px;
}

    .ui-state-default:hover {
        color: #ffffff;
        background: #cc2128;
        border-radius: 50px;
        transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
    }

.ui-state-highlight {
    color: #ffffff;
    background-color: #cc2128;
    border-radius: 50px;
}

.ui-state-active {
    color: #ffffff;
    background-color: #cc2128;
    border-radius: 50px;
}

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

.calendar-box .arrow {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 1px solid #7B7B7B;
    display: inline-block;
    font-size: 13px;
    color: #7B7B7B;
    text-align: center;
    line-height: 20px;
}

    .calendar-box .arrow:hover, .calendar-box .arrow.active {
        background: #7B7B7B;
        color: #fff;
    }

    .calendar-box .arrow.dep-prev-day, .calendar-box .arrow.re-prev-day {
        margin: 0 5px
    }

.pre-airline {
    float: none;
    margin: 10px 0 0 0;
}

    .pre-airline .form-control {
        margin: 0;
    }

.stop-check {
    margin: 20px 0 0 0;
    width: auto;
    float: left
}

.form-check {
    width: auto;
    display: inline-block;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    padding: 0 20px 0 0
}

    .form-check:last-child {
        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: #CC2128 !important;
        border-color: #CC2128
    }

.recent-search {
    width: auto;
    float: right;
    margin: 10px 0 0 0;
}

    .recent-search .trip-navigation {
        width: 230px;
        background: #F3F3F3;
        padding: 5px 10px;
        text-align: left;
        height: auto;
        border-radius: 5px;
        border: 1px solid #F3F3F3;
        font-size: 14px;
        margin: 0 0 0 5px;
        float: right
    }

    .recent-search strong {
        font-weight: 500;
        line-height: 40px;
    }

    .recent-search .select2-results__option {
        padding: 5px 0;
        font-size: 12px;
    }

.search-section .re-btn {
    padding: 10px 60px 10px 25px;
    margin: 0px auto;
    display: inline-block;
    bottom: -20px;
    box-shadow: 0px 13px 20px #970309B3;
}

.tab-container .re-btn:before {
    content: "";
    position: absolute;
    width: 30px;
    height: 6px;
    display: block;
    background: url("../images/widget-icon.png")no-repeat -297px 0;
    right: 20px;
    top: 20px;
}

.tab-container .re-btn:hover:before {
    background: url("../images/widget-icon.png")no-repeat -337px 0;
}

.passenger-nav {
    display: inline-block;
    margin: 0 30px;
    width: 130px;
}

.passdown {
    display: block
}

.passdown__header {
    display: flex;
    flex-direction: row;
    padding: 5px 5px;
    cursor: pointer;
    align-content: center;
}

    .passdown__header:hover {
        color: #CC2128
    }

.passdown__header--icon {
    margin-left: 15px;
}

    .passdown__header--icon .rotate-icon {
        border: 0;
        background: url(../images/widget-icon.png)no-repeat -173px 4px;
        width: 15px;
        height: 15px;
        display: block;
        position: relative;
        top: 4px;
    }

    .passdown__header--icon .rotate-icon-home {
        border: 0;
        background: url(../images/widget-icon.png)no-repeat -173px -11px;
        width: 15px;
        height: 15px;
        display: block;
        position: relative;
        top: 4px;
    }

.passdown-body-down {
    overflow-y: hidden;
    transition: max-height 200ms linear;
    position: absolute;
    z-index: 9;
    border: 1px solid #F3F3F3;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #8F0A1140;
    border-radius: 0 0 10px 10px;
    padding: 0;
    text-align: center
}

.passdown-body-down--hide {
    display: none
}

.passdown-body-down--show {
    max-height: 100vh;
    display: block;
    text-align: center;
    padding: 0
}

.passdown-body-list {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.passdown-body-list-index {
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px dashed #CDCDCD;
}

    .passdown-body-list-index:hover {
        background-color: #CC2128;
        color: #fff;
    }

.passdown__header--title br {
    display: none
}

.left-holder {
    display: inline-block;
    width: 100%;
}

    .left-holder .adult {
        margin: 0;
        font-size: 13px;
        display: inline-block;
        line-height: 20px;
        text-align: left;
        font-weight: 500;
    }

    .left-holder .count button {
        color: #CC2128;
        background-color: #fff;
        border: 0;
        border-radius: 25px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        box-shadow: 0px 3px 5px #8f0a1140;
    }

    .left-holder .count input.quntity-input {
        width: 50px;
        height: 30px;
        margin: 0 5px;
        text-align: center;
        padding: 0;
        border: 0;
        border-radius: 5px;
        box-shadow: 0px 3px 5px #8f0a1140;
    }

.plus:before {
    content: "\f067";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 600;
    color: #CC2128;
}

.minus:before {
    content: "\f068";
    font-family: "Font Awesome\ 5 Free";
    font-weight: 600;
    color: #CC2128;
}

.passdown-body-down .com-btn {
    margin: 15px auto;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #CC2128;
    width: auto;
    min-width: inherit;
}

.travel-class {
    min-width: 150px !important;
}

.widget-cus-id .form-control {
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 15px;
    font-weight: 500;
    color: #4d5154
}
/**AirPort CSS**/
.autocomplete-wrapper {
    position: relative;
}

.search-input-box input {
    width: 100%;
    border: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #4d5154;
    background: none
}

.search-input-box .inp-text {
    font-size: 18px;
    font-weight: 600
}

.search-input-box textarea {
    width: 100%;
    height: 100px;
    border: 0px;
    font-size: 20px;
    font-weight: 600;
    color: #4d5154
}

.autocomplete-results {
    width: 100%;
    position: absolute;
    background: white;
    z-index: 9;
    top: 32px;
    left: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.autocomplete-result {
    padding: 12px 15px;
    border-bottom: solid 1px #eee;
    cursor: pointer;
}

    .autocomplete-result:last-child {
        border-bottom-width: 0;
    }

.autocomplete-location {
    opacity: .8;
    font-size: smaller;
}

.autocomplete-results[data-highlight='0'] > :nth-child(1) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight='1'] > :nth-child(2) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight='2'] > :nth-child(3) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight='3'] > :nth-child(4) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight='4'] > :nth-child(5) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight='5'] > :nth-child(6) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight='6'] > :nth-child(7) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight='7'] > :nth-child(8) {
    color: white;
    background: #26C9FF;
    border-bottom-color: #26C9FF;
    outline: solid 1px #00b6f2;
}

.flight-menu {
    margin: 0 0 10px 0;
}

    .flight-menu .flight-sub-tab {
        background-color: #D6C5C521;
        font-size: 14px;
        font-weight: 600;
        padding: 5px 6px !important;
        line-height: 20px;
        display: inline-block;
        border-radius: 5px !important;
        width: auto;
        position: relative
    }

        .flight-menu .flight-sub-tab.active {
            background: #CC2128;
            color: #fff;
        }

            .flight-menu .flight-sub-tab.active:after {
                content: '';
                display: block;
                position: absolute;
                background: none;
                left: 0;
                right: 0;
                margin: 0 auto;
                top: 100%;
                width: 0;
                height: 0;
                border-top: 7px solid #CC2128;
                border-right: 7px solid transparent;
                border-bottom: 0 solid transparent;
                border-left: 7px solid transparent;
            }

        .flight-menu .flight-sub-tab i {
            font-size: 20px;
            margin-left: 5px;
            color: #7b7b7b
        }

        .flight-menu .flight-sub-tab.active i {
            color: #fff
        }

    .flight-menu .dropdown-item.active, .dropdown-item:active {
        background: #CC2128;
        color: #fff;
    }

    .flight-menu .nav-item .divide {
        margin: 0 5px;
    }

    .flight-menu li {
        width: auto;
        display: inline-block
    }

.retrieve-pnr {
    display: block;
}

    .retrieve-pnr .search-input-box {
        width: 100%;
        padding: 10px 15px;
        height: auto;
    }

        .retrieve-pnr .search-input-box:before {
            display: none;
        }

    .retrieve-pnr .recent-search {
        width: 100%;
        display: inline-block;
        float: left;
    }

    .retrieve-pnr .trip-navigation {
        float: left;
        margin: 0;
        width: 100%;
    }

.retrieve-agent-id {
    margin: 0 auto;
    background: none;
    width: 100% !important;
}

    .retrieve-agent-id .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 10px;
    }

    .retrieve-agent-id .select2-container--default .select2-selection--single {
        background: none;
        border: 0;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .retrieve-agent-id .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 !important;
        font-size: 14px;
        font-weight: 600;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.manage-booking-area .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0;
}

.manage-booking-area .select2-container--default .select2-selection--multiple {
    width: 100%;
    border: 0;
    overflow: auto;
    padding: 0;
    margin: 0;
}

    .manage-booking-area .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 14px;
        background: #cc2128;
        color: #fff;
    }

.manage-booking-area .tab-content {
    padding: 15px
}

.manage-booking-area .calendar-area {
    height: auto
}

.select2-selection--multiple:before {
    content: "";
    position: absolute;
    border: 0;
    background: url(../images/widget-icon.png)no-repeat -146px 0;
    width: 15px;
    height: 15px;
    top: 10px;
    right: 0;
}
/**Hotel Widget CSS**/
.hotel-input-box {
    width: 100%;
    height: 100px;
}

    .hotel-input-box:before {
        display: none
    }

.hotel-booking {
    display: inline-block;
    font-size: 14px;
    margin: 0 30px 0 0;
    width: 100%;
    position: relative;
    background: #F3F3F3;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
}

    .hotel-booking .arrow {
        content: "";
        position: absolute;
        right: 5px;
        top: 12px;
        background: url(../images/widget-icon.png)no-repeat -173px 4px;
        width: 15px;
        height: 15px;
    }

    .hotel-booking .rec-arrow {
        content: "";
        position: absolute;
        right: 5px;
        top: 10px;
        background: url(../images/widget-icon.png)no-repeat -173px -11px;
        width: 15px;
        height: 15px;
    }

    .hotel-booking h2 {
        font-weight: 600;
        color: #fff;
        margin: 0 0 10px
    }

    .hotel-booking .form-control {
        background: none;
        font-weight: 500;
        border-radius: 0;
        border: 0;
        padding: 8px 25px 8px 15px;
        margin: 0;
        position: relative;
        font-size: 14px;
        color: #4d5154
    }

        .hotel-booking .form-control:focus {
            border: 0 !important
        }

    .hotel-booking .add-room {
        position: absolute;
        padding: 10px;
        right: 0;
        left: 0;
        top: 40px;
        margin: 0;
        border: 1px solid #F3F3F3;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 5px 10px #8F0A1140;
        border-radius: 0 0 10px 10px;
        z-index: 22;
        display: none;
    }

    .hotel-booking .select2-container {
        width: 70px !important;
    }

    .hotel-booking .add-room .room-add-holder .select-age {
        clear: both;
        margin: 1px 0;
        overflow: hidden;
    }

    .hotel-booking .select-age .ageselect {
        display: block;
        width: 100%;
        margin: 0;
        float: left;
    }

        .hotel-booking .select-age .ageselect li {
            float: left;
            -webkit-transition: .5s;
            transition: .5s;
            border-radius: 3px;
            color: #888888;
            font-size: 12px;
            margin: 0 2px;
            cursor: pointer;
        }

    .hotel-booking .child-holder {
        display: inline-block;
        width: 100%;
        margin: 15px 0 0;
    }

        .hotel-booking .child-holder select {
            width: 100%;
            height: 30px;
            margin: 0 5px;
            text-align: center;
            padding: 0;
            border: 0;
            box-shadow: 0px 3px 5px #8f0a1140;
        }

        .hotel-booking .child-holder .form-holder {
            width: auto;
            padding-right: 15px;
            margin: 0;
            display: inline-block;
        }

    .hotel-booking .formfiled .input-effect {
        border: 1px solid #a1a1a1;
        width: 100%;
        font-size: 14px;
    }

.add-room .room-add-holder .left-holder {
    margin: 0 0 15px 0
}

.add-room .room-add-holder h3 {
    color: #4D5154;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
    width: auto;
    display: inherit;
}

.hotel-booking .adult {
    width: auto;
    margin: 0 15px 0 0
}

.hotel-booking .left-holder .count {
    float: none
}

.adult span {
    font-weight: normal;
    display: inline-block;
}

.add-room .room-add-holder {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    display: inline-block;
    width: 100%;
    border-bottom: 1px dashed #CDCDCD;
    text-align: left
}

    .add-room .room-add-holder .select-age {
        clear: both;
        margin: 10px 0;
        overflow: hidden;
    }

    .add-room .room-add-holder .age {
        font-weight: 500;
        font-size: 12px;
        margin: 0 0 5px 0
    }

    .add-room .room-add-holder .select-age ul li {
        float: left;
        color: #4D5154;
        font-size: 13px;
        font-weight: 500;
        margin: 0 5px 0 0;
        cursor: pointer;
        background-color: #fff;
        border: 0;
        border-radius: 25px;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        box-shadow: 0px 3px 5px #8f0a1140;
    }

        .add-room .room-add-holder .select-age ul li:last-child {
            margin: 0;
        }

        .add-room .room-add-holder .select-age ul li.active {
            background: #CC2128;
            color: #fff;
        }

        .add-room .room-add-holder .select-age ul li:hover {
            background: #CC2128;
            color: #fff;
        }

.add-room .add-room-btn {
    margin: 0;
    float: left;
}

.room-add-holder .edit-del-box {
    width: 35px;
    display: inline-block;
    float: right
}

.edit-del-box .close-room {
    -webkit-transition: .5s;
    transition: .5s;
    color: #A7A7A7;
    font-size: 12px;
    font-weight: normal;
    float: left;
    cursor: pointer
}

.edit-del-box .remove-btn {
    float: right
}

.close-room:hover:before {
    color: #CC2128;
}

.passenger-holder .select2-container .select2-container--default .select2-container--open {
    width: 100% !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 350px;
}

.remove-btn {
    font-size: 12px;
    font-weight: normal;
    float: right;
    color: #A7A7A7;
}

.hotel-booking .com-btn {
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    min-width: inherit;
    font-weight: 500;
    width: auto;
    border-width: 1px;
}

.cryptic-tab-content .search-input-box {
    height: auto;
}

.cryptic-tabs .nav-link {
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 500;
    color: #4d5154;
    border-radius: 5px 5px 0 0;
    line-height: 24px;
    background: #F3F3F3;
    margin: 0 1px 0 0
}

    .cryptic-tabs .nav-link:after {
        display: none !important
    }

.cryptic-tabs .nav-tabs {
    margin: 0
}

.cryptic-tabs textarea {
    width: 100%;
    background: #D6C5C521;
    border-radius: 10px;
    padding: 10px;
    border: 2px dashed #CDCDCD;
    margin: 0 0 30px 0;
    font-size: 20px;
    font-weight: 600;
    height: 100px;
}

.manage-booking-area {
    margin: 0;
}

    .manage-booking-area h2 {
        font-size: 20px;
        font-weight: 600;
    }

    .manage-booking-area .search-input-box {
        height: 100px;
    }

    .manage-booking-area .select2-container--default .select2-selection--single {
        background: none;
        border: 0;
    }

.select2-container--default .select2-search--inline .select2-search__field {
    width: 95% !important;
}

.manage-booking-area .search-input-box .inp-text, .manage-booking-area .calendar, .re-date-offer {
    font-size: 14px;
    background-position: 158px 0
}

.manage-booking-area .calendar {
    padding: 5px;
    background-color: #fff !important
}

.re-date-offer {
    font-size: 18px;
    font-weight: 600;
}

.manage-booking-area .search-input-box {
    height: 85px;
}

.select2-container .select2-search--inline .select2-search__field {
    padding-left: 0;
    margin-top: 0
}
/**Promotional Banner CSS**/
.promotion-section {
    width: 100%;
    margin: 0 auto 40px;
    background: transparent linear-gradient(118deg, #F07878 0%, #E34E6D 77%, #D51F32 100%) 0% 0% no-repeat padding-box;
}

    .promotion-section .slick-dots {
        display: none !important
    }

.pro-slider-banner {
    width: 100%;
    display: block;
}

    .pro-slider-banner .slick-slide {
        overflow: hidden
    }

    .pro-slider-banner .slick-arrow {
        width: 40px;
        height: 40px;
        border-radius: 40px;
        background: #D9DDDE59 0% 0% no-repeat padding-box;
        z-index: 9
    }

    .pro-slider-banner .slick-prev {
        left: -50px;
    }

    .pro-slider-banner .slick-next {
        right: -50px;
    }
/**Notification Slider CSS**/
.notification-slider {
    width: 100%;
    display: inline-block;
    margin: 0 auto 30px !important;
}

    .notification-slider .slick-slide {
        margin: 0 15px
    }

        .notification-slider .slick-slide .img-box {
            width: 100%;
            min-height: auto;
            display: block;
            border-radius: 15px;
            overflow: hidden;
            margin: 0 auto 30px;
        }

        .notification-slider .slick-slide h3 {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            color: #42495B;
        }

    .notification-slider .slick-dots {
        display: none !important
    }

    .notification-slider .slick-arrow {
        top: -95px;
        width: auto;
        display: inline-block;
    }

        .notification-slider .slick-arrow:before {
            background: #CC2128 url("../images/note-arrow-icon.png")no-repeat 0 0;
            width: 60px;
            height: 55px;
            text-indent: -9999px;
            display: inline-block
        }

    .notification-slider .slick-prev {
        right: 76px;
        left: inherit;
    }

        .notification-slider .slick-prev:before {
            background-position: 23px 17px;
            border-radius: 15px 0 0px 15px;
            top: -65px;
            right: 76px;
            left: inherit;
        }

    .notification-slider .slick-next {
        right: 15px;
    }

        .notification-slider .slick-next:before {
            border-radius: 0 15px 15px 0;
            top: -65px;
            right: 15px;
            background-position: -13px 17px;
        }
/**Modify Section Css**/
/*.modify-section {
    width: 100%;
    margin: 0 auto;
    background: rgba(189, 29, 36, 0.06);
    padding: 15px 0;
    position: relative;
    z-index: 5
}
*/
.modify-section {
    width: 100%;
    margin: 0 auto;
    background: rgba(189, 29, 36, 0.06);
    padding: 7px 0;
    position: relative;
    z-index: 1 !important;
}

.modify-heading {
    font-size: 22px;
    color: #fff;
    padding: 0 0 20px 0;
    display: flex;
    line-height: 19px;
}

.modify-section .form-group {
    display: inline-block;
    width: 100%;
    margin: 0
}

.modify-section .search-input-box {
    width: 45%;
    padding: 0;
    color: #1b293b;
    height: 73px;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #1c1c1c;
    border-radius: 0;
}

.modify-section .autocomplete-result {
    color: #42495B;
}

.modify-section .calendar-area {
    border: 0;
    color: #fff;
    height: auto;
    font-size: 14px;
    border-radius: 0;
    width: 100%;
    display: inline-block;
    border-left: 1px solid #1c1c1c;
    border-right: 1px solid #1c1c1c;
    padding: 0 15px;
    margin: 0 15px 0 0;
    max-width: 550px
}

    .modify-section .calendar-area span {
        display: inline-block;
        width: 100%
    }

.modify-section .calendar, .modify-section .re-date-offer {
    background-color: inherit;
    color: #1c1c1c;
    font-size: 14px;
    background-position: 98% 5px;
}

.modify-section .search-input-box:hover, .modify-section .search-input-box:hover:before {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #CC2128;
}

.modify-section .search-input-box input {
    font-size: 14px;
    color: #1c1c1c;
}

    .modify-section .search-input-box input::-webkit-input-placeholder { /* Edge */
        color: #fff;
    }

    .modify-section .search-input-box input:-ms-input-placeholder { /* Internet Explorer */
        color: #fff;
    }

    .modify-section .search-input-box input::placeholder {
        color: #fff;
    }

.modify-section .flight-swipe {
    top: 30px;
    left: -15px
}

.modify-section .search-input-box::before {
    border-bottom: 2px dashed #fff;
    border: 0
}

.modify-section .search-input-box:before {
    display: none
}

.modify-section .calendar-box {
    margin: 0 15px 0 0;
    padding: 0 0 7px 0;
    max-width: 180px;
    border-bottom: 1px solid #1c1c1c;
    width: 100%
}

    .modify-section .calendar-box:last-child {
        margin: 0;
    }

.modify-section .search-input-box:before {
    background-color: #cc2128;
}

.modify-section .calendar-box .arrow {
    color: #1c1c1c;
    border: 1px solid #1c1c1c;
}

    .modify-section .calendar-box .arrow:hover, .modify-section .calendar-box .arrow.active {
        color: #CC2128;
        background: none;
        border: 1px solid #CC2128;
    }

.modify-section .passenger-nav {
    padding: 0;
    max-width: 150px;
    margin: 0 15px 0 0;
}

.modify-section .passdown__header--title {
    font-weight: 600;
    font-size: 14px;
    width: 90%;
    color: #1c1c1c;
}

.modify-section .passdown__header:hover {
    color: #1c1c1c;
}

.modify-section .passdown__header--icon .rotate-icon {
    border: 0;
}

.modify-section .passdown__header--icon .rotate-icon-home {
}

.modify-section .left-holder .count input.quntity-input {
    color: #42495B;
    font-weight: 400;
}

.modify-section .left-holder .adult {
    color: #42495B;
    font-weight: 400;
    width: 100%;
    display: block;
    text-align: center;
}

.modify-section .passdown-body-list-index:hover, .modify-section .left-holder:hover .count input.quntity-input, .modify-section .left-holder:hover .adult {
    color: #fff;
}

.modify-section .passdown-body-list-index {
    cursor: pointer;
    padding: 10px 5px;
}

.modify-section .left-holder .count {
    display: block;
    float: none;
    width: 100%;
}

.modify-section .passdown-body-down--show {
    width: 100%;
}

.modify-section label {
    font-size: 14px;
    color: #1c1c1c;
    display: block;
    margin: 0
}

.modify-section .trip-navigation {
    background: none;
    height: 73px;
    border-bottom: 1px solid #1c1c1c;
    padding: 0;
    width: 160px;
}

.modify-section .select2-container, .modify-section .select2-container--default .select2-selection--single .select2-selection__rendered {
    background: none;
    color: #1c1c1c;
    padding: 0;
    font-weight: 600;
}

.modify-section .select2-container--default .select2-selection--single {
    background: none;
}

    .modify-section .select2-container--default .select2-selection--single .select2-selection__rendered:hover {
        width: 100% !important;
        display: block;
        padding: 0
    }

    .modify-section .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 0;
    }

.modify-section .trip-navigation .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 10px;
}

.modify-section .select2-container--open .select2-selection__arrow b {
    background: url(../images/widget-icon.png)no-repeat -380px -11px !important;
    top: 8px;
}

.modify-section .mod-edit-btn {
    padding: 10px;
    text-align: center;
    background: #cc2128;
    color: #fff;
    border-radius: 25px;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    margin: 15px 0 0 0;
    display: inline-block
}

    .modify-section .mod-edit-btn i {
        margin: 0 5px 0 0;
    }

.modify-section .passdown__header {
    padding: 5px 0
}
/**Filter Section Css**/
.filter-section {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    position: relative;
    z-index: 3;
    background: rgb(255, 120, 125, 0.1);
    box-shadow: 0px 10px 20px #ffbcc04d;
}

    .filter-section .filter-btn {
        font-size: 14px;
        color: #cc2128;
        margin: 5px 5px 0 5px;
        display: inline-block;
    }

    .filter-section .filter-result {
        width: auto !important;
        display: inline-block;
        margin: 0 0 0 0;
        position: relative;
    }

.filter-result .fliter-click-btn {
    width: auto;
    min-width: 70px;
    padding: 5px;
    border-radius: 15px;
    border: 1px solid #cc2128;
    display: inline-block;
    font-size: 12px;
    color: #cc2128;
    position: relative;
    cursor: pointer;
}

    .filter-result .fliter-click-btn:hover, .filter-result .fliter-click-btn.active {
        color: #fff;
        background: #cc2128;
    }

    .filter-result .fliter-click-btn i {
        font-size: 12px;
        margin: 0
    }

.filter-result .fliter-down-arrow {
    float: right;
    text-align: right;
    display: inline-block;
    width: 5px;
    margin: -4px 0 0 5px;
    font-size: 14px;
}

.fliter-click-box {
    width: 250px;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 30px;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    background: #fff;
    z-index: 99;
    display: none;
}

    .fliter-click-box .filter-close {
        width: 20px;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 14px;
        text-align: center;
        color: #707070;
        cursor: pointer
    }

    .fliter-click-box h3 {
        display: block;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
    }

.fliter-price .irs--round {
    margin: 15px 10px
}

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

.filter-slider-device {
    display: none
}

.price-range-slider {
    padding: 0 15px;
    display: block;
}

.fliter-airline .sel-all-airline {
    width: 100%;
    display: block
}

    .fliter-airline .sel-all-airline .form-control {
        border-radius: 5px;
        font-size: 14px;
        margin: 5px auto
    }

.sel-all-airline .custom-switch {
    margin: 0
}

    .sel-all-airline .custom-switch label {
        padding: 0 0 5px 0;
    }

.sel-grp-airline {
    max-height: 200px;
    overflow: auto;
}

    .sel-grp-airline .form-group {
        margin-bottom: 10px;
    }

        .sel-grp-airline .form-group input {
            padding: 0;
            height: initial;
            width: initial;
            margin-bottom: 0;
            display: none;
            cursor: pointer;
        }

        .sel-grp-airline .form-group label {
            position: relative;
            cursor: pointer;
            margin: 0;
        }

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

        .sel-grp-airline .form-group input:checked + label:after {
            content: '';
            display: block;
            position: absolute;
            top: 4px;
            left: 6px;
            width: 5px;
            height: 12px;
            border: solid #cc2128;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.sel-radio-stop {
    display: block;
    padding: 0 0 15px 0
}

    .sel-radio-stop [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .sel-radio-stop [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .sel-radio-stop [type="radio"]:checked, [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .sel-radio-stop [type="radio"]:checked + label, .sel-radio-stop [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666666;
            margin: 0;
        }

            .sel-radio-stop [type="radio"]:checked + label:before, .sel-radio-stop [type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #cc2128;
                border-radius: 50%;
                background: #fff;
            }

            .sel-radio-stop [type="radio"]:checked + label:after, .sel-radio-stop [type="radio"]:not(:checked) + label:after {
                content: '';
                width: 12px;
                height: 12px;
                background: #cc2128;
                position: absolute;
                top: 3px;
                left: 3px;
                border-radius: 50%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

.fliter-time .tab-content {
    padding: 10px 0;
}

    .fliter-time .tab-content h3 {
        font-size: 14px;
        margin: 0;
        padding: 0
    }

    .fliter-time .tab-content p {
        font-size: 12px;
        padding: 0 0 10px 0
    }

.dep-time-range, .arr-time-range {
    display: block;
    padding: 0;
}

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

    .dep-time .dep-inp-div {
        width: auto;
        display: inline-block;
        font-size: 12px;
    }

    .dep-time .dep-min, .dep-time .dep-max {
        width: auto;
        border: none;
        display: inline-block;
        max-width: 40px;
        text-align: center
    }

.fliter-time .nav-tabs .nav-link.active {
    border-color: #cc2128;
    background: #cc2128;
    color: #fff;
}

    .fliter-time .nav-tabs .nav-link.active:before {
        display: none
    }

.fliter-time .nav-tabs .nav-link:focus, .fliter-time .nav-tabs .nav-link:hover {
    border-color: #cc2128;
}
/**Price range slidercss**/
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    font-size: 12px !important;
}

.irs--round .irs-handle {
    border-width: 2px;
    width: 20px;
    height: 20px;
}

.irs--round .irs-bar, .irs--round .irs-line {
    height: 2px;
}

.fliter-click-box .irs--round .irs-min, .fliter-click-box .irs--round .irs-max {
    top: 10px;
    background: none;
}

.cal-price-section .slick-prev {
    background: url("../images/price-sider-arrow.png") no-repeat 5px 3px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: -50px;
    opacity: 0.5
}

.cal-price-section .slick-next {
    background: url("../images/price-sider-arrow.png") no-repeat -25px 3px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: -50px;
    opacity: 0.6
}

    .cal-price-section .slick-prev:hover, .cal-price-section .slick-next:hover {
        opacity: 1;
    }

    .cal-price-section .slick-next, .cal-price-section .slick-prev:before, .cal-price-section .slick-next, .cal-price-section .slick-next:before {
        display: none;
    }
/**Cal Price Section Css**/
.cal-price-section {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 2;
}

.cal-price-slider {
    max-width: 850px;
    margin: 0 auto;
}

    .cal-price-slider .cal-slider-box:last-child {
        border-right: 1px solid #fff;
    }

    .cal-price-slider .cal-slider-box {
        width: auto;
        margin: 0 auto;
        padding: 10px 0 0;
        border-right: 1px solid #f7f7f9;
    }

        .cal-price-slider .cal-slider-box p {
            font-size: 12px;
            color: #919191;
            text-align: center;
            text-transform: uppercase;
        }

.cal-slider-box p strong {
    font-weight: 600;
    color: #1c1c1c;
    display: block;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 3px solid #fff;
}

.cal-price-slider .cal-slider-box.active {
    border-bottom: 3px solid #cc2128 !important;
}

.mob-filter {
    display: none;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single, .irs--round .irs-bar {
    background-color: #cc2128;
}

    .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
        border-top-color: #cc2128;
    }

.irs--round .irs-handle {
    border: 2px solid #cc2128;
}

.sel-all-airline .custom-control-label::after {
    background: #cc2128;
}

.sel-all-airline .custom-control-label::before {
    border: 1px solid #cc2128;
}
/**Side Bar CSS**/
.sidebar.fixed {
    /* position: fixed;*/
    margin: 50px 0 0 0px;
    max-width: 365px;
}

.sidebar {
    position: absolute;
}

.sideform {
    z-index: 99;
    width: 100%;
}

.sidebar.fixed .search-result-bar {
    margin: 120px 0 0 0;
}

#sidebarstoper {
    display: block;
    width: 100%;
    height: 1px;
}

.search-result-bar {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08);
    max-width: 70px;
    width: auto;
    height: auto;
    padding: 15px 10px;
    text-align: center;
    margin: 15px 0 0 0;
}

    .search-result-bar li {
        width: 100%;
        display: block;
        height: auto;
    }

        .search-result-bar li a {
            color: #cc2128;
            font-size: 12px;
            text-transform: uppercase;
        }

            .search-result-bar li a i {
                width: 100% !important;
                display: block;
                margin: 0 auto;
            }

            .search-result-bar li a.active {
                color: #e83e45;
                font-weight: 600;
            }

            .search-result-bar li a.grey {
                color: #a0a0a0;
            }

        .search-result-bar li.dividing {
            width: 1px;
            height: 30px;
            background: #cc2128;
            text-indent: -9999px;
            margin: 5px auto;
        }

        .search-result-bar li.div-grey {
            background: #cdcdcd;
        }
/**Result-main-section**/
.result-main-section {
    padding: 15px 0 50px;
    display: block;
}

.result-main .result-round-sort {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    display: inline-block;
    margin: 0 auto 15px;
    box-shadow: 0px 10px 20px #ffbcc04d;
}

.result-round-sort h3 {
    font-size: 14px;
    font-weight: 600;
    text-transform: inherit;
    margin: 0
}

.result-round-sort p {
    font-size: 12px;
    margin: 0
}

.result-round-sort .filter-result {
    float: right;
    margin: 5px 0 0 0
}

.result-round-sort .fliter-click-box {
    right: 15px;
    left: inherit;
}

.result-main .result-round-box {
    width: 100%;
    border-radius: 5px;
    font-size: 12px;
    padding: 10px 10px 5px 10px;
    margin: 0 auto 10px;
    border: 1px solid #fff;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px #ffbcc04d;
}

    .result-main .result-round-box:hover {
        border: 1px solid #cc2128
    }

.result-round-box .radio {
    width: auto;
    display: inline-block
}

.result-round-box .radio-label {
    font-size: 14px;
    text-transform: uppercase;
    color: #707070;
    font-weight: normal;
    margin: 0
}

.result-round-box .radio strong {
    font-weight: 600;
}

.result-round-box .radio label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #42495B;
    text-transform: uppercase;
    float: left
}

.result-round-box .radio input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.result-round-box .radio label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #cc2128;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.result-round-box .radio input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid #cc2128;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.result-round-box .res-flg-logo {
    width: 30px;
    height: auto;
    display: inline-block;
    text-align: center;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 10px 0 0;
    border: 1px solid #cdcdcd;
    padding: 2px;
}

.result-round-box .res-route {
    width: 100%;
    display: block;
}

.result-round-box .res-stop {
    width: 100%;
    padding: 20px 0 0 0;
    position: relative;
    text-align: center;
    float: left;
    margin: 0 1px;
    z-index: 0;
    font-size: 12px;
}

    .result-round-box .res-stop svg {
        font-size: 14px;
        margin: 0 5px 0 0;
        d
    }

    .result-round-box .res-stop:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        border-top: 2px dotted #b8b8b8;
    }

    .result-round-box .res-stop:after {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        right: 0;
        margin: auto;
        background: #fff;
        width: 10px;
        height: 10px;
        border-radius: 25px;
        border: 1px solid #0e0e0e;
        display: block;
        z-index: 9;
    }

.result-round-box .res-price-box {
    height: auto;
    position: relative;
    padding: 0 0 5px 10px;
    margin: 0;
    border-left: 1px dashed #CDCDCD;
}

    .result-round-box .res-price-box .re-btn {
        padding: 3px 5px;
        min-width: inherit;
        font-size: 12px;
        font-weight: 600;
        border-radius: 20px;
        float: right
    }

        .result-round-box .res-price-box .re-btn.active {
            border: 1px solid #CC2128;
            border-radius: 15px;
            color: #CC2128;
            transition: 0.5s;
            background: #fff;
            text-align: center;
        }

        .result-round-box .res-price-box .re-btn:before {
            display: none
        }

.result-round-box .res-get-disc p, .result-round-box .res-get-disc p a {
    font-size: 12px;
    margin: 0;
    width: auto;
    display: inline-block;
    color: #cc2128
}

.result-round-box .res-price-text {
    width: auto;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-align: right;
    margin: 5px 5px 0 0;
    display: inline-block;
}

.earningcolor {
    color: #22B14C;
}

.result-round-box .ttlAmount{
    font-size:16px !important;
}
.result-round-box .res-get-disc b {
    display: inline-block;
    font-weight: normal;
    margin: 0 4px
}

.res-get-disc {
    padding: 2px 5px;
    display: inline-block;
    background: #F3F3F3;
    color: #cc2128;
    float: right;
    margin-top: 2px;
}

.flightRoundWrap {
    position: sticky;
    box-shadow: none;
    border: none;
    padding: 0;
    left: 0;
    right: 0;
    margin: 50px auto 0;
    bottom: 0;
    width: 99%;
    z-index: 9;
    transition: 0.5s
}
/* .fligt-show-details {
   position: relative;
 }*/
/*#flightdetailsticky {
  position: fixed;
  width: 100%;
  padding: 0;
  bottom: 0;
  margin: 0 auto;
  z-index: 8;
  left: 0;
  right: 0;
}
#flightdetailsticky.fixed {
  position: absolute;
  margin: 0 auto;
  left: 0;
  padding: 0;
}*/
.result-round-details {
    background: #1f2b37;
    border-radius: 5px;
    margin: 0 auto 10px;
    padding: 0 15px;
    display: none;
}

    .result-round-details .return-airline .flight-indicator {
        color: #fff
    }

    .result-round-details .result-round-box .radio label {
        color: #FFF;
        font-size: 12px;
    }

        .result-round-details .result-round-box .radio label:before {
            display: none
        }

    .result-round-details.result-round-map {
        margin: 0 auto !important;
        max-width: 1140px;
        float: none;
    }

.result-show-box .radio-label {
    color: #fff !important;
}

.result-round-details .flight-details-slider {
    border: none;
}

.result-round-details .result-round-box .res-price-box {
    padding: 10px 0;
    margin: 0 10px 0 0;
    height: auto;
}

.result-round-details .res-pricing .com-btn {
    /*width: auto;
    padding: 5px 20px;
    font-weight: 600;
    display: inline-block;
    border: 0;
    font-size: 14px;*/
    width: auto;
    padding: 5px 20px;
    font-weight: 600;
    display: inline-block;
    border: 0;
    font-size: 14px;
}

.result-round-details .result-round-box .res-price-text strong {
    font-size: 14px;
}

.result-round-details .result-round-box .res-price-text .nor-fare, .result-round-details .res-pricing .res-price-text .nor-fare {
    border: 1px solid #fff;
    margin: 0 5px 0 0;
    line-height: 14px;
}

.result-round-details .result-round-box .res-price-box p.hold, .result-round-details .res-pricing .res-price-box p.hold {
    color: #fff;
}

.result-round-details .res-pricing .res-price-box p {
    margin: 0
}

.result-round-details .res-pricing .res-price-box {
    height: auto;
    padding: 10px 5px;
}

.flight-details-slider {
    width: 100%;
    background-color: #fff;
    max-height: 0px;
    padding: 0;
    margin: 0;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    transition-property: all;
    transition-duration: .10s;
    transition-timing-function: ease;
}

    .flight-details-slider.closed {
        width: 100%;
        max-height: 100%;
        border-top: 1px solid #e1e1e1;
    }

    .flight-details-slider p {
        font-size: 12px;
        line-height: normal
    }

    .flight-details-slider .flight-stop-details {
        display: block;
        margin: 5px 0 0;
        position: relative;
    }

.flight-stop-title .flg-stop-logo {
    width: 25px;
    height: auto;
    display: inline-block;
    text-align: center;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 10px 0 0;
    border: 1px solid #cdcdcd;
    padding: 2px;
}

    .flight-stop-title .flg-stop-logo img {
        width: 100%;
        display: block;
        margin: 0 15px 0 0
    }

.flight-stop-title .flight-nos {
    width: auto;
    display: inline-block;
    font-style: normal;
    font-weight: 600
}

    .flight-stop-title .flight-nos i {
        font-size: 7px;
        margin: 0 5px;
        position: relative;
        top: -2px;
    }

.flight-details-btn {
    height: auto;
    font-size: 12px;
    padding: 3px 10px 0;
    position: relative;
    float: left;
    color: #cc2128;
    font-weight: 600
}

    .flight-details-btn:before {
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        font-size: 12px;
        top: 2px;
        left: 0;
        position: absolute
    }

.result-main .result-round-details {
    background: #cc2128;
    z-index: 10;
    margin: auto;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 30px;
    max-width: 1160px;
}

.result-main .fixed-header {
    position: fixed;
    bottom: 450px;
}

.result-round-details .res-flight-details {
    padding: 5px 0;
}

.result-round-details .result-round-box {
    background: none;
    box-shadow: none !important;
    border-radius: 0;
    border-right: 1px solid #fff;
    padding: 5px 0;
    margin: 0;
    height: auto;
}

.result-round-details .radio-label {
    color: #fff;
    font-size: 12px;
}

.result-round-details .res-route, .result-round-details .res-route strong {
    color: #fff;
}

.result-round-details .res-stop {
    padding: 0;
    color: #fff;
}

    .result-round-details .res-stop svg {
        font-size: 20px;
        margin: 0;
    }

    .result-round-details .res-stop:before, .result-round-details .res-stop:after {
        display: none
    }

.result-round-details .res-pricing {
    position: relative
}

.result-round-details .res-price-box {
    border: none;
    color: #fff;
}

.result-round-details .res-get-disc {
    width: 100%;
    max-width: 250px;
    float: right;
    text-align: right;
    border-radius: 0 0 5px 0;
    position: absolute;
    bottom: 1px;
    top: inherit;
    left: inherit;
    right: 0;
    font-size: 14px;
    background: #fff;
    color: #cc2128;
}

    .result-round-details .res-get-disc:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -13px;
        width: 0;
        height: 0;
        border-left: inherit;
        border-top: 13px solid transparent;
        border-bottom: 13px solid transparent;
        border-right: 13px solid #fff;
    }

.result-round-details .res-price-text {
    color: #fff;
    margin: 0;
}

.result-round-details .res-pricing {
    border: none;
}

.result-round-details .res-flight-details {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
}

    .result-round-details .res-flight-details .flight-details-btn {
        color: #fff;
        font-size: 14px;
    }

.result-round-details .flight-details-slider .flight-stop-details, .multi-search .flight-details-slider .flight-stop-details {
    font-size: 14px;
    background: #fff;
    position: relative;
}

.result-round-details .flight-stop-details:before, .result-round-details .flight-stop-title:before, .result-round-details .flg-stop-duration:before {
    display: none;
}

.result-round-details .flight-stop-details .res-route, .result-round-details .flight-stop-details .res-route strong {
    color: #1c1c1c;
}

.result-round-details .res-bagage strong {
    padding: 15px 0 0 15px;
}

.result-round-details .flight-stop-tabs, .multi-search .flight-stop-tabs {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e1e1e1;
}

.result-round-details p {
    font-size: 12px;
    margin: 0 0 10px;
}

.flight-stop-tabs .nav-link, .multi-search .nav-link {
    font-size: 12px;
    border: 1px solid #cc2128;
    color: #cc2128;
    border-radius: 5px;
    margin: 0 5px 0 0;
    padding: 0 5px;
}

    .flight-stop-tabs .nav-link.active, .multi-search .nav-link.active {
        background: #cc2128;
        color: #fff;
    }

        .result-round-details .nav-link.active:before, .multi-search .nav-link.active:before {
            display: none;
        }

.result-main .nav {
    width: 100%;
}

.result-main .tab-content {
    width: 100%;
    display: inline-block;
    margin: 5px auto 0
}

    .result-main .tab-content > .active {
        display: inline-block;
        width: 49.5%;
        float: left;
    }

.result-main .return-tab {
    float: right;
    display: inline-block;
    opacity: 1;
    width: 49.5%;
}

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

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

.checkbox label, .radio label {
    padding-left: 0;
    color: #a1a1a1;
    font-size: 14px;
}

.radio input[type="radio"]:checked + .radio-label {
    font-weight: bold !important;
    color: #585858;
}

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

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

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

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

    .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 #cc2128;
    width: 20px;
    height: 20px;
    top: 0;
}

.res-price-text strong {
    font-size: 18px;
}

.res-pricing .btn {
    margin: 15px 0 0;
    font-size: 12px;
    font-weight: 600
}

.flight-details-slider .flight-rules {
    width: 100%;
    padding: 10px;
    display: block;
    background: #F3F3F3;
    border-radius: 0 0 5px 5px
}

.flight-rules h3 {
    font-size: 12px !important;
    width: 100%;
    color: #1c1c1c;
    margin: 0 0 5px 0
}

.flight-rules strong {
    width: 100%;
    display: block;
    font-weight: 600;
}

.result-show-box .res-pricing {
    position: relative;
    border-left: 1px dashed #CDCDCD
}

.res-pricing .res-price-box {
    height: 70px;
    position: absolute;
    padding: 0 15px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.res-pricing p {
    text-align: left;
    font-size: 12px;
    margin: 10px 0 0 0;
    width: auto;
    display: inline-block
}

    .res-pricing p.hold {
        color: #CC2128
    }

.res-pricing b {
    margin: 0 5px;
    font-weight: 600;
    color: #dbdbdb
}

.res-pricing .res-price-box {
    height: 90px;
    position: absolute;
    padding: 0 15px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.res-pricing .com-btn, .res-pricing .re-btn {
    padding: 5px 15px;
    display: block;
    min-width: inherit;
}

    .res-pricing .com-btn:hover {
        border-color: #fff;
    }

.res-pricing .res-price-text {
    width: 100%;
    font-size: 20px;
    line-height: 14px;
    font-weight: 600;
    display: block;
    text-align: left;
}

    .res-pricing .res-price-text .nor-fare {
        float: left
    }

    .res-pricing .res-price-text strong {
        font-size: 20px;
    }

.res-pricing .res-price-text {
    margin: 10px 0 0 0
}

.res-price-text .nor-fare {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 15px;
    background: #CC2128;
    color: #fff;
    text-align: center;
    line-height: 16px;
    margin: 0;
    font-size: 10px;
}

    .res-price-text .nor-fare.spl {
        background: #9acc21;
    }

.res-price-text strong {
    font-size: 16px;
    font-weight: 600;
}

.res-pricing .btn {
    margin: 15px 0 0;
    font-size: 12px;
    font-weight: 600
}

.res-hurry-off {
    display: block;
    position: relative;
    color: #ca2128;
    text-align: right;
    margin: 0 0 5px 0;
    font-size: 10px;
    font-weight: 600;
}

.flight-stop-title {
    width: 100%;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    color: #707070;
    line-height: 24px;
    position: relative;
    font-weight: 600;
}

.res-route strong {
    font-size: 20px;
    font-weight: 600;
    color: #1c1c1c;
    text-transform: uppercase
}

.res-route p {
    line-height: 16px;
    font-size: 12px;
}

.modify-section .re-date-offer {
    display: block;
    margin: 0 0 23px;
}

.result-main-left .result-show-box:hover {
    border: 1px solid #CC2128;
}

.result-show-box .result-flight-show {
    display: inline-block;
    width: 100%;
    padding: 15px 25px 5px 15px;
    border-bottom: 1px dashed #CDCDCD;
    margin: 0 0 5px 0
}

.result-show-box .res-flg-logo {
    width: 30px;
    height: auto;
    display: inline-block;
    text-align: center;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 0 10px;
    border: 1px solid #cdcdcd;
    padding: 2px;
}

.res-flg-logo img {
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.result-show-box .res-airline-title {
    width: auto;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    color: #707070;
    text-align: left;
    padding: 0 0 0 10px;
}

.flight-indicator {
    width: auto;
    margin: 5px 0 0 0;
    text-transform: none;
}

.return-airline .flight-indicator {
    margin: 0;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
}

.flight-indicator li {
    width: auto;
    float: left;
    text-align: left;
    font-weight: normal;
}

    .flight-indicator li.divider {
        padding: 0 2px;
    }

.result-show-box .res-route {
    width: 100%;
    display: block;
}

.res-route {
    width: auto;
    display: inline-block;
}

    .res-route strong {
        font-size: 14px;
        font-weight: 600;
        color: #1c1c1c;
        text-transform: uppercase;
        display: block
    }

    .res-route p {
        line-height: 16px;
        margin: 0
    }

.result-show-box .res-stop {
    width: 100%;
    /*padding: 20px 0;*/
    position: relative;
    text-align: center;
    float: left;
    margin: 0 1px;
    z-index: 0;
    font-size: 11px;
}

    .result-show-box .res-stop:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        border-top: 2px dotted #b8b8b8;
    }

    .result-show-box .res-stop:after {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        right: 0;
        margin: auto;
        background: #fff;
        width: 10px;
        height: 10px;
        border-radius: 25px;
        border: 1px solid #0e0e0e;
        display: block;
        z-index: 9;
    }

.result-show-box .res-timing {
    margin: 10px auto 0;
    display: block;
}

.result-show-box .res-bagage {
    margin: 0 auto;
    display: inline-block;
}

    .result-show-box .res-bagage img {
        margin: 0 3px 0 0
    }

.res-flight-details {
    width: 100%;
    display: inline-block;
    margin: 0;
}

    .res-flight-details svg {
        font-size: 14px;
        float: left;
        position: relative;
        top: 0;
        margin: 0 5px 0 0
    }

    .res-flight-details span {
        padding: 0;
        float: left;
    }

.flight-de-desk {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: auto;
    font-size: 14px;
}

.flight-de-device {
    display: none;
}

.flight-stop-title svg {
    font-size: 8px;
    margin: 0 15px;
}

.flight-stop-details .flg-stop-duration {
    padding: 5px 15px;
    background: #f0f0f0;
    display: block;
    border-radius: 5px;
    position: relative;
    margin: 5px 0;
}

    .flight-stop-details .flg-stop-duration h3 {
        font-size: 12px;
        text-transform: inherit;
        font-weight: 600;
        line-height: normal;
        width: auto;
        display: inline-block;
        margin: 0 10px 0 0;
    }

.flight-details-slider p {
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 0;
    width: auto !important;
    display: inherit;
}

.flight-stop-box .res-timing {
    padding: 15px 0 0 0;
    border-top: 2px dotted #c8c8c8;
    text-align: center;
    margin: 15px auto 0;
    display: block
}

.flight-rules h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    width: 100%;
    color: #1c1c1c;
    padding: 0 0 5px 0;
    margin: 0
}

.result-main-section .result-main-left {
    width: 100%;
}

.result-main-left .result-show-box {
    padding: 15px 0 !important;
    box-shadow: 0px 10px 20px #ffbcc04d;
    position: relative;
    border: 1px solid #fff;
    border-radius: 5px
}

.formborder {
    border: 1px solid #dddddd !important;
}

.flight-stop-title {
    width: 100%;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    color: #707070;
    font-weight: normal;
    line-height: 24px;
    position: relative;
    margin: 0 0 5px 0
}

.flight-date {
    display: inline-block;
    float: right;
    font-style: normal;
    font-size: 12px;
    color: #707070;
}

.flight-stop-box {
    width: 100%;
    display: block;
    margin: 0 auto;
}

    .flight-stop-box:last-child {
        margin: 0;
        border: 0
    }

    .flight-stop-box .res-bagage {
        margin: 15px 0 0;
    }
/*Riya marine form start*/
.m-t5 {
    margin-top: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.modify-heading {
    font-size: 22px;
    color: #1c1c1c;
    padding: 0;
    margin: 0;
    display: flex;
    line-height: 19px;
}

    .modify-heading span {
        font-size: 18px;
        margin: 0 0 0 5px;
    }

    .modify-heading .icon {
        display: inline-block;
        vertical-align: top;
        margin: 0 8px 0 0;
    }

        .modify-heading .icon svg {
            font-size: 36px;
        }

    .modify-heading .headline {
        display: inline-block;
        line-height: 22px;
    }

        .modify-heading .headline span {
            font-size: 10px;
            display: block;
        }

.bookingform {
    margin: 0px 0 0 0;
}

.formborder {
    border: 1px solid #dddddd !important;
}

.borderblue {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 5px solid #CC2128;
}

.book-show-box {
    border-radius: 5px;
    font-size: 12px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px #ffbcc04d;
    padding: 15px 10px;
    margin: 20px auto
}

.formborder:hover {
    border: 1px solid #CC2128 !important;
}

.borderblue:hover {
    border-top: 1px solid #CC2128;
    border-left: 1px solid #CC2128;
    border-right: 1px solid #CC2128;
    border-bottom: 5px solid #CC2128;
}

.bookingform .result-main-left .result-show-box {
    padding: 0 !important;
    margin: 0 auto 10px;
}

.bookingform .res-flight-details {
    width: 100%;
    display: inline-block;
}

.bookingform .flight-stop-box {
    width: 100%;
    display: block;
}

.bookingform .flight-details-slider {
    max-height: inherit;
}

.book-show-box .flight-stop-box {
    width: 100%;
    display: block;
    padding: 10px 0px 10px 0px;
}

.book-show-box .res-stop, .note-box .res-stop {
    width: 47.5%;
    padding: 20px 0;
    position: relative;
    text-align: center;
    float: left;
    margin: 0 1px;
    z-index: 0;
}

    .book-show-box .res-stop:before, .note-box .res-stop:before {
        content: "";
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        border-top: 2px dotted #b8b8b8;
    }

    .book-show-box .res-stop:after, .note-box .res-stop:after {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        right: 0;
        margin: auto;
        background: #fff;
        width: 10px;
        height: 10px;
        border-radius: 25px;
        border: 1px solid #0e0e0e;
        display: block;
        z-index: 9;
    }

.book-show-box .form-group label {
    margin: 0;
}

.result-flight-show {
    display: inline-block;
    width: 100%;
    padding: 15px 25px 5px 15px;
    border-bottom: 1px solid #f7f7f9;
    margin: 0 0 5px 0;
}

.bookingform .flight-stop-title {
    width: 100%;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    color: #707070;
    line-height: 24px;
    position: relative;
}

.booking-flight {
    padding: 10px;
    display: block
}

    .booking-flight .return-airline .flight-indicator {
        display: inline-flex
    }

    .booking-flight .flight-stop-title:before {
        display: none;
    }

.bookingform .res-route p {
    line-height: 15px;
    color: #5d5d5d;
    margin: 0 0 5px 0;
}

.flight-stop-details .flight-stop-title i {
    font-size: 7px;
    margin: 0 5px;
    position: relative;
    top: -2px;
}

span.flight-date {
    display: inline-block;
    float: right;
    font-style: normal;
    font-size: 12px;
    color: #707070;
}

.hotelimg img {
    border-radius: 6px;
    width: 100%;
}

.hoteldetails h2 {
    color: #1c1c1c;
    font-size: 14px;
    text-align: left;
    margin: 0 0 10px 0;
    font-weight: 600;
    line-height: 20px;
}

.fivestar {
    float: right;
    color: #707070;
    font-size: 14px;
}

    .fivestar i {
        color: #cc2128;
    }

p.hotel-add {
    line-height: 17px;
    padding: 0 0 0 0px;
    position: relative;
    color: #5d5d5d;
    width: 100%;
    display: flex;
    margin: 0
}

    p.hotel-add i {
        margin: 2px 8px 0 0;
    }

.room {
    width: 35%;
    color: #707070;
}

.room-aminities {
    border-top: 1px solid #f7f7f9;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    display: flex;
    justify-content: space-between;
}

.aminities {
    width: 60%;
    color: #707070;
}

    .aminities p {
        margin: 0
    }
/* Remove IE arrow */
.bookingform select::-ms-expand {
    display: none;
}
/* Custom Select */
.bookingform .select {
    position: relative;
    display: flex;
    width: 100%;
    height: 35px;
    line-height: 3;
    background: #f3f3f3 !important;
    overflow: hidden;
    border-radius: .25em;
}

.bookingform select {
    flex: 1;
    padding: 0 .5em;
    color: #4f4f4f !important;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #f3f3f3;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    background: #f3f3f3;
    background-image: none;
}
/* Arrow */
.bookingform .select::after {
    content: '\25BC';
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0 5px;
    background: #f3f3f3;
    color: #CC2128;
    height: 25px;
    cursor: pointer;
    border-radius: 5px;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
/* Transition */
.bookingform .select:hover::after {
    color: #666;
}

ul.amin-icons li {
    display: inline-block;
    margin: 0 0 0 5px;
    padding: 0 !important;
    width: 35px !important;
    height: 35px !important;
}

    ul.amin-icons li.wifi {
        background: url(../images/spirit-icon.png) no-repeat;
        background-position: -7px -80px;
        margin: 0;
        padding: 0;
    }

        ul.amin-icons li.wifi:hover {
            background: url(../images/spirit-icon.png) no-repeat;
            background-position: -7px -120px;
        }

    ul.amin-icons li.gym {
        background: url(../images/spirit-icon.png) no-repeat;
        background-position: -46px -80px;
    }

        ul.amin-icons li.gym:hover {
            background: url(../images/spirit-icon.png) no-repeat;
            background-position: -46px -120px;
        }

    ul.amin-icons li.restaurant {
        background: url(../images/spirit-icon.png) no-repeat;
        background-position: -94px -80px;
    }

        ul.amin-icons li.restaurant:hover {
            background: url(../images/spirit-icon.png) no-repeat;
            background-position: -94px -120px;
        }

    ul.amin-icons li.pool {
        background: url(../images/spirit-icon.png) no-repeat;
        background-position: -146px -82px;
    }

        ul.amin-icons li.pool:hover {
            background: url(../images/spirit-icon.png) no-repeat;
            background-position: -146px -122px;
        }

    ul.amin-icons li.television {
        background: url(../images/spirit-icon.png) no-repeat;
        background-position: -191px -80px;
    }

        ul.amin-icons li.television:hover {
            background: url(../images/spirit-icon.png) no-repeat;
            background-position: -191px -120px;
        }

.cancelbox {
    background: -moz-linear-gradient(top, rgba(247, 190, 199, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(247, 190, 199, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(247, 190, 199, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc2128', endColorstr='#00ffffff', GradientType=0); /* IE6-9 */
    box-shadow: 0px 7px 3px 0px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 15px 15px;
    margin: 0 0 20px 0;
}

.cancel-heading {
    display: flex;
    align-content: space-between;
}

    .cancel-heading h4 {
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 0 15px;
        line-height: 20px;
    }

        .cancel-heading h4 strong {
            font-weight: 600;
        }

    .cancel-heading span {
        font-size: 11px;
        display: block;
    }

    .cancel-heading .icon {
        background: url(../images/spirit-icon.png) no-repeat;
        background-position: -206px -4px;
        width: 45px;
        height: 36px;
    }

.whitepatch {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0 0 0;
}

    .whitepatch ul {
        display: block;
    }

        .whitepatch ul li {
            display: inline-block;
            width: calc(25% - 11px);
            border: 1px solid #d5d5d5;
            background: #f3f3f3;
            border-radius: 5px;
            font-size: 14px;
            text-align: center;
            padding: 14px 0;
            margin: 0 5px;
            font-weight: 600;
            line-height: 20px;
            color: #585858;
        }

            .whitepatch ul li:first-child {
                margin: 0 5px 0 0px;
            }

            .whitepatch ul li:last-child {
                margin: 0 0px 0 5px;
            }

            .whitepatch ul li span {
                display: block;
                font-size: 12px;
                font-weight: normal;
            }

                .whitepatch ul li span strong {
                    font-size: 14px;
                }
/*.bookingform .radio label span {
  display: block;
  font-size: 12px;
  margin: 0 0 0 30px;
}*/
.bookingform .radio label {
    padding-left: 0;
    color: #585858;
    font-size: 14px;
    margin: 0;
}

.radio-btn {
    margin: 20px 0 0 0;
}

    .radio-btn .radio {
        margin: 0 0 20px 0;
    }

        .radio-btn.radio input[type="radio"]:checked + .radio-btn.radio-label {
            font-weight: bold !important;
            color: #585858;
        }

        .radio-btn .radio p {
            margin: 10px 0 0 0;
        }

        .radio-btn .radio a {
            color: #CC2128;
            margin: 5px 0 0 0;
            display: block;
        }

.icon-heading {
    color: #424242;
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: 600;
    line-height: 19px;
}

    .icon-heading span {
        font-size: 12px;
        color: #424242;
        display: block;
        font-weight: normal;
    }

    .icon-heading svg {
        color: #CC2128;
        font-size: 22px;
    }

.bookingform .form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 10px 5px;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 0 0;
    line-height: 1.5;
    color: #495057;
    background-color: #f3f3f3;
    background-clip: padding-box;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.book-show-box .form-control.date {
    background: url(../images/calendar-icon.png)no-repeat 96% 6px;
}

.bookingform .mandatory {
    color: #ff0000;
}

.input_container {
    position: relative;
}

    .input_container svg {
        position: absolute;
        bottom: 8px;
        right: 5px;
        width: 16px;
        height: 16px;
        color: #CC2128;
    }

.bookingform .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.book-show-box .col-md-1, .book-show-box .col-md-2, .book-show-box .col-md-3, .book-show-box .col-md-4, .book-show-box .col-md-5, .book-show-box .col-md-6 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.bookingform::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #bababa !important;
}

.bookingform::-moz-placeholder { /* Firefox 19+ */
    color: #bababa !important;
}

.bookingform:-ms-input-placeholder { /* IE 10+ */
    color: #bababa !important;
}

.bookingform:-moz-placeholder { /* Firefox 18- */
    color: #bababa !important;
}

.confirmseat {
    background: #CC2128;
    padding: 0px 15px 0px 15px;
    color: #fff;
    border-radius: 5px 5px 0px 0px;
    display: block
}

.seat {
    margin: 0px 0 0px 0;
    display: flex;
    justify-content: space-between;
}

.confirmseat .heading {
    font-size: 14px;
    color: #424242;
    line-height: 30px;
    padding: 0px 10px;
    height: 30px;
    margin: 13px 0 0 0;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
}

.seatbtn {
    margin: 5px 0 0 0;
    display: inline-block;
    width: 100%;
}

    .seatbtn .com-btn {
        padding: 4px 10px;
        font-size: 12px;
        border: 2px solid #fff;
        min-width: inherit;
        float: right
    }

        .seatbtn .com-btn:hover {
            border: 2px solid #fff;
        }

.bookflight {
    color: #707070;
    font-size: 12px;
    line-height: 18px;
    margin: 15px 0 0px 10px;
}

    .bookflight strong {
        font-size: 14px;
        font-weight: 600;
        display: block;
    }

.passanger {
    background: #f3f3f3;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 3px;
    color: #424242;
    font-weight: 500;
    vertical-align: middle;
    height: 35px;
    font-size: 14px;
    line-height: 27px;
    margin: 10px 0 0 10px;
}

span.p-type {
    font-size: 12px;
    text-align: right;
    float: right;
    color: #707070;
    margin: 0 10px 0 0;
}

.seatnumber {
    background: #cc2128;
    color: #fff;
    float: right;
    height: 27px;
    line-height: 27px;
    width: 30px;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
}

.join {
    color: #4f4f4f;
    font-size: 14px;
    padding: 15px;
}

.line-border {
    border-bottom: 1px solid #f7f7f9;
}

.join .radio {
    display: inline-block;
    margin: 0 0px 0 30px;
}

.upload {
    padding: 15px;
}

    .upload p {
        font-size: 14px;
        margin: 0 0 10px 0;
        color: #4f4f4f;
    }

    .upload ul {
        margin: 10px 0 0 0;
    }

        .upload ul li {
            display: inline-block;
            font-size: 12px;
            width: 100%;
            color: #4f4f4f;
            line-height: 18px;
            vertical-align: middle;
        }

            .upload ul li svg {
                font-size: 6px;
                vertical-align: middle;
            }

.payment-method img {
    border-radius: 5px;
}

.seat-box-area {
    width: 100%;
    display: block
}

    .seat-box-area .tab-content {
        font-size: 12px;
    }

    .seat-box-area .nav-pills {
        margin: 0 0 10px 0
    }

        .seat-box-area .nav-pills .nav-link {
            width: auto;
            padding: 5px 15px 5px 40px;
            font-size: 14px;
            border: 1px solid #cc2128;
            margin: 0 10px 0 0;
            color: #cc2128;
            position: relative;
        }

            .seat-box-area .nav-pills .nav-link:before {
                content: "";
                position: absolute;
                left: 15px;
                top: 3px;
                width: 25px;
                height: 25px;
                background: url("../images/spirit-icon.png")no-repeat;
            }

            .seat-box-area .nav-pills .nav-link.active, .seat-box-area .nav-pills .nav-link:hover {
                background: #cc2128;
                color: #fff;
            }

            .seat-box-area .nav-pills .nav-link.seat-icon:before {
                background-position: -1px -167px;
            }

        .seat-box-area .nav-pills .seat-icon.active:before, .seat-box-area .nav-pills .seat-icon:hover:before {
            background-position: -1px -203px;
        }

        .seat-box-area .nav-pills .nav-link.meal-icon:before {
            background-position: -51px -165px;
            left: 10px;
            top: 2px;
        }

        .seat-box-area .nav-pills .meal-icon.active:before, .seat-box-area .nav-pills .meal-icon:hover:before {
            background-position: -51px -200px;
        }

.flight-sel .nav-link {
    background: rgba(189, 29, 36, 0.06);
}

    .flight-sel .nav-link.active {
        background: #cc2128;
        color: #fff;
    }

.note-box {
    border-radius: 0 0 5px 5px;
    font-size: 12px;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    padding: 0;
}

    .note-box .flight-stop-title {
        padding: 0 10px 0 10px;
    }

    .note-box .flight-stop-box {
        width: 100%;
        display: block;
        padding: 10px 15px 10px 15px;
    }

.note {
    color: #4f4f4f;
    padding: 10px 10px;
    line-height: 13px;
    font-size: 10px;
    background: rgba(255, 187, 187, 0.20);
    border-radius: 0px 0px 5px 5px;
}

    .note a {
        text-decoration: underline !important;
        font-weight: 600;
    }

        .note a:hover {
            color: #4f4f4f;
        }

.nopad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

ul.leftseat {
    width: 50%;
    float: left;
}

    ul.leftseat li {
        display: inline-block;
        margin: 2px;
        text-align: center;
        width: calc(25% - 15px);
        vertical-align: middle;
    }

ul.rightseat {
    width: 50%;
    float: right;
    text-align: right;
}

    ul.rightseat li {
        display: inline-block;
        margin: 2px;
        text-align: center;
        width: calc(25% - 15px);
        vertical-align: middle;
    }

.number {
    font-size: 14px;
    font-weight: 600;
}

.flightnavbg {
    background: #CC2128;
    padding: 5px 10px;
    color: #fff;
    border-radius: 0px 0px 5px 5px;
}

ul.flight-nav {
    margin: 0px 0 0 0;
    padding: 10px 0 10px 0;
    background: #CC2128;
    display: inline-block;
    width: 100%;
}

    ul.flight-nav li:first-child {
        float: left;
    }

    ul.flight-nav li:last-child {
        float: right;
    }

    ul.flight-nav li.nonclick a {
        color: rgba(207, 207, 207, 0.80);
    }

    ul.flight-nav li.nonclick:hover a {
        cursor: default;
        color: rgba(207, 207, 207, 0.80);
    }

    ul.flight-nav li a {
        color: #fff;
    }

    ul.flight-nav li:hover a {
        color: #ffb830;
    }
/* file select css*/
.file.is-boxed .file {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    position: relative;
}

.file.is-boxed .file-input {
    height: 100%;
    left: 0;
    opacity: 0;
    outline: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.file.is-boxed .file-cta {
    background-color: #f5f5f5;
    color: #4a4a4a;
    border: 1px dashed #e6e6e6;
}

.file.is-boxed .file-icon {
    align-items: center;
    /*   display: flex;*/
    height: 1em;
    justify-content: center;
    width: 2em;
}

.file.is-boxed .file-label {
    align-items: stretch;
    display: flex;
    cursor: pointer;
    justify-content: flex-start;
    overflow: hidden;
    position: relative;
    font-size: 10px;
    color: #bdbdbd;
    margin-top: 5px;
    line-height: 14px;
}

.file.is-boxed .svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 2em;
    overflow: visible;
    vertical-align: -.125em;
}

.file.is-centered {
    justify-content: center;
    text-align: center;
}

.file.is-boxed .file-label {
    flex-direction: column;
}

.file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 10px 10px;
}

.file.is-boxed .file-name {
    border-width: 0 1px 1px;
}

.file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em;
    color: #bdbdbd;
}

    .file.is-boxed .file-icon .fa {
        font-size: 21px;
    }

.file.is-boxed .svg-inline--fa.fa-w-16 {
    width: 2em;
}

.bottombtn {
    padding: 0 0 50px 0;
    display: inline-block;
    float: right
}

.bookingform .re-btn {
    margin: 0;
    width: auto;
    padding: 5px 25px;
}
/**Flight Booking seat chart CSS**/
.seatbooking {
    border-left: 1px solid #ababab;
    display: inline-block;
    margin: 0px 0px 0 0;
    padding: 10px;
    background: #fff;
    width: 100%;
    float: right
}

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

    .seatbooking li.rownum {
        line-height: 36px;
        font-size: 14px;
        font-weight: 600;
        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(5) {
            margin-right: 10.28571428571429%;
        }

        .seatbooking .seat:nth-child(5) {
            margin-right: 10.28571428571429%;
        }

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

            .seatbooking .seat input[type=checkbox]:checked + label {
                background: url("../images/seat-red-col.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=checkbox]:disabled + label {
                text-indent: -9999px;
                overflow: hidden;
                background: url("../images/seat-lightgrey-col.png")no-repeat top center;
                height: 50px;
            }

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

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

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

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

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

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

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

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

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

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

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

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

        .seatbooking .seat label {
            font-weight: 600;
            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;
}
/* side form*/
.sideform.fixed {
    position: fixed;
    bottom: 0;
    right: inherit;
    max-width: 285px;
    width: 100%;
    margin: -55px 0 0 0;
}

.sideform .radio-btn .radio p {
    line-height: 15px;
    font-size: 12px;
}

.offer-box {
    border-radius: 5px;
    font-size: 12px;
    margin: 0 auto 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 7px 3px 0px rgba(0, 0, 0, 0.08);
    padding: 15px 10px;
}

    .offer-box .radio-btn {
        margin: 15px 0 0 5px !important;
    }

        .offer-box .radio-btn .radio {
            margin: 0 0 10px 0;
        }

    .offer-box .line-border {
        border-bottom: 1px solid #f7f7f9;
        padding: 0 0 0px 0;
        margin: 0 0 15px 0;
    }

.sideform .form-inline {
    display: flex;
    justify-content: space-between;
}

    .sideform .form-inline .re-btn {
        font-size: 14px;
        padding: 2px 15px;
        display: inline-block;
        min-width: inherit;
    }

    .sideform .form-inline .form-group {
        width: 68%
    }

.bookingform .offer-box .form-control {
    margin: 0px 0 0 0;
}

.fare-details {
    border-radius: 5px;
    font-size: 12px;
    margin: 0 auto 20px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 7px 3px 0px rgba(0, 0, 0, 0.08);
}

    .fare-details .icon-heading {
        color: #424242;
        font-size: 14px;
        font-weight: 600;
        margin: 0;
        padding: 0 15px 15px 15px;
    }

ul.fare {
    display: block;
    margin: 0;
    padding: 0 15px;
    width: 100%;
}

    ul.fare li {
        width: 100%;
        margin: 0 0 10px 0;
        display: inline-block;
        font-weight: 600;
    }

        ul.fare li strong {
            width: auto;
            display: inline-block;
            font-weight: 600
        }

        ul.fare li span {
            width: 50%;
            display: inline-block;
            text-align: right;
            float: right;
            font-weight: 600;
            max-width: 150px;
        }

.totalbg {
    background: #CC2128;
    padding: 10px 0px;
    border-radius: 0px 0px 5px 5px;
}

    .totalbg ul.fare li {
        margin: 0 0 0px 0;
        color: #fff;
        font-size: 18px;
    }

        .totalbg ul.fare li p {
            text-align: center;
            font-size: 12px;
            font-weight: normal;
            margin: 15px auto 0;
            padding: 0;
        }

.fare-details .line-border {
    border-bottom: 1px solid #f7f7f9;
    padding: 0 0 0px 0;
    margin: 0 0 10px 0;
}
/*Booking Confirmation*/
.book-details {
    color: #707070;
    padding: 12px 10px;
    line-height: 13px;
    font-size: 12px;
    background: rgba(255, 187, 187, 0.20);
    border-radius: 5px 5px 0px 0px;
    margin: 0 0 15px 0;
}

    .book-details strong {
        color: #1c1c1c;
        font-size: 14px;
        font-weight: 600;
        margin-right: 20px;
    }

    .book-details span {
        color: #707070;
        font-size: 10px;
        float: right;
        text-align: right;
    }

.confirm-box {
    background: #f0f0f0;
    padding: 10px;
    border: 1px dashed #6b6b6b;
    margin: 0px 10px;
}

    .confirm-box p {
        color: #424242;
        font-size: 13px;
        line-height: 19px;
        padding: 0;
    }

        .confirm-box p strong {
            color: #424242;
            font-size: 13px;
            font-weight: 600;
        }

        .confirm-box p span {
            float: right;
            color: #119700;
            font-weight: 600;
        }

.book-btn {
    margin: 15px;
    display: inline-block;
}

    .book-btn .btn {
        margin: 0 10px 0 0;
        width: 152px;
    }

.checkin {
    margin: 10px 0 0 0;
    color: #4f4f4f;
}

    .checkin p {
        line-height: 18px;
    }

    .checkin strong {
        font-weight: 600;
    }

.canclebox {
    color: #959595;
    padding: 10px 10px;
    line-height: 13px;
    font-size: 10px;
    background: #f7f7f7;
    border-radius: 0px 0px 5px 5px;
}

    .canclebox p {
        color: #727272;
        font-size: 14px;
        margin: 0 0 10px 0;
        ;
    }

    .canclebox ul li {
        color: #959595;
        font-size: 12px;
        display: inline-block;
        margin: 0 40px 0 0;
        vertical-align: middle;
    }

        .canclebox ul li svg {
            color: #707070;
            font-size: 6px;
            vertical-align: middle;
            margin-right: 3px;
        }

.totalamount {
    display: none;
}
/**Share on email modal css**/
.shareemail-modal .flight-details-slider {
    max-height: inherit
}

.shareemail-modal .modal-header {
    background: #CC2128;
}

    .shareemail-modal .modal-header .modal-title, .shareemail-modal .modal-header .close {
        color: #fff;
    }

.shareemail-modal .bookingform label {
    margin: 0
}

.shareemail-modal .bookingform textarea.form-control {
    height: 50px;
}

.shareemail-modal .re-btn {
    float: right;
}

.shareemail-modal .nav-link {
    font-size: 14px;
    font-weight: 600;
    border: 1px solid;
    border-radius: 5px;
    margin: 0 0 15px 0;
    width: auto;
    display: inline-block
}

.shareemail-modal .flight-stop-box .res-bagage {
    line-height: 12px;
}

    .shareemail-modal .flight-stop-box .res-bagage strong {
        display: block;
        padding: 0 0 0 30px;
    }

.result-round-details .res-pricing .res-price-box a.share-btn {
    color: #fff;
}

.earnul {
    width: auto;
    float: right;
    margin-left: 5px;
}

    .earnul li {
        width: auto;
        display: inline-block;
        font-size: 20px;
        color: #cc2128;
        position: relative;
        cursor: pointer;
        font-weight: normal;
        float: left;
        margin: 0 5px 0 0;
        text-align: center;
    }

        .earnul li a.tooledit[data-tooltip]:before {
            right: -75%;
        }

        .earnul li [data-tooltip]:before {
            right: -100%;
        }

        .earnul li [data-tooltip]:after {
            left: 0;
            right: 0;
            margin: auto
        }

.email-btn {
    width: auto;
    height: auto;
    font-size: 14px;
    color: #fff;
    background: #cc2128;
    padding: 2px 10px;
    line-height: 20px;
    border-radius: 5px;
}

    .email-btn:hover {
        color: #fff
    }

.earnul .email-btn span {
    margin-left: 5px;
}

.earnprice {
    display: none !important;
    font-size: 14px;
}

    .earnprice.show {
        display: inline-block !important;
    }

    .earnprice .nor-fare {
        background: #ff7703
    }

.earnpriceAE {
    display: inline-block !important;
    font-size: 14px;
}
  .earnpriceAE.hide {
     display: none !important;
  }

  .earnpriceAE .nor-fare {
     background: #ff7703
  }

.flt-details .tab-pane {
    width: 100% !important
}

    .flt-details .tab-pane table {
        margin: 15px auto
    }

.flt-details .res-bagage {
    font-size: 13px;
    margin: 0 0 10px 0;
    display: block
}

    .flt-details .res-bagage img, .flt-details .res-bagage strong {
        margin: 0 10px 0 0
    }

.flight-rules .card-header {
    padding: 10px;
    background: #F3F3F3;
    color: #cc2128;
    font-weight: 600;
}

.flight-rules .card-body {
    padding: 10px;
}

/*28-03-2023*/
/*.flight-rules .card-body p{
        display:block;
 }

    .flight-rules .fare-rule-p {
        margin: 15px 0;
        font-size: 11px !important;
        line-height:13px !important;
        color: #FF0004;
        font-style: italic;

    }*/
.flight-rules .fare-rule-p {
    margin: 15px 0;
    font-size: 12px !important;
    color: #FF0004;
    font-style: italic
}

.filter-trip {
    width: auto;
    min-width: 80px;
    padding: 5px 10px;
    border-radius: 15px;
    border: 1px solid #cc2128;
    display: inline-block;
    font-size: 12px;
    color: #cc2128;
    position: relative;
    text-align: center;
    font-weight: 600;
}

.price-list {
    display: inline-block;
    width: 100%;
    padding: 5px 0 0;
    border-top: 1px dashed #CDCDCD;
    margin: 5px 0 0;
}

    .price-list li {
        width: auto;
        float: left;
        margin-right: 5px;
        padding-right: 5px;
        border-right: 1px solid #CDCDCD;
    }

        .price-list li:last-child {
            border: 0
        }

    .price-list .res-price-text {
        font-size: 12px;
        font-weight: normal;
        display: inline;
        margin: 0
    }

    .price-list .form-check label:before {
        margin: 0;
    }

    .price-list .res-price-text .nor-fare {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-weight: 600;
        font-size: 10px;
        /*z-index: 8 !important;*/
    }
.res-flight-details .fa-chevron-down {
    font-size: 30px;
    float: right;
    transition: all 1s;
}

.res-flight-details .activa {
    transform: rotate(180deg);
    transition: all 1s;
}

.res-flight-details .flight-details-slider p {
    margin-top: 0px;
}

.res-flight-details .hidden {
    display: none;
}

.res-flight-details .visible {
    display: block
}

.result-show-box .res-price-box {
    border: 0;
}
/**Rail Euro Css**/
.modi-rail .mod-edit-btn {
    width: auto;
    padding: 10px 20px;
}

.rail-detail-box .rail-ser-note {
    display: block
}

.rail-detail-area .earnul p {
    width: 100%;
    display: block;
    margin: 30px 0
}

.rail-pri-area .re-btn {
    float: right;
    margin: 30px 0 0 0;
}

.flt-details .table thead th {
    font-size: 14px;
}

.filter-trip.active {
    background: #cc2128;
    color: #fff;
}

.seat-list {
    display: inline-block;
    width: auto;
    float: left;
    margin: 0 10px 0 0;
}

    .seat-list li {
        width: auto;
        display: inline-block;
        float: left;
        margin: 0 1px 0 0;
    }

        .seat-list li a {
            width: auto;
            height: auto;
            padding: 2px 7px;
            font-size: 10px;
            font-weight: 600;
            color: #42495B;
            display: inline-block;
            background: #f3f3f3;
            border-radius: 5px;
            position: relative
        }

    .seat-list .show-more {
        width: auto;
        display: none;
    }

    .seat-list li a.less-btn {
        display: none;
    }

.dep-time {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #dee4ec;
    border-left: 1px solid #dee4ec;
}

    .dep-time li {
        width: 25% !important;
        padding: 5px 5px 5px 15px;
        height: auto;
        font-size: 10px;
        font-weight: 600;
        border-bottom: 1px solid #dee4ec;
        border-right: 1px solid #dee4ec;
        float: left;
        text-align: right;
        position: relative;
        cursor: pointer
    }

        .dep-time li.active {
            background-color: #dee4ec !important
        }

        .dep-time li.morn {
            background: url("../images/day-time-icon.png")no-repeat 2px 10px
        }

        .dep-time li.after {
            background: url("../images/day-time-icon.png")no-repeat 2px -10px
        }

        .dep-time li.even {
            background: url("../images/day-time-icon.png")no-repeat 2px -33px
        }

        .dep-time li.night {
            background: url("../images/day-time-icon.png")no-repeat 2px -51px
        }

.result-show-box .res-price-box .res-price-text {
    float: right;
    margin-right: 5px !important;
}

.result-show-box .res-price-box .re-btn {
    float: right
}

.result-round-box .res-price-text.seatfare {
    display: none
}

    .result-round-box .res-price-text.seatfare.select {
        display: inline-block
    }

.arrival-details, .dep-details {
    display: none
}

#sideMenuContainer {
    background: #F3F3F3;
    height: 100%;
    padding: 10px;
    position: fixed;
    top: 101px;
    right: -520px;
    max-width: 520px;
    width: 100%;
    z-index: 999;
}

    #sideMenuContainer h3 {
        width: auto;
        display: inline-block
    }

    #sideMenuContainer .close-btn {
        width: auto;
        float: right;
        font-size: 20px;
        color: #cc2128;
        cursor: pointer;
        position: relative;
        right: -8px;
    }

.trip-listing {
    width: 100%;
    display: block;
    height: 75vh;
    overflow-y: auto;
    /*overflow-x: hidden;*/
    overflow-x: auto;
    padding: 10px 10px 0 0;
}

    .trip-listing::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    .trip-listing::-webkit-scrollbar {
        width: 2px;
        background-color: #F5F5F5;
    }

    .trip-listing::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #cc2128;
    }

    .trip-listing .result-round-box {
        width: 100%;
        border-radius: 5px;
        font-size: 12px;
        padding: 15px;
        margin: 0 auto 20px;
        border: 1px solid #fff;
        cursor: pointer;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 10px 20px #ffbcc04d;
        position: relative
    }

    .trip-listing .res-price-box {
        width: 100%;
        display: block;
        border: 0;
    }

    .trip-listing .res-flg-logo {
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 10px;
    }

    .trip-listing .result-round-box .del-btn {
        width: 25px;
        height: 25px;
        position: absolute;
        color: #cc2128;
        font-size: 14px;
        right: -18px;
        top: -10px
    }

#sideMenuContainer .otherservice {
    width: 100%;
    padding: 15px 0 0 0;
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 120px;
    margin: auto
}

.otherservice li {
    width: 90px;
    height: 45px;
    display: inline-block;
    border-radius: 10px;
    background: #CC2128;
    margin: 0 auto;
    padding: 5px;
}

    .otherservice li a {
        color: #fff;
    }

        .otherservice li a i {
            font-size: 15px
        }

        .otherservice li a p {
            font-size: 10px;
        }

.res-flight-details span.plus-icon:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    top: 12px;
    right: 0;
    background: url("../images/plusminus.png")no-repeat 0 -20px;
}

.res-flight-details span.plus-icon.collapsed:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    display: block;
    top: 12px;
    right: 0;
    background: url("../images/plusminus.png")no-repeat 0 0 !important;
}

.result-main .result-show-box {
    border-radius: 5px;
    font-size: 12px;
    margin: 0 auto 20px;
    background: #fff;
    border: 1px solid #fff;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px #ffbcc04d;
}
/**Rail Euro Css**/
.rail-eur-content .tab-container {
    margin: 0 auto;
}

.rail-eur-content .widget-cus-id {
    margin: 0
}

.rail-eur-content .trip-navigation {
    margin: 0 30px 0 0
}

.rail-eur-content .trip-content {
    margin: 10px auto 0
}

.rail-eur-content .calendar-area {
    height: 80px;
}

.rail-eur-content .flight-from, .rail-eur-content .rec-flight {
    width: 48.5%;
    height: auto;
    margin: 0 auto 15px;
}

    .rail-eur-content .flight-from:before, .rail-eur-content .rec-flight:before {
        top: 20px;
    }

.rail-eur-content .flight-swipe {
    top: 28px;
}

.select2-dropdown--below {
    min-width: 120px !important;
}

.rail-eur-content .rail-selector {
    width: 100% !important;
    border: 0;
    background-color: inherit
}

.rail-selector .widget-cus-id .select2-container--default .select2-selection--single {
    background-color: inherit;
    border: 0;
    color: #4d5154;
    padding: 0
}

    .rail-selector .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 18px;
        font-weight: 600
    }

.rail-selector option, .rail-selector optgroup {
    font-size: 14px;
}

.rail-selector .widget-cus-id .select2-results__option:hover {
    background: none !important
}

.modi-rail .calendar-area {
    width: 50%
}

    .modi-rail .calendar-area .calendar-box {
        max-width: inherit
    }

.modi-rail .mod-edit-btn {
    width: 100%;
    max-width: 200px;
    padding: 10px 20px;
}

.modi-rail .widget-cus-id {
    margin: 0
}

.modi-rail .passenger-nav {
    max-width: inherit !important
}

.rail-detail-area {
    width: 100%;
    display: block;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #8F0A1140;
    position: relative;
    margin: 80px 0;
}

    .rail-detail-area h2 {
        width: auto;
        height: auto;
        padding: 10px 15px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 10px 20px #8F0A1140;
        border-radius: 20px 20px 0 0;
        opacity: 1;
        display: inline-block;
        position: absolute;
        top: -50px;
        left: 0;
        z-index: -1;
        font-size: 25px;
    }

.rail-detail-box {
    padding: 30px;
    width: 100%;
    border-bottom: 1px solid #9B9B9B;
    font-size: 14px;
}

    .rail-detail-box:last-child {
        border: 0
    }

    .rail-detail-box .rail-logo {
        width: 100px;
        height: auto;
        display: inline-block;
    }

        .rail-detail-box .rail-logo img {
            width: 100%;
            height: auto;
            display: block
        }

    .rail-detail-box .radio {
        display: inline-block;
        margin: 0 0 15px 0
    }

        .rail-detail-box .radio label {
            position: relative;
            cursor: pointer;
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            color: #42495B;
            text-transform: uppercase;
            float: left;
        }

        .rail-detail-box .radio input {
            padding: 0;
            height: initial;
            width: initial;
            margin-bottom: 0;
            display: none;
            cursor: pointer;
        }

        .rail-detail-box .radio label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #cc2128;
            box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
            padding: 8px;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 15px;
        }

        .rail-detail-box .radio input:checked + label:after {
            content: '';
            display: block;
            position: absolute;
            top: 5px;
            left: 6px;
            width: 5px;
            height: 12px;
            border: solid #cc2128;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .rail-detail-box h3 {
        font-size: 14px;
        font-weight: 600
    }

    .rail-detail-box .rail-ser-note {
        display: block
    }

.rail-ser-note li {
    padding: 0 0 10px 15px;
    display: block;
    width: 100%;
    position: relative;
    font-size: 14px;
}

    .rail-ser-note li:before {
        content: "";
        width: 7px;
        height: 7px;
        display: block;
        background: #A19B9B;
        position: absolute;
        left: 0;
        top: 7px;
    }

.rail-detail-box p {
    margin: 0 0 15px 0;
    font-size: 14px;
}

.rail-detail-box .widget-cus-id {
    width: 100%;
    min-width: 110px;
    display: block;
    float: right;
    margin: 0;
}

.rail-day-box {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0 15px;
    border-left: 1px solid #9B9B9B;
    border-right: 1px solid #9B9B9B;
}

.rail-search-price {
    width: auto;
    float: right;
    text-align: right;
}

    .rail-search-price .re-btn {
        padding: 5px 15px;
        font-size: 14px;
        margin: 5px 0 0 0;
        display: inline-block
    }

    .rail-search-price p {
        margin: 0;
    }

    .rail-search-price h3 {
        margin: 0;
        font-size: 30px;
        font-weight: bold;
        line-height: 20px;
    }

.rail-detail-area .earnul {
    position: absolute;
    right: 0;
    top: -40px;
}

    .rail-detail-area .earnul p {
        width: 100%;
        display: block;
        margin: 5px 0
    }

.pass-cond-area a {
    font-weight: bold;
    color: #CC2128;
    text-decoration: underline
}

.pass-cond-box {
    width: 100%;
    background: #FAF8F8 0% 0% no-repeat padding-box;
    padding: 15px 30px;
    display: block;
    margin: 30px 0
}

    .pass-cond-box li {
        width: 100%;
        display: block;
        padding: 0 0 15px 0;
        margin: 0 0 15px;
        border-bottom: 1px solid #9B9B9B;
    }

        .pass-cond-box li:last-child {
            border: 0;
            margin: 0;
            padding: 0
        }

    .pass-cond-box .form-group {
        margin: 0
    }

        .pass-cond-box .form-group .cond-price {
            width: 15%;
            float: right;
            text-align: right
        }

        .pass-cond-box .form-group .description {
            width: 85%;
            display: inline-block;
        }

.sel-radio-stop {
    display: block;
}

    .sel-radio-stop [type="radio"]:checked + label, .sel-radio-stop [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: block;
        color: #666666;
        margin: 0;
    }

        .sel-radio-stop [type="radio"]:checked + label:before, .sel-radio-stop [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            width: 18px;
            height: 18px;
            border: 1px solid #cc2128;
            border-radius: 50%;
            background: #fff;
        }

        .sel-radio-stop [type="radio"]:checked + label:after, .sel-radio-stop [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #cc2128;
            position: absolute;
            top: 6px;
            left: 3px;
            border-radius: 50%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

.rail-pri-area {
    width: 100%;
    margin: 80px 0 0;
    display: block;
}

.rail-pri-box {
    width: 100%;
    padding: 15px;
    display: block;
    border: 1px dotted #707070
}

.rail-pri-area p {
    font-size: 14px;
    margin: 0
}

.rail-pri-area .description {
    margin: 0;
    padding: 15px;
}

.rail-pri-box .description {
    border-top: 1px solid #9B9B9B;
    margin: 25px 0 0 0;
    padding: 25px 0 0 0;
}

.rail-pri-area .rail-booking {
    border: 1px dotted #707070;
    padding: 15px;
    font-size: 13px;
    text-align: center
}

    .rail-pri-area .rail-booking a {
        color: #CC2128
    }

.modi-rail .select2-container--default .select2-selection--single {
    font-size: 20px;
    padding: 5px 0
}

.result-round-box .rail-pri-box p {
    margin: 0;
}

.pass-del-info {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px 0
}

    .pass-del-info b {
        font-size: 12px;
        font-weight: normal
    }

    .pass-del-info a i {
        font-size: 20px;
        margin: 0 5px 0 0;
    }

.bookingform .rail-detail-box {
    padding: 0;
    border: 0;
}

.pass-details {
    display: block;
    margin: 30px 0;
}

    .pass-details h3 {
        font-size: 18px;
        color: #CC2128
    }

    .pass-details span.plus-icon:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        display: block;
        top: 20px;
        right: 10px;
        background: url("../images/widget-icon.png")no-repeat -175px -15px;
    }

    .pass-details span.plus-icon.collapsed:before {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        display: block;
        top: 20px;
        right: 10px;
        background: url("../images/widget-icon.png")no-repeat -175px 0;
    }

    .pass-details .card-header, .pass-details .accordion > .card {
        border: 0;
    }

    .pass-details .card-header {
        font-weight: bold
    }

.add-travel-box {
    display: block;
    padding: 30px;
    background: #BD1D240F 0% 0% no-repeat padding-box;
}

    .add-travel-box .book-show-box {
        border-radius: 5px;
        font-size: 12px;
        padding: 0;
        box-shadow: none;
        background: none;
        margin: 0
    }

        .add-travel-box .book-show-box .col-md-2 {
            padding: 0 15px !important
        }

        .add-travel-box .book-show-box .form-group {
            width: 48%;
            float: left;
            margin: 0
        }

            .add-travel-box .book-show-box .form-group:nth-last-child(2n+1) {
                float: right
            }

        .add-travel-box .book-show-box .form-control {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #CC2128;
            border-radius: 15px;
            padding: 10px;
            font-size: 12px
        }

            .add-travel-box .book-show-box .form-control.date {
                background: #fff url(../images/calendar-icon.png)no-repeat 96% 10px;
            }

.ticket-heading {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 15px;
    font-weight: normal;
}

    .ticket-heading i {
        color: #CC2128;
        font-size: 20px
    }

.ticket-para {
    width: 100%;
    margin: 30px 0;
}

    .ticket-para strong {
        width: 100%;
        display: block;
        margin: 0 0 15px 0;
    }

.rail-pri-area .re-btn, .rail-pri-area .com-btn {
    font-size: 14px;
    padding: 10px;
    margin: 30px 0 0 10px;
}

.rail-pri-area .rail-booking .description {
    text-align: right;
    padding: 0;
    display: inline-block;
    width: 100%
}

.mtop {
    margin-top: 15px
}

.rail-booking .cond-price {
    font-size: 20px;
}

.booking-text {
    color: #CC2128;
    margin-top: 15px !important;
}

.rail-pass-nav, .rail-pass-nav .passdown-body-down--show {
    width: 230px;
    margin: 0
}

    .rail-pass-nav .passdown__header--icon {
        margin-left: 5px;
    }
/**Hotel Search CSS start**/
.hotel-modify {
    display: block
}

    .hotel-modify .hotel-booking .add-room {
        width: 100%;
    }

    .hotel-modify .hotel-booking .child-holder .form-holder {
        min-width: 48%;
        padding: 0 15px 0 0
    }

    .hotel-modify .hotel-booking .input-effect {
        border: 1px solid #a1a1a1;
        width: 100%;
        font-size: 14px;
        padding: 5px 30px 5px 0
    }

    .hotel-modify .search-input-box {
        width: 100%;
    }

.modify-section.hotel-modify .calendar-box {
    max-width: 165px;
}

.hotel-modify .hotel-booking {
    background: none;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #1c1c1c;
    border-radius: 0
}

.hotel-modify .passdown__header {
    border-bottom: 1px solid #1c1c1c;
}

.hotel-modify .passdown__header--title {
    display: block;
    width: 100%;
    padding: 0 0 20px 0;
}

.hotel-modify .left-holder:hover .adult, .hotel-modify .left-holder:hover .count input.quntity-input {
    color: #1c1c1c !important;
    opacity: 1;
}

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

.hotel-modify .room-add-holder {
    padding: 10px;
    text-align: left
}

.hotel-modify .left-holder .adult {
    text-align: left
}

.hotel-modify .select2-container {
    width: 75px !important
}

.select-age .child-holder .form-holder {
    width: auto;
    padding-right: 5px;
    margin: 0 0 10px;
    display: inline-block;
    font-size: 12px;
}

    .select-age .child-holder .form-holder.display-show {
        display: inline-block !important
    }

.passdown-body-down .com-btn {
    margin: 15px 0;
}
/**Tooltip CSS**/
.toolshow i {
    font-size: 14px !important;
}

[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}
    /* Hide the tooltip content by default */
    [data-tooltip]:before, [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }
    /* Position tooltip above the element */
    [data-tooltip]:before {
        position: absolute;
        bottom: 100%;
        right: -200%;
        margin-bottom: 5px;
        padding: 7px;
        width: auto;
        min-width: 100px;
        border-radius: 3px;
        background-color: #000;
        background-color: hsla(0, 0%, 20%, 0.9);
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 12px;
        line-height: 1.2;
    }
    /* Triangle hack to make tooltip look like a speech bubble */
    [data-tooltip]:after {
        position: absolute;
        bottom: 95%;
        left: 5px;
        margin-left: 0;
        width: 0;
        border-top: 7px solid #000;
        border-top: 7px solid hsla(0, 0%, 20%, 0.9);
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }
    /* Show tooltip content on hover */
    [data-tooltip]:hover:before, [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }

.bookingform .book-show-box {
    margin: 10px auto;
}

.blackul {
    display: block;
}

    .blackul li {
        padding: 0 15px 10px 15px;
        position: relative;
        width: 100%;
        line-height: normal
    }

        .blackul li:before {
            content: "";
            position: absolute;
            width: 7px;
            height: 7px;
            display: block;
            border-radius: 50%;
            background: #4f4f4f;
            left: 0;
            top: 5px;
        }
/**Cruise Css**/
.cruise-content .widget-cus-id .select2-container--default .select2-selection--single {
    background-color: inherit;
    border: 0;
    color: #4d5154;
    padding: 0
}

.cruise-content .search-input-box .widget-cus-id {
    margin: 0 auto
}

.hidden {
    display: none;
}

.fake_input {
    display: flex;
    width: 100%;
    padding: 4px 0 3px;
    min-width: 295px;
}

    .fake_input p, .fake_input span {
        display: inline-flex;
        align-items: center;
        height: auto;
        padding: 0;
        margin: 0;
        width: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.picker-arrow:after {
    content: '';
    display: block;
    height: 0.2857em;
    width: 0.2857em;
    border: solid #000;
    border-width: 0 2px 2px 0;
    padding: 0.2857em;
    transition: all 0.3s ease-in-out;
}
/*.date_pick-container {
  display: inline-block;
}*/
.date_pick.active .picker-arrow:after, .select_box.active .picker-arrow:after {
    top: 1.1428em;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.picker_line {
    height: 5.71428em;
}

.date_selector {
    display: none;
    background: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

    .date_selector.active {
        display: block;
        position: absolute;
        z-index: 1;
        border-radius: 0 0 15px 15px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 5px 10px #8F0A1140;
    }

.selector_date_version {
    float: right;
}

.box_selector {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 10;
    display: none;
    border: 1px solid #ccc;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

    .box_selector.active {
        display: block;
    }

    .box_selector a {
        position: relative;
    }

        .box_selector a.active::before {
            content: '';
            display: block;
            position: absolute;
            top: 0.571428em;
            left: 1.07142em;
            width: 0.5714em;
            height: 0.8571em;
            border: solid #24d1d7;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);
        }

.box_selector-list {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .box_selector-list a:hover {
        text-decoration: none;
    }

    .box_selector-list a.active::before {
        content: '';
    }

.box_selector-element {
    padding: 0.7142em 0 0.7142em 2.5em;
    cursor: pointer;
    line-height: 1;
}

    .box_selector-element:last-child {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

.date_pick.active .fake_input {
    border: none;
    width: 100%;
}

.date_pick {
    width: 100%;
}

    .date_pick.active {
        min-width: 295px;
    }

.picker_date {
}

.date_pick .years {
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 8px 0;
    background: #cc2128;
    width: 100%;
}

    .date_pick .years a {
        width: 2em;
        position: absolute;
        top: 12px
    }

.date_pick .months {
    display: flex;
    flex-wrap: wrap;
    padding: 0.35714em 0.7142em 1.07142em;
    width: 100%;
}

    .date_pick .months a {
        flex-grow: 1;
        flex-basis: 25%;
        margin: 5px;
        text-align: center;
        text-decoration: none;
        padding: 5px;
    }

        .date_pick .months a:active, .date_pick .months a:focus, .date_pick .months a.active {
            background: #cc2128;
            color: #fff;
            border-radius: 50px;
            padding: 5px;
        }

.picker-select-arrow:after {
    content: '';
    position: absolute;
    top: 0.42857em;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    padding: 0.2857em;
    transition: all 0.3s ease-in-out;
}

.date_pick .years a.picker-left {
    left: 15px !important;
}

    .date_pick .years a.picker-left:after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

.date_pick .years a.picker-right {
    right: 15px;
}

    .date_pick .years a.picker-right:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

.date_selector .months .month {
    text-transform: capitalize;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fake_input::after {
    content: '';
    display: inline-flex;
    border: 0;
    background: url(../images/widget-icon.png)no-repeat -146px 9px;
    width: 15px;
    height: 15px;
    top: 20px;
}

.date_pick.active .fake_input::after {
    background: url("../images/widget-icon.png")no-repeat -146px -9px !important
}

.years .year-selected {
    font-size: 18px;
    width: 3.65em;
    padding-left: 0.66em;
    color: #fff;
}
/* Chrome, Safari, Edge, Opera */
.years input::-webkit-outer-spin-button, .years input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
.years input[type=number] {
    -moz-appearance: textfield;
}

.cruise-content .recent-search {
    float: left;
    margin: 0
}

.select2-selection--multiple:before {
    background-position: -175px 0
}

.trip-navigation .select2-container--open .select2-selection__arrow .select2-selection--multiple:before {
    background: url(../images/widget-icon.png)no-repeat -175px -11px !important;
}

.trip-navigation .select2-container--open .select2-selection--multiple:before {
    background-position: -175px -11px;
}

.cruise-content .recent-search .trip-navigation {
    float: left;
    margin: 0;
    width: 340px;
}

.cruise-content .select2-container--default .select2-selection--multiple {
    border: 1px solid #F3F3F3;
    background: #F3F3F3;
}

.cruise-content .recent-search .trip-navigation .select2-dropdown {
    width: 335px !important;
}
/**Table filter CSS**/
.select, #locale {
    width: 100%;
}

.like {
    margin-right: 10px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown-container, .instructions {
    font-size: 14px;
    font-family: sans-serif;
}

.instructions {
    width: 100%;
    text-align: center;
}

.dropdown-button {
    float: left;
    width: 100%;
    background: whitesmoke;
    padding: 10px 12px;
    cursor: pointer;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

    .dropdown-button .dropdown-label, .dropdown-button .dropdown-quantity {
        float: left;
    }

    .dropdown-button .dropdown-quantity {
        margin-left: 4px;
    }

    .dropdown-button .fa-filter {
        float: right;
    }

.dropdown-list {
    float: left;
    width: 100%;
    border: 1px solid lightgray;
    border-top: none;
    box-sizing: border-box;
    padding: 10px 12px;
}

    .dropdown-list input[type="search"] {
        padding: 5px 0;
    }

    .dropdown-list ul {
        margin: 10px 0;
    }

        .dropdown-list ul input[type="checkbox"] {
            position: relative;
            top: 2px;
        }

.filter-table {
    font-size: 12px;
    margin: 10px auto 60px;
}

    .filter-table .form-control {
        margin: 0
    }

    .filter-table .page-item.active .page-link {
        background: #CC2128;
        border-color: #CC2128
    }

    .filter-table .page-link {
        color: #4d5154
    }

    .filter-table .com-btn {
        padding: 5px 10px;
        font-size: 12px;
        width: auto;
        min-width: 80px;
        border: 1px solid #CC2128
    }

.bag-meal-box {
    font-size: 12px;
}

    .bag-meal-box .table td, .bag-meal-box .table th {
        padding: 5px;
    }

    .bag-meal-box .nav-link {
        color: #424242;
        padding: 5px 10px;
        margin: 0;
        background: rgba(189, 29, 36, 0.06);
    }

        .bag-meal-box .nav-link.active {
            color: #fff;
            background: #CC2128;
        }

.tab-content .bottombtn .com-btn {
    padding: 5px 10px;
    min-width: inherit
}

.trip-listing .res-flg-logo {
    margin: 8px 5px 0 0
}

.trip-listing .hotel-title-area h3 {
    font-size: 14px;
    margin: 0;
    font-weight: bold
}

.trip-listing .hotel-title-area .staring {
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 0 5px;
}

    .trip-listing .hotel-title-area .staring i {
        color: #eabb00;
    }

.trip-listing .hotel-title-area p {
    font-size: 12px;
    float: left;
    margin: 0 0 5px 0
}

.trip-listing .hotel-title-area .res-price-text {
    float: left;
    text-align: left
}

.trip-listing .hotel-title-area .res-price-text {
    color: #ca2128;
    font-weight: bold;
    float: right;
}

.trip-listing .result-round-box .res-price-text {
    margin: 0;
    float: right
}

.trip-listing .result-round-box .radio {
    margin: 0 5px 0 0;
    display: inline-block;
    float: left
}

.trip-listing .result-round-box .radio-label {
    font-size: 14px;
    text-transform: uppercase;
    color: #707070;
    font-weight: normal;
    margin: 0
}

.trip-listing .result-round-box .radio strong {
    font-weight: 600;
}

.trip-listing .result-round-box .radio label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #42495B;
    text-transform: uppercase;
    float: left
}

.trip-listing .result-round-box .radio input {
    padding: 0;
    height: inherit;
    width: inherit;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.trip-listing .result-round-box .radio label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #cc2128;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%), inset 0px -15px 10px -12px rgb(0 0 0 / 5%);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
}

.trip-listing .result-round-box .radio input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 12px;
    border: solid #cc2128;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
/**Modify-Area**/
.modify-area {
    display: block;
    width: 100%;
}

    .modify-area .stop-check {
        margin: 0 auto 15px;
    }

    .modify-area .re-btn {
        display: inline-block
    }

    .modify-area .flight-from, .modify-area .rec-flight {
        height: 100px;
    }

    .modify-area .select2-container {
        width: 70px !important;
    }

    .modify-area .add-room .room-add-holder .left-holder {
        padding: 0
    }

    .modify-area .add-room .room-add-holder .select-age {
        padding: 0
    }

    .modify-area .passdown__header--icon {
        margin-left: 15px;
        display: inline-block;
        float: right;
    }

    .modify-area .passdown__header--title {
        width: 90%;
        display: inline-block;
    }

    .modify-area .passdown-body-down--show {
        width: 100%;
        max-width: 200px;
    }

    .modify-area .bookingform .form-control {
        margin: 0;
        height: auto;
    }

    .modify-area .calendar-area {
        margin: 0 auto 10px;
    }

    .modify-area .re-btn {
        margin: 15px auto 0;
        min-width: 220px;
    }

        .modify-area .re-btn:before {
            top: 12px;
        }

    .modify-area .form-control {
        margin: 0;
        height: auto;
    }

    .modify-area .add-room {
        padding: 10px;
        max-width: inherit;
        width: 90%;
    }

.price-box-align {
    float: right;
    text-align: right
}

.extra-bag {
    width: auto;
    display: inline-block;
    position: relative;
    display: none
}

    .extra-bag .select {
        width: auto;
        display: inline-block
    }

    .extra-bag select {
        flex: 1;
        padding: 0 .5em;
        color: #4f4f4f !important;
        cursor: pointer;
        line-height: 20px;
        border-radius: 5px;
    }

    .extra-bag .select::after {
        content: '\25BC';
        position: absolute;
        top: 3px;
        right: 0;
        padding: 0 5px;
        color: #CC2128;
        font-size: 10px;
        height: 0px;
        border-radius: 5px;
        cursor: pointer;
        pointer-events: none;
        -webkit-transition: .25s all ease;
        -o-transition: .25s all ease;
        transition: .25s all ease;
    }
    /* Transition */
    .extra-bag .select:hover::after {
    }

    .extra-bag select {
        flex: 1;
        padding: 0 0.5em;
        min-width: 125px;
        color: #4f4f4f !important;
        cursor: pointer;
        line-height: 20px;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        appearance: none;
        outline: 0;
        box-shadow: none;
        border: 1px solid #cc2128;
        background: #f3f3f3;
        background-image: none;
    }

.res-bagage [data-tooltip]:before {
    right: -50px;
    width: 120px;
    font-size: 12px;
}

#dep-flight, #return-flight {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 5px;
}

    #dep-flight.select-bor, #return-flight.select-bor {
        border: 1px solid #cc2128;
    }

.raileuro-pop {
    margin: 0
}

.modify-area .flight-swipe {
    top: 34px;
}

.amin-icons [data-tooltip]:before {
    position: absolute;
    bottom: 100%;
    right: -99%;
    margin-bottom: 5px;
    padding: 7px;
    width: auto;
    min-width: 100px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
}

.profile-nav .nav-item .re-btn {
    min-width: inherit;
    padding: 3px 15px;
    margin: 0 0 0 10px;
    width: 150px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: center
}

    .profile-nav .nav-item .re-btn:hover {
        background: #CC2128;
        color: #fff
    }

    .profile-nav .nav-item .re-btn p {
        display: block;
        padding: 0 5px;
        width: 100%;
        transform: translateX(100%); /* Animation start out of the screen */
        /* Add the animation */
        animation: move 10s linear infinite /* infinite make reapeat the animation indefinitely */;
    }
/* Create the animation */
@keyframes move {
    to {
        transform: translateX(-100%);
    }
}

.profile-nav .nav-item .bal-icon:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(../images/credit-icon.png)no-repeat 0px 1px;
    left: 0;
    top: 6px;
}

.profile-nav .nav-item .credit-icon:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 30px;
    background: url(../images/credit-icon.png)no-repeat -35px 0px;
    left: 0;
    top: 4px;
}

.close {
    position: absolute;
    right: 15px;
    top: 20px;
    border-radius: 50px;
    width: 25px;
    height: 25px;
    color: #CC2128;
    text-align: center;
    line-height: 25px;
    opacity: 1;
    z-index: 9;
}

.bookingform .close {
    border: 0 !important;
    padding: 0;
    margin: 0
}
/* image rollover effect */
.hover14 figure {
    position: relative;
}

    .hover14 figure::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .hover14 figure:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
/* Circle */
.hover15 figure {
    position: relative;
}

    .hover15 figure::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, .2);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

    .hover15 figure:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
/**New Css**/
.fliter-click-box .form-control {
    font-size: 12px;
    border-radius: 5px;
    margin: 0 0 5px 0
}

.res-price-box .dropdown-toggle::after {
    display: none
}

.res-price-box .dropdown-menu {
    border: 1px solid #cdcdcd;
    border-radius: 10px;
    font-size: 12px;
    padding: 10px;
}

    .res-price-box .dropdown-menu li strong {
        float: right
    }

    .res-price-box .dropdown-menu li {
        border-bottom: 1px dashed #cdcdcd;
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }

        .res-price-box .dropdown-menu li:last-child {
            border: 0;
            padding: 0;
            margin: 0
        }
/*fight dropdown start*/
.newtab ul {
    margin: 0 !important;
}

.newtab .dropdown-submenu {
    position: relative;
    padding: 0;
}

    .newtab .dropdown-submenu .dropdown-item-toggle {
        margin-right: 5px;
    }

        .newtab .dropdown-submenu .dropdown-item-toggle::after {
            position: absolute;
            right: 7px;
            content: "▸";
            color: #aaa;
            margin-left: 0.5rem;
        }

    .newtab .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }

.newtab .dropdown-item {
    font-size: 14px;
}

.newtab .dropdown-menu {
    margin: 0;
    padding: 0;
}

.newtab .dropdown-item:focus, .newtab .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #CC2128;
}

.newtab .dropdown-submenu:hover .dropdown-item-toggle::after, .newtab .dropdown-submenu:focus .dropdown-item-toggle::after {
    position: absolute;
    right: 7px;
    content: "▸";
    color: #fff;
    margin-left: 0.5rem;
}

.widget-search-tabs .nav-link i.arrow-icon {
    background: #D6C5C521 url(../images/widget-icon.png)no-repeat 0 0;
    background-position: -145px 0;
    width: 13px;
    height: 10px;
    top: 16px;
    left: 4px;
    float: right;
    border: 0px;
}

.newtab .dropdown-toggle::after {
    content: "";
    position: absolute !important;
    background: rgba(183, 183, 183, 0.2) !important;
    height: 3px !important;
    bottom: 8px !important;
    left: 30px !important;
    width: 65% !important;
    border-top: 0em solid;
    border-right: 0em solid transparent;
    border-bottom: 0;
    border-left: 0em solid transparent;
}

.newtab .nav-link:first-child {
    border-radius: 20px 0 0 0;
    width: 100%;
}
/*View PNR Start*/
ul.viewpnr {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-around;
    width: 76%;
}

    ul.viewpnr li {
        display: inline-block;
        margin: 15px 10px 15px;
        width: 50%;
    }

        ul.viewpnr li a {
            color: #fff;
            width: 100%;
            display: block;
            background: #CC2128;
            border: 1px solid #fff;
            border-radius: 15px;
            padding: 12px;
            box-shadow: 0px 4px 9px #970309b3;
        }

        ul.viewpnr li:hover a {
            background: #fff;
            border-radius: 15px;
            border: 1px solid #CC2128;
            color: #CC2128;
        }

ul.printbtn {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

    ul.printbtn li {
        display: inline-block;
        margin: 2px 2px;
        width: calc(50% - 42px);
    }

        ul.printbtn li a {
            width: 100%;
            display: block;
            border: 1px solid #e5e9f2;
            background: #fff;
            border-radius: 6px;
            color: #42495B;
            text-align: left;
            padding: 12px;
        }

        ul.printbtn li:hover a {
            background: #CC2128;
            border-radius: 6px;
            color: #fff;
        }

        ul.printbtn li a i {
            color: #fff;
            background: #CC2128;
            width: 36px;
            line-height: 33px;
            text-align: center;
            height: 36px;
            font-size: 16px;
            border-radius: 50px;
            margin: 0 10px 0 0;
        }

        ul.printbtn li:hover a i {
            color: #CC2128;
            background: #fff;
        }

ul.fare-check {
    margin: 15px auto 0;
    text-align: center;
    display: flex;
    justify-content: space-around;
    width: 50%;
    padding: 0;
}

    ul.fare-check li {
        display: inline-block;
        margin: 0px 0px 0px;
        width: 50%;
    }
/*tab table start*/
.tabletab {
    margin: 20px 0 0 0;
}

    .tabletab li.nav-item {
        position: relative;
    }

    .tabletab .nav {
        display: flex;
        justify-content: center;
    }

    .tabletab .flight-menu .flight-sub-tab {
        position: relative;
        font-size: 16px;
        font-weight: 500;
        padding: 10px 20px;
        line-height: 20px;
        display: inline-block;
        border-radius: 5px !important;
        width: auto;
    }

#hotel-box, #pnr-box, #cruise-box {
    display: table;
}
/* image rollover effect */
.hover14 figure {
    position: relative;
}

    .hover14 figure::before {
        position: absolute;
        top: 0;
        left: -75%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .hover14 figure:hover::before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
/* Circle */
.hover15 figure {
    position: relative;
}

    .hover15 figure::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255, 255, 255, .2);
        border-radius: 100%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
    }

    .hover15 figure:hover::before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.result-main-section .device-display .active {
    background: #CC2128;
    color: #fff
}
/**Pagination CSS**/
.pagination .page-link {
    border: 1px solid #d3d3d3;
    color: #CC2128
}

.pagination .page-item {
    font-size: 14px;
    padding: 0 2px;
    line-height: 20px;
}

    .pagination .page-item.disabled .page-link {
        color: #b8b8b8;
    }

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

.ui-datepicker-month, .ui-datepicker-year {
    font-size: 14px;
    margin: 0 5px;
    text-align: center;
    padding: 3px;
    border: 0;
    border-radius: 5px;
    box-shadow: 0px 3px 5px #8f0a1140;
}

.bookingform .form-control.date, .bookingform .form-control.birthDate {
    background: url(../images/calendar-icon.png)no-repeat 96% 6px;
}
/**Landing page CSS**/
.product-area {
    display: block;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px #8F0A1140;
    border-radius: 20px;
    opacity: 1;
    padding: 70px 15px 0;
}

    .product-area .product-list-slider {
        width: 100%;
        display: inline-block;
        margin: -110px auto 30px;
    }

        .product-area .product-list-slider a {
            text-align: center;
            font-size: 18px;
            font-weight: 500;
            display: inline-block
        }

            .product-area .product-list-slider a.active {
                color: #CC2128
            }

                .product-area .product-list-slider a.active .pro-icon-box {
                    background-color: #fff;
                    box-shadow: 0px 3px 6px #00000029;
                }

.product-list-slider a:hover .pro-icon-box {
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
}

.product-list-slider .pro-icon-box {
    width: 75px;
    height: 75px;
    border-radius: 85px;
    display: block;
    background: #F2F2F2 url("../images/product-list-icon.png?v1")no-repeat 13px 0;
    margin: 0 auto 5px;
}

.pro-icon-box.hotel-icon {
    background-position: -58px 0
}

.pro-icon-box.cruise-icon {
    background-position: -132px 0
}

.pro-icon-box.rail-icon {
    background-position: -205px 0
}

.pro-icon-box.sight-icon {
    background-position: -277px 0
}

.pro-icon-box.insurance-icon {
    background-position: -348px 0
}

.pro-icon-box.visa-icon {
    background-position: -421px 0
}

.pro-icon-box.holiday-icon {
    background-position: -493px 0
}

.pro-icon-box.tmc-icon {
    background-position: -555px 0
}
    .pro-icon-box.train-icon{
        background-position: -678px 0px !important;
    }
.pro-icon-box.car-icon {
    background-position: -618px 0px !important;
}
.pro-icon-box.bus-icon {
    background-position: -735px 0px !important;
}
    .flight-search-box {
        margin: 0 auto;
        display: none
    }

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    z-index: 1;
    border-radius: 0 0 10px 10px;
    border: 1px solid #F3F3F3;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #8f0a1140;
    padding: 0;
    font-size: 14px;
    overflow: hidden
}

    .dropdown-content a {
        padding: 5px 15px;
        text-decoration: none;
        display: block;
        color: #b22e35
    }

        .dropdown-content a:hover {
            background-color: #b22e35;
            color: #fff
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.hotel-search-box {
    display: block
}

.pd-to {
    padding-top: 20px
}

.pd-lf {
    padding-left: 0
}

.pd-lr {
    padding-right: 0
}

.cruise-search-box {
    display: block
}

.crusie-agent {
    background: #F3F3F3;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0
}

.bookingform .form-control.date, .bookingform .form-control.birthDate {
    background: #f3f3f3 url(../images/calendar-icon.png)no-repeat 96% 6px;
}

.birthDate {
    background: #f3f3f3 url(../images/calendar-icon.png)no-repeat 96% 6px !important;
}

.ui-menu {
    max-width: 480px;
    height: 300px;
    overflow-y: auto;
    width: 100%;
    background: #fff;
    border: 1px solid #d4d4d4;
}

.ui-menu-item-wrapper.flag-ng {
    border-radius: 0;
    padding: 5px 10px;
}

.agent-fld {
    position: relative;
}

    .agent-fld:before {
        content: "";
        width: 15px;
        height: 15px;
        background: #fff url(../images/widget-icon.png)no-repeat -146px 0;
        position: absolute;
        right: 0;
        top: 5px;
        z-index: 9;
    }

.trip-selector, .custid-selector {
    border: 0;
}

.agent-fld select option {
    background: #fff;
    border-radius: 5px !important;
    border: 1px solid #d4d4d4 !important;
}

option:checked, option:hover {
    background-color: #CC2128 !important;
    color: #fff !important
}

.cruise-content .search-input-box {
    padding: 15px
}

.cruise-content .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 0
}
/* PRELOADER CSS */
.page-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index: 1000;
    display: block
}

.spinner {
    position: relative;
    top: 35%;
    width: 200px;
    height: 200px;
    display: block;
    margin: 0 auto;
    /*border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;*/
}
/*@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}*/
.loading-progress {
    margin: 0 auto;
    width: 100%;
    background: #F3F3F3
}

    .loading-progress .progress-bar {
        background-color: #cc2128
    }

    .loading-progress .progress-bar-striped {
        background-size: 500px 500px;
        font-size: 12px;
    }

.bookingform .add-per-btn {
    margin: 25px 0 0 0;
    width: 100%;
    display: block;
}

.review-right {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px #8f0a1140;
    border: 0;
    border-radius: 10px;
    padding: 15px;
    margin: 15px auto;
    display: inline-block;
}

.price-break {
    width: 100%;
    box-shadow: 0px 10px 20px #8f0a1140;
    border: 0;
    border-radius: 10px;
    margin: 15px auto 0;
    background: #FFFFFF;
    overflow: hidden;
    padding: 15px 0 0 0;
}

.gst-check {
    width: 100%;
    margin: 0;
    padding: 10px 0 !important
}

    .gst-check .radio label span {
        width: auto;
        display: inline-block;
        margin: 0;
    }

.notebox strong {
    color: #CC2128;
}
/*price-break details*/
.price-break {
    width: 100%;
    box-shadow: 0px 10px 20px #8f0a1140;
    border: 0;
    border-radius: 10px;
    margin: 15px auto 0;
    background: #FFFFFF;
    overflow: hidden;
    padding: 15px 0 0 0;
}

    .price-break h3 {
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 20px;
        font-weight: 600;
    }

    .price-break ul, .price-break ul li {
        display: inline-block;
        width: 100%;
        margin: 0 0 10px;
    }

    .price-break .room-sel-ul li {
        display: inline-block;
        width: auto;
        border: 0;
        padding: 0;
        margin: 0;
    }

    .price-break .add-on-ul li {
        width: 100%;
        display: inline-block;
        margin: 0;
        font-size: 14px;
        padding: 0;
    }

.price-info {
    color: #CC2128;
    float: left;
    font-size: 12px;
    margin: 10px 10px 10px 10px;
}

.cabin-priz-box {
    width: 40% !important;
    float: right;
    text-align: right;
}

    .cabin-priz-box strong {
        font-size: 16px;
        font-weight: bold;
        color: #CC2128;
    }

.price-break .total-fare-box {
    background: #CC2128;
    padding: 15px 15px;
    margin: 0px 0 0px 0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    float: left;
}

    .price-break .total-fare-box span {
        width: 50%;
        float: left;
    }

    .price-break .total-fare-box p {
        width: 50% !important;
        float: right;
        text-align: right;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }

        .price-break .total-fare-box p i {
            font-size: 14px;
            display: block;
            width: 100%;
            font-weight: normal;
            font-style: normal;
        }
/*How would you like to pay?*/
.payment-box {
    display: block;
    width: 100%;
}

    .payment-box li {
        background: #F0F0F0;
        padding: 10px;
        margin: 0 auto 20px;
        border-radius: 5px;
        font-weight: 600 !important;
        display: inline-block;
        width: 100%;
    }

        .payment-box li .radio-label {
            width: 100%;
            display: block;
            cursor: pointer;
            line-height: 24px;
            margin-bottom: 0
        }

        .payment-box li .payment-amt {
            width: auto;
            float: right;
            font-size: 22px;
        }

.payment-drop {
    display: block;
    width: 100%;
}

    .payment-drop label {
        margin: 0;
        font-weight: normal;
    }

    .payment-drop .select {
        position: relative;
        display: flex;
        width: 100%;
        height: 35px;
        margin: 0 0 10px 0;
        line-height: 3;
        background: #f3f3f3 !important;
        overflow: hidden;
        border-radius: 0.25em;
    }

    .payment-drop .total-fare-box {
        padding: 0;
        margin: 0;
        color: #CC2128;
        font-weight: bold;
        font-size: 22px;
        display: inline-block;
        width: 100%;
    }

        .payment-drop .total-fare-box i {
            font-size: 14px;
            font-style: normal;
            font-weight: normal;
            color: #7E838F;
            width: 100%;
        }

.payment-amt strong {
    font-weight: bold;
    color: #CC2128;
}

.payment-drop .select {
    position: relative;
    display: flex;
    width: 100%;
    height: 35px;
    margin: 0 0 10px 0;
    line-height: 3;
    background: #f3f3f3 !important;
    overflow: hidden;
    border-radius: 0.25em;
}

.payment-drop select {
    flex: 1;
    padding: 0 0.5em;
    color: #4f4f4f !important;
    cursor: pointer;
    line-height: 20px;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
}

.payment-drop .select::after {
    content: '\25BC';
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0 5px;
    background: #f3f3f3;
    color: #CC2128;
    height: 30px;
    line-height: 33px;
    border-radius: 5px;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.payment-drop strong {
    color: #CC2128;
}

.bottom-btn {
    display: block
}

.right-btn {
    float: right
}

    .right-btn .re-btn {
        padding: 5px 15px;
        display: inline-block;
        font-size: 14px;
        margin: 0 0 10px 0;
        min-width: inherit;
    }

.add-pass-details {
    display: block;
}

    .add-pass-details .re-btn {
        display: inline-block;
        margin: 10px 0 0 0;
        padding: 5px 10px;
    }

.list-adult {
    width: auto;
    display: inline-block;
    float: right;
    color: #cd2439
}

.icon-heading .sub-title {
    font-size: 14px;
    color: #42495B;
    font-weight: normal
}

.bookingform .add-pas-list {
    padding: 5px 10px;
    display: inline-block;
}

.filter-listing {
    display: inline-block;
    width: auto;
    float: right;
}

    .filter-listing li {
        width: auto;
        display: inline-block !important
    }

.sel-grp-airline .radio input[type="radio"]:checked + .radio-label {
    font-weight: normal !important;
    color: #42495B !important
}

.sel-grp-airline .radio label {
    font-weight: normal !important;
    color: #42495B !important
}
/*view Pnr*/
.print-section {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 20px 0 50px;
}

    .print-section strong {
        font-weight: 600;
    }

.top-box .table {
    background: #CC2128;
    color: #fff;
}

.print-box {
}

    .print-box .table-bordered thead th {
        border-bottom-width: 2px;
        background: #cdcdcd;
        color: #4D5154;
    }

    .print-box .table th {
        padding: 10px;
        vertical-align: middle;
        border-top: 1px solid #dee2e6 !important;
    }

    .print-box .table td {
        padding: 10px;
        vertical-align: middle;
    }

.table-box .table {
    border: 1px solid #dee2e6;
    border-radius: 10px;
}

    .table-box .table th {
        padding: 5px 20px;
        vertical-align: top;
        border-top: 0px solid #dee2e6;
    }

    .table-box .table td {
        padding: 5px 20px;
        vertical-align: top;
        border-bottom: 1px solid #dee2e6;
    }

.valin {
    vertical-align: middle;
}

.info {
    margin: 0 0 30px 0;
    font-size: 13px;
    overflow-wrap: break-word;
}

    .info strong {
        font-weight: 600;
        display: block;
    }

.head-name {
    font-size: 16px;
    margin: 5px 0 5px 0;
    font-weight: 600;
}

.head-pnr {
    font-size: 20px;
    margin: 0;
}

.top-box a {
    color: #fff;
}

    .top-box a:hover {
        color: #fff;
        text-decoration: underline;
    }

.print-btn {
    display: flex;
    justify-content: center;
    margin: 0 0 30px 0;
}

    .print-btn .re-btn {
        margin: 0 10px;
    }

.print-box label {
    display: block;
    margin-bottom: 0.5rem;
}

.print-box textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
    height: 50px;
    border: 1px solid #dee2e6;
}

.grey {
    background: #8b898921;
}

.print-box .form-control {
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 15px;
    font-weight: 500;
    color: #4d5154;
    margin: 0;
    border: 1px solid #d5d5d5;
}

    .print-box .form-control:focus {
        outline: none;
        border: 1px solid #CC2128;
        width: 100%;
        transition: 0.5s;
        box-shadow: none;
        background: #F3F3F3;
    }

.reenter .table th {
    padding: 5px 14px;
    vertical-align: middle;
    border-top: 0px solid #dee2e6 !important;
    color: #4D5154;
}

.reenter .form-control {
    border-radius: 5px;
    font-size: 14px;
    padding: 8px 15px;
    font-weight: 500;
    color: #4d5154;
    margin: 0;
}

    .reenter .form-control:focus {
        outline: none;
        border: 1px solid #CC2128;
        width: 100%;
        transition: 0.5s;
        box-shadow: none;
        background: #F3F3F3;
    }

.timeclock .btn-primary {
    background: #e74e6c !important;
    border: 0px;
}

    .timeclock .btn-primary:hover {
        background: #9b4075 !important;
        border: 0px;
    }

.timeclock select > option {
    background: #E74E6C;
    color: #fff;
    line-height: 100px !important;
    max-height: 100px !important;
    margin: 30px 0 !important;
    padding: 30px 0px !important;
}

    .timeclock select > option:hover {
        background: #4e3180 !important;
    }

label.inline-box {
    display: inline;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #049087 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #0060a9;
    box-shadow: #0060A90 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.calendarIcon {
    width: 20px;
    height: 20px;
}

button.xdsoft_today_button {
    display: none !important;
    visibility: hidden !important;
}

.btnADD {
    background: #666;
    color: #fff;
    width: 30px;
    height: 30px;
    font-weight: 600;
    line-height: 28px;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid #666;
}

    .btnADD:hover, .btnDLT:hover {
        background: #fff;
        border: 1px solid #CC2128;
        color: #CC2128;
    }

.btnDLT {
    background: #CC2128;
    color: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid #CC2128;
    font-weight: 600;
    line-height: 28px;
    font-size: 20px;
    border-radius: 4px;
}

.ssr-btn {
    width: auto;
    padding: 4px 14px;
    border: 1px solid #CC2128;
    border-radius: 15px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    transition: 0.5s;
    background: #CC2128;
    position: relative;
    text-align: center;
}

    .ssr-btn:hover {
        background: #fff;
        color: #CC2128;
        border: 1px solid #CC2128;
    }
/*review booking*/
.review-section {
    padding: 15px 0 50px;
    display: block;
}

    .review-section .hotel-box {
        width: 100%;
        display: block;
        padding: 0px 0 15px 0;
        margin: 0 auto 20px;
    }

    .review-section .hotel-title-box ul li {
        width: auto;
        float: left;
        font-size: 12px;
        padding: 0 15px 0 0;
        position: relative;
        opacity: 1;
    }

.plot-details {
    border-bottom: 1px dashed #D4D4D4;
    padding: 0 0 2px 0;
    margin: 0 0 2px 0;
    display: block;
}

ul.check-in {
    align-items: center;
    display: flex !important;
    justify-content: center;
}

    ul.check-in li:nth-child(2) {
        text-align: center !important;
        width: 28%;
        margin: 0;
        padding: 0;
    }

    ul.check-in li:first-child, ul.check-in li:last-child {
        background: #CC2128;
        width: 36%;
        color: #fff;
        margin: 0;
        border-radius: 6px;
        text-align: center;
        padding: 3px 0px 0px 0;
        font-size: 12px;
    }

    ul.check-in li strong {
        display: block;
        font-weight: 600;
        font-size: 12px;
        padding: 0 0 4px 0;
    }

    ul.check-in li span {
        display: block;
        font-weight: 600;
        font-size: 12px;
        background: #F0F0F0;
        color: #42495B;
        padding: 4px 0;
        width: 100%;
    }

    ul.check-in li:nth-child(2) span {
        display: block;
        font-weight: 600;
        font-size: 14px;
        background: #fff;
        color: #42495B;
        padding: 5px 0;
        width: 100%;
    }

.review-head {
    color: #42495B;
    font-weight: 600;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.review-right {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px #8f0a1140;
    border: 0;
    border-radius: 10px;
    padding: 15px;
    margin: 15px auto;
    display: inline-block;
}

.review-left {
    width: 100%;
    box-shadow: 0px 10px 20px #8f0a1140;
    border: 0;
    border-radius: 10px;
    padding: 15px;
    margin: 15px auto;
    background: #FFFFFF;
}

.review-right h2 {
    font-size: 24px;
}
/*flight retrieve pnrm start*/
#retrivepnr .card {
    margin: 0 0 10px 0;
    padding: 0;
    border-radius: 10px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: 5px solid #CC2128;
}

    #retrivepnr .card .card-header {
        border: 0;
        -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        border-radius: 2px;
        padding: 0;
    }

        #retrivepnr .card .card-header .btn-header-link {
            display: block;
            text-align: left;
            background: #CC2128;
            color: #fff;
            padding: 10px;
            border-radius: 10px 10px 0 0;
            font-size: 16px;
        }

            #retrivepnr .card .card-header .btn-header-link:after {
                content: "\f107";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                float: right;
            }

            #retrivepnr .card .card-header .btn-header-link.collapsed {
                background: #F0F0F0;
                color: #42495B;
                border-radius: 10px;
                font-weight: 600;
                font-size: 16px;
            }

                #retrivepnr .card .card-header .btn-header-link.collapsed:after {
                    content: "\f106";
                }

    #retrivepnr .card .collapse {
        border: 1px solid #cc2128;
    }

    #retrivepnr .card .card-body {
        padding: 10px;
    }

#retrivepnr .tabletab .nav {
    display: flex;
    justify-content: left;
}

#retrivepnr .flight-menu .flight-sub-tab.active:after {
    border-top: 0px solid #CC2128;
}

#retrivepnr .tab-container {
    display: inline-block;
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    color: #2C3039;
    margin: 0px auto 0;
    padding: 10px 10px 0px 10px;
    border: 1px solid #dee2e6;
}

    #retrivepnr .tab-container .form-group {
        margin: 0 0 10px 0;
    }

#retrivepnr .tabletab .flight-menu .flight-sub-tab {
    font-size: 14px;
    border-radius: 10px 10px 0px 0 !important;
    font-weight: 600;
    border: 1px solid #dee2e6;
}

#retrivepnr .flight-menu {
    margin: 0 0 0px 0 !important;
}

.card .table {
    margin-bottom: 0;
}

.nofare {
    padding: 90px 0;
}

.t-left {
    text-align: left;
    float: left;
}

.t-right {
    text-align: right;
    float: right;
}

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

.paymentmode {
    float: left;
}

.totalbg {
    background: #CC2128;
    color: #fff;
}

td.paymentmode {
    border: 0px solid #dee2e6 !important;
    border-top: 0px solid #dee2e6 !important;
}

.paymentmode .recent-search .trip-navigation {
    float: left;
    margin: 0 0 0 0px !important;
    border: 0px solid #dee2e6 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .03);
}

.popup-select .recent-search {
    width: 100%;
    float: left;
    margin: 0px 0 0 0;
}

    .popup-select .recent-search .trip-navigation {
        width: 100%;
        background: #F3F3F3;
        padding: 15px 10px;
        text-align: left;
        height: auto;
        border-radius: 15px;
        border: 1px solid #F3F3F3;
        font-size: 14px;
        margin: 0 0 0 0px;
        display: block;
        float: left;
    }

.popup-select .book-demo-modal .modal-body form {
    margin: 20px auto 0;
}

.pop-sub {
}

#retrivepnr .recent-search {
    width: 100%;
    float: left;
    margin: 0px 0 0 0;
}

    #retrivepnr .recent-search .trip-navigation {
        width: 100%;
        background: #F3F3F3;
        padding: 5px 10px;
        text-align: left;
        height: auto;
        border-radius: 5px;
        border: 1px solid #F3F3F3;
        font-size: 14px;
        margin: 0 0 10px 0px;
        float: left;
        color: #4d5154;
    }

.gst-checkbox .widget-cus-id .select2-container, .gst-checkbox .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
    width: 100% !important;
    font-weight: 500;
    color: #82757d;
    display: inline;
    word-wrap: normal !important;
    text-align: left;
    padding: 0;
}

.ctcm {
    background-color: #dee2e6ba;
    border: 1px solid #dee2e6;
    margin: 0 0 30px 0;
    padding: 10px 15px;
}

.gst-checkbox {
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin: 0 0 15px 0;
    padding: 15px 15px 0 15px;
}

.print-section .select {
    position: relative;
    display: flex;
    width: 100%;
    height: 39px;
    line-height: 3;
    overflow: hidden;
}

.print-section select {
    flex: 1;
    padding: 0px 15px;
    color: #4d5154 !important;
    cursor: pointer;
    line-height: 35px;
    border: 1px solid #d5d5d5;
    background: #F3F3F3 !important;
    font-size: 14px;
    border-radius: 10px;
}
/* Arrow */
.print-section .select::after {
    content: '\25BC';
    position: absolute;
    top: 1px;
    right: 5px;
    padding: 0 5px;
    background: #f3f3f3;
    color: #CC2128;
    height: 31px;
    cursor: pointer;
    pointer-events: none;
    border-radius: 5px;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}
/* Transition */
.print-section .select:hover::after {
    color: #666;
}

.popup-select .select {
    position: relative;
    display: flex;
    width: 100%;
    height: 54px;
    border: 0px solid #d5d5d5 !important;
    line-height: 3;
    overflow: hidden;
}

.popup-select select {
    flex: 1;
    padding: 15px;
    color: #4d5154 !important;
    cursor: pointer;
    line-height: 59px;
    border: 1px solid #F3F3F3;
    background: #F3F3F3 !important;
    font-size: 14px;
    border-radius: 15px;
}

.popup-select .select::after {
    content: '\25BC';
    position: absolute;
    top: 6px;
    right: 5px;
    padding: 0 5px;
    background: #F3F3F3;
    color: #CC2128;
    height: 35px;
    cursor: pointer;
    border-radius: 5px;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
}

.popup-select .select:hover::after {
    color: #666;
}
/*flight retrieve pnrm end*/
.attributes-btn {
    cursor: pointer;
    margin: 0;
    display: block !important
}

.attributes-box {
    display: none;
}

.selecthide {
    display: none;
}

.selectshow {
    display: block;
}

.selfBalance .payment-box li .payment-amt {
    font-size: 14px;
}

.selfBalance .payment-box li .radio-label {
    font-weight: normal
}

.print-section .re-btn {
    display: inline-block;
    margin-top: 30px;
}

.selfBalance .print-section select {
    background-color: #fff !important
}

.pri-color {
    color: #ca2128
}
/**Inner Page Loader CSS**/
.inner-page-loader {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.inner-loader-popup {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-loader-spinner {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    background: #fff;
    text-align: center
}

    .inner-loader-spinner img {
        width: 100%;
        margin: auto;
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

.child-count {
    background: #eee;
    width: auto;
    height: auto;
    text-align: center;
    margin: 5px;
    display: none
}

.child-count-list .child-count {
    display: block
}

.child-sel-box {
    clear: both;
    margin-top: 10px;
}

.child-box {
    width: auto;
    height: auto;
    display: inline-block
}

    .child-box .form-holder {
        padding: 0 !important;
        margin: 0 5px 5px 0 !important;
    }

    .child-box select {
        margin: 0 !important
    }

.hidden {
    display: none
}

.flt-prevnext-date {
    display: inline-block;
    width: 100%;
    padding: 10px 0
}

.result-round-sort ul {
    display: inline-block;
    width: auto;
}

.result-round-sort li {
    width: auto;
    display: inline-block;
    font-weight: 600
}

    .result-round-sort li.divider {
        color: #CC2128;
        padding: 0 5px
    }

.result-round-sort span {
    width: auto;
    display: inline-block;
    float: right;
}

.result-round-sort li .re-btn {
    width: auto;
    max-width: inherit;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600
}

.hotel-booking-arrow {
    cursor: pointer
}

.hotel-booking:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    display: block;
    right: 2px;
    top: 15px;
    z-index: 0;
    background: url(../images/widget-icon.png)no-repeat -175px 0;
}

.input-close {
    position: relative
}

.inclsbtn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    display: block;
    color: #7b7b7b;
    cursor: pointer
}

.paymentgateway label {
    margin: 0
}


.baggage-modal .modal-header {
    width: 100%;
    display: block
}

.baggage-modal .baggage-content {
    width: 70%;
    margin: 0 auto;
}

.modal-header .close {
    padding: 0;
    margin: 0
}

.baggage-modal p {
    margin: 0 auto 30px;
    font-weight: 600
}

.baggage-modal .re-btn {
    margin: 0 5px;
}

.baggage-btn {
    width: auto;
    padding: 5px 15px;
    margin: 0 0 15px 0;
    display: inline-block
}

.return-sort-list {
    display: block;
}

.contact-form-section {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 7px 3px 0px rgba(0, 0, 0, 0.08);
}

.contact-form-area {
    padding: 35px;
    display: inline-block;
    width: 60%;
}

.formfiled textarea {
    min-height: 45px;
    width: 100%;
}

.contact-form-area .formicon {
    width: 55px;
    padding: 0 10px 0 0;
    height: 45px;
    border-right: 1px solid #ededed;
    background: url("../images/contact-spirit-icon.png")no-repeat 14px 10px;
    text-indent: -9999px;
}

.contact-form-section .contact-inform {
    width: 40%;
    height: 100%;
    float: right;
    padding: 60px 40px;
    display: inline-block;
    color: #fff;
    position: relative;
}

    .contact-form-section .contact-inform:before {
        content: "";
        width: 100%;
        height: 100vh;
        background: #d44b5e;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        z-index: -1;
    }

.contact-inform h3 {
    font-weight: bold;
    text-align: left;
    text-transform: inherit;
    color: #fff;
}

.contact-inform ul {
    width: 100%;
    margin: 40px 0;
}

    .contact-inform ul li {
        width: 100%;
        display: block;
        margin: 0 0 30px 0;
        padding: 0 0 0 40px;
        background: url(../images/contact-spirit-icon.png)no-repeat -54px 5px;
    }

        .contact-inform ul li a {
            display: block;
            color: #fff;
        }

        .contact-inform ul li.cont-mob {
            background-position: -52px -99px
        }

        .contact-inform ul li.cont-email {
            background-position: -52px -164px
        }

.contact-map-sec {
    width: 100%;
    margin: -60px auto 0;
    text-align: center;
}

    .contact-map-sec .contact-select-box {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        width: 820px;
        height: auto;
        padding: 15px;
        margin: 0 auto;
        display: inline-block;
        z-index: 1;
        position: relative;
    }

.contact-select-box .state-result {
    width: 100%;
    max-width: 475px;
    display: block;
    float: right
}

.ticket-confirm-box {
    display: block;
    width: 100%;
}

    .ticket-confirm-box .title {
        font-size: 18px;
        margin: 0
    }

    .ticket-confirm-box ul {
        margin: 0 !important;
        display: block
    }

        .ticket-confirm-box ul li {
            padding: 0 0 5px 0
        }

.confirm-flt-box {
    display: block;
}

    .confirm-flt-box .title {
        font-size: 16px;
        font-weight: 600;
        color: #fff;
        padding: 10px;
        background: #CC2128;
        margin: 0 auto
    }

        .confirm-flt-box .title i {
            margin: 0 10px 0 0
        }

        .confirm-flt-box .title span {
            font-size: 16px;
            font-weight: 600;
            color: #fff;
            text-transform: none;
            display: inline-block;
            float: right;
            width: auto;
        }

    .confirm-flt-box .result-show-box {
        border-radius: 0 0 5px 5px;
    }

.flight-del-ul {
    width: 100%;
    display: block;
    line-height: 20px;
}

    .flight-del-ul li {
        width: auto;
        display: inline-block;
        font-weight: normal;
        font-size: 12px;
    }

.trvl-details {
    padding: 10px 0 0;
    display: block;
    color: #707070
}

    .trvl-details h4 {
        font-size: 14px;
        font-weight: 600;
    }

    .trvl-details .table {
        font-size: 12px;
    }

.seat-box-area .nav-pills .nav-link.bfc-icon:before {
    background-position: -98px -166px;
    left: 10px;
    top: 2px;
}

.seat-box-area .nav-pills .nav-link.bfc-icon.active:before, .seat-box-area .nav-pills .nav-link.bfc-icon:hover:before {
    background-position: -98px -200px;
}

.seat-box-area .nav-pills .nav-link.moc-fee-icon:before {
    background-position: -144px -166px;
    left: 10px;
    top: 2px;
}

.seat-box-area .nav-pills .nav-link.moc-fee-icon.active:before, .seat-box-area .nav-pills .nav-link.moc-fee-icon:hover:before {
    background-position: -144px -200px;
}

.redtext {
    color: #ca2128;
    font-weight: 600;
}

.greentext {
    color: #77a50a;
    font-weight: 600;
}

.password-field #passToggler {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

#select-seat .trip-listing {
    height: 500px
}

.seat-selection {
    padding: 0 25px;
    display: inline-block
}

    .seat-selection ul {
        padding: 10px 0 15px 0
    }

    .seat-selection li {
        width: 30%;
        float: left;
        display: inline-block;
        margin: 0 10px 10px 0;
        font-weight: 600;
    }

        .seat-selection li span {
            margin: 0 10px 0 0;
            display: inline-block
        }

.continue-book-result-modal .return-airline {
    width: 100%;
}

    .continue-book-result-modal .return-airline h6 {
        display: inline-block;
        width: auto;
        float: left;
        line-height: normal;
        margin: 0 10px 0 0;
    }

    .continue-book-result-modal .return-airline .flight-indicator {
        float: left
    }

.continue-book-result-modal .res-get-disc {
    float: left
}

.continue-book-result-modal .result-round-box {
    padding: 10px;
    margin: 0 auto 10px;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 20px #ffbcc04d;
}

    .continue-book-result-modal .result-round-box:hover {
        border: 1px solid #cc2128;
    }

.continue-book-result-modal .strip-pric-box {
    padding: 10px;
    width: 100%;
    display: inline-block;
    background: rgb(255, 120, 125, 0.3);
    box-shadow: 0px 10px 20px #ffbcc04d;
    float: left;
    border: 1px solid #fff;
    border-radius: 5px;
}

.continue-book-result-modal .sub-btn {
    margin: 15px auto 0;
    width: auto;
    display: inline-block
}

.continue-book-result-modal .sec-fin-price {
    font-weight: 600;
    padding: 15px 10px;
}

    .continue-book-result-modal .sec-fin-price strong {
        color: #cc2128;
        font-size: 30px;
    }

.irs--flat {
    height: 40px;
    width: 96%;
    margin: 0 auto;
}

.rail-pass-nav .child-holder {
    width: 100%;
}

    .rail-pass-nav .child-holder p {
        margin: 0
    }

.rail-pass-nav .child-box {
    width: auto;
    height: auto;
    float: left;
    text-align: left;
}

    .rail-pass-nav .child-box .form-holder {
        margin: 5px !important;
    }

.rail-pass-nav .form-holder .select2-container {
    width: 100% !important;
}

.rail-eur-content .calendar-box {
    max-width: 230px;
}

.seatbooking .seat[data-tooltip]:before {
    right: inherit;
    left: -65%;
    z-index: 9999;
}

.seatbooking .seat[data-tooltip]:after {
    left: 15px;
    bottom: 10px;
    border-bottom: 7px solid hsla(0, 0%, 20%, 0.9);
    border-top: inherit;
}

.seatbooking .seat[data-tooltip]:before {
    position: absolute;
    bottom: -23px;
    top: inherit;
}

.ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}

.ui-datepicker-group-first {
    padding-right: 1px;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.result-main-section {
    background: #fff
}

.section-404 {
    width: 100%;
    display: block;
    height: auto;
    margin: 10% auto;
}

.content-box-404 {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 35% 0 10% 0;
}

    .content-box-404 p {
        margin: 20px 0;
        font-size: 20px;
    }

    .content-box-404 .re-btn {
        display: inline-block;
    }
/**RDB Serve CSS**/
.re-btn {
    width: auto;
    padding: 10px 25px;
    min-width: 50px;
}

.ui-menu {
    max-width: 510px;
    max-height: 300px;
    height: auto;
    overflow-y: auto;
    width: 100%;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 0 0 15px 15px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #8f0a1140;
    z-index: 9
}

.ui-state-active {
    border-radius: 0;
}

.ui-datepicker-calendar .ui-state-active {
    border-radius: 50px
}

.agencyCustIdUl .ui-menu-item-wrapper {
    border-radius: 0;
    padding: 5px 10px;
}

.agencyCustIdUl .ui-menu-item {
    padding: 0 !important
}

.agencyCustIdUl .ui-menu .ui-menu-item .ui-menu-item-wrapper {
    background: none !important;
    color: inherit !important;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item .ui-menu-item-wrapper:focus {
    background: none !important;
    color: inherit !important;
    border-radius: 0 !important
}

.ui-menu .ui-menu-item {
    padding: 5px 10px;
}

    .ui-menu .ui-menu-item:hover {
        background: #cc2128;
        color: #fff
    }

.manage-booking-area .tab-container .re-btn {
    position: relative;
    bottom: -35px;
    cursor: pointer;
}

    .manage-booking-area .tab-container .re-btn button {
        padding: 10px 60px 10px 25px;
    }

.trip-content .sub-btn input {
    background: none;
    border: 0;
    color: #fff;
}

.trip-content .sub-btn:hover input {
    color: #cc2128
}

.widget-cus-id .form-control {
    margin: 0
}

.profile-nav .nav-item .form-control {
    font-size: 14px;
    padding: 5px;
    margin: 0 5px;
}


.show {
    display: block;
}

.zero-bor {
    border: 0;
    width: 100%;
}

    .zero-bor:focus {
        border: 0 !important
    }

.search-section .re-btn button, .search-section .re-btn input {
    background: none;
    border: 0;
    color: #fff;
    cursor: pointer;
    position: relative;
}
/*  .search-section .re-btn button:before, .search-section .re-btn input:before {
        content: "";
        position: absolute;
        width: 30px;
        height: 6px;
        display: block;
        background: url(../images/widget-icon.png)no-repeat -297px 0;
        right: -45px;
        top: 8px;
    }*/
.search-section .re-btn:hover button, .search-section .re-btn:hover input {
    background: none;
    color: #CC2128;
}

    .search-section .re-btn:hover button:before, .search-section .re-btn input:before {
        background: url(../images/widget-icon.png)no-repeat -337px 0;
    }

.flight-details-slider.closed {
    width: 100%;
    max-height: 100%;
    border-top: 1px solid #e1e1e1;
    display: block !important;
    transition: 0.9s;
}

.flightResultContainer span {
    white-space: inherit !important;
    position: relative;
    z-index:auto;
}

.pancard-switch .form-control {
    width: 95%;
    display: inline-block;
    position: relative;
    margin: 1px 0 0 0;
}


.pancard-switch .pro-switch-btn {
    position: absolute;
    padding: 0 10px;
    top: 0;
    right: 10px;
    height: 34px;
    z-index: 9;
    border: 0;
    background-color: #CC2128;
    color: #fff;
    border-radius: 0 5px 5px 0;
    margin: 1px 0 0 0;
}
.pancard-book .form-control {
    width: 95%;
    display: inline-block;
    position: relative;
    margin: 5px 0 0 0;
}


.pancard-book .pro-switch-btn {
    position: absolute;
    padding: 0 10px;
    top: 0;
    right: 10px;
    height: 34px;
    z-index: 9;
    border: 0;
    background-color: #CC2128;
    color: #fff;
    border-radius: 0 5px 5px 0;
    margin: 5px 0 0 0;
}

.profile-switch {
    overflow: hidden;
    padding: 0px 10px 0 30px !important
}

    .profile-switch .form-control {
        width: 95%;
        display: inline-block;
        position: relative;
        margin: 0
    }

    .profile-switch .pro-switch-btn {
        position: absolute;
        padding: 0 10px;
        top: 0;
        right: 10px;
        height: 33px;
        z-index: 9;
        border: 0;
        background-color: #CC2128;
        color: #fff;
        border-radius: 0 5px 5px 0;
    }

    .profile-switch:before {
        background: url(../images/profile-nav-icon.png)no-repeat 2px -220px !important;
    }

#ui-id-2.agencyCustId {
    width: 275px;
    right: 0 !important;
}

    #ui-id-2.agencyCustId .ui-menu-item-wrapper {
        background: none !important;
        color: inherit !important;
        border-radius: 0 !important
    }

.profile-nav .nav-item:last-child:after {
    background: none
}

.profile-nav .nav-item .re-btn {
    overflow: hidden
}

    .profile-nav .nav-item .re-btn input {
        display: block;
        padding: 0 5px;
        width: auto;
        background: none !important;
        color: #fff;
        border: 0;
        transform: translateX(100%);
        animation: move 10s linear infinite /* infinite make reapeat the animation indefinitely */;
    }

.manage-booking-area .search-input-box {
    height: 90px;
}

.manage-booking-area .calendar-area {
    height: 90px;
}

.dataTables_scrollBody {
    overflow: inherit !important
}

.manage-booking-area .multiselect-dropdown {
    border: 0 !important;
    height: auto !important;
    padding: 0 !important;
    font-weight: normal !important
}

    .manage-booking-area .multiselect-dropdown span.optext {
        background: none !important;
        padding: 0 !important
    }

.manage-booking-area .calendar {
    padding: 5px 0 !important;
}

.dropdown-content {
    min-width: 180px !important
}

#adultDiv .re-btn, #Maindiv .re-btn {
    position: inherit;
    bottom: inherit;
}

.count button, .count input {
    color: #CC2128;
    background-color: #fff;
    border: 0;
    border-radius: 25px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    box-shadow: 0px 3px 5px #8f0a1140;
}

.btn-group.count button, .btn-group.count input {
    margin: 0 5px;
}

table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
    padding: 5px !important
}

.field-validation-error {
    position: absolute;
    top: 15px;
    right: 15px;
}

span.pt-DefaultParagraphFont, span.pt-DefaultParagraphFont-000002 {
    color: inherit !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    font-style: inherit !important;
    font-weight: inherit !important;
   /* margin: inherit !important;*/
    padding: inherit !important;
   /* display: inherit !important;*/
    text-indent: inherit !important;
    width: inherit !important;
}
.pt-Normal-000001, span.pt-DefaultParagraphFont {
    font-weight: bold !important;
}



    .pt-Normal, .pt-Normal-000003, .pt-Normal-000005, span.pt-DefaultParagraphFont-000004 {
        margin-bottom: inherit !important;
        background: none !important;
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px !important;
        line-height: inherit !important;
        margin-top: inherit !important;
      /*  margin-left: inherit !important;*/
        margin-right: inherit !important;
        color: inherit !important
    }

    .pt-Normal-000003 a, span.pt-DefaultParagraphFont-000004 {
       /* color: #cc2128 !important;*/
        font-family: 'Poppins', sans-serif !important;
    }

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

.filter-table .form-control {
    margin: 0;
    padding: 5px !important;
    font-size: 12px
}

.tabletab {
    margin: 0;
    padding: 15px;
}

.dataTables_scroll {
    position: relative;
    overflow-y: auto;
}

.dataTables_scrollBody {
    overflow: scroll;
}

span {
    white-space: inherit !important
}

.flt-details .trip-listing {
    height: 40vh;
}

.bookingform select {
    max-width: 485px;
}

.bookingform .select::after {
    right: 5px;
}

.dep-time li {
    width: 33.33%;
}

.bookFlightBtns label {
    padding: 0;
    margin: 0
}

.result-show-box .res-flg-logo {
    margin: 0
}

.result-show-box .res-airline-title {
    padding: 0 0 0 5px;
}

.bookflight {
    margin: 15px 0 0 0;
}

.passanger {
    margin: 5px 0 0 0;
    height: auto;
    display: inline-block
}

.seatbooking .seat[data-tooltip]:before {
    right: inherit;
    left: -65%;
    z-index: 9999;
}

.seatbooking .seat[data-tooltip]:after {
    left: 15px;
    bottom: 10px;
    border-bottom: 7px solid hsla(0, 0%, 20%, 0.9);
    border-top: inherit;
}

.seatbooking .seat[data-tooltip]:before {
    position: absolute;
    bottom: -38px;
    top: inherit;
    z-index: 99999 !important;
}

.seatbooking .seat label:before {
    z-index: -9999 !important
}

.trip-listing {
    padding: 25px 10px 0 0;
}

.travelClass {
    min-width: 160px !important;
}

/*.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single, .irs--round .irs-bar {
    min-width: 70px;
    padding:2px;
    text-align:center
}*/

header.small {
    box-shadow: inherit;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
}

.filter-section.small {
    position: fixed;
    z-index: 999;
    top: 70px;
    padding: 5px 0;
    background: rgb(255 241 241);
    box-shadow: 0px 5px 10px #8f0a1140;
    -webkit-box-shadow: 0px 5px 20px #8f0a1140;
    -moz-box-shadow: 0px 5px 20px #8f0a1140;
}

.select-bor {
    border: 1px solid #cc2128;
    border-radius: 10px;
    /* padding: 5px 0;*/
}

.contact-information, .flight-information {
    border: 0 !important
}

.main-infoarea {
    padding: 0 !important;
    margin: 0 auto !important;
}

.payment-information table th:first-child, .payment-information table td:first-child, .traveller-names table tbody td:first-child {
    border-left: 1px solid #ccc !important
}

.print-box .re-btn {
    min-width: auto;
    padding: 3px 10px;
    font-size: 14px;
}

.print-box .print-btn input {
    background: #cc2128;
    padding: 5px 25px;
    border-radius: 20px;
}

    .print-box .print-btn input:hover {
        background: none
    }

.note-box .head-name {
    padding: 15px;
    text-align: center;
    background: #cc2128;
    color: #fff;
    margin: 0;
    border: 0
}

.verifyReq {
    padding: 0 15px 15px;
    text-align: center
}

.flight-sel .nav-link .bor-0 {
    border: 0
}

.modal-body p {
    width: 100%;
}

.flight-list-section {
    display: block;
    position: relative;
    z-index: 1;
    background: #fff;
    overflow:hidden
}

    .flight-list-section.small {
        top: 65px;
        position: fixed;
        z-index: 9;
        width: 100%;
        font-size: 100%;
        background: #fff;
        padding: 5px 0 0;
        box-shadow: 0px 5px 10px #8f0a1140;
        -webkit-box-shadow: 0px 5px 5px #8f0a1140;
        -moz-box-shadow: 0px 5px 5px #8f0a1140;
    }

    .flight-list-section .filter-section {
        box-shadow: none;
        display: inline-block
    }

.select2-container--open .select2-dropdown {
    min-width: 160px !important
}

.baggage-modal .baggage-content label {
    width: 100%;
    text-align: center
}

.earnul li {
    margin-top: -3px;
}

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

header.small {
    z-index: 999 !important;
}

.gst-check {
    padding: 10px !important
}

.book-demo-modal .modal-body .form-control {
    padding: 15px !important
}

.custid-selector {
    width: 100% !important;
    border: 0 !important
}

.action-btn {
    padding: 2px 5px;
    min-width: inherit;
    height: auto;
    border-radius: 5px;
}

    .action-btn:before {
        display: none !important
    }

.hold-popup {
    display: block;
}

    .hold-popup .head-banner {
        background: #CC2128;
        color: #fff
    }

    .hold-popup .card-header {
        background: #cdcdcd;
        color: #4D5154;
        font-weight: bold;
    }

.ui-datepicker.ui-datepicker-multi {
    width: auto !important;
}

.ui-datepicker-group-first {
    padding-right: 1px;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-month, .ui-datepicker-year {
    background: #fff;
    color: #4d5154;
    margin: 0 5px 0 0;
}

.flightSearchResultsLoader {
    max-width: 1140px;
    margin: 0 auto;
}

.res-price-text .nor-fare {
    top: -1px;
}

#CancellationRemarkDIV textarea {
    width: 100% !important
}

.cancellation-button {
    text-align: center !important
}

#srolltable {
    width: 100%;
    display: block;
}

input.multiselect-dropdown-search {
    font-size: 14px
}

.form-inline .form-control {
    width: 100% !important;
}

.result-main-section {
    background: #fff
}

.fliter-click-box {
    height: auto;
    max-height: 300px;
    overflow-y: auto
}

.product-list-slider .slick-track {
    /*width: auto !important;*/
    float: left !important
}

.flight-table {
    min-height: 300px !important;
    height: 100% !important;
}

.fliter-duration {
    overflow: inherit
}

    .fliter-duration .irs-single {
        width: 70%;
    }

.shareemail-modal .re-btn {
    margin: 0 auto;
    float: none;
}

.btn-center {
    margin: 0 auto
}

.flight-del-table td, .flight-del-table th {
    padding: 0 !important;
    border: 0 !important
}

.multipleInput-email {
    display: block;
    width: 100%;
    height: 35px;
    padding: 10px 5px;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 0 0;
    line-height: 1.5;
    color: #495057;
    background-color: #f3f3f3;
    background-clip: padding-box;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative
}
/*Added by JD 14.12.2022*/
.multipleInputCC-email {
    display: block;
    width: 100%;
    height: 35px;
    padding: 10px 5px;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 0 0;
    line-height: 1.5;
    color: #495057;
    background-color: #f3f3f3;
    background-clip: padding-box;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    position: relative
}

.multipleInputCC-close {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #cc2128;
    display: inline-block;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 10px;
    position: absolute;
    right: 5px;
    top: 7px;
    font-weight: bold;
    background: #cc2128;
    color: #fff;
}
/*END*/

.multipleInput-close {
    font-size: 12px;
    padding: 5px;
    border: 1px solid #cc2128;
    display: inline-block;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 10px;
    position: absolute;
    right: 5px;
    top: 7px;
    font-weight: bold;
    background: #cc2128;
    color: #fff;
}

    .multipleInput-close:hover {
        background: none;
        color: #cc2128
    }

.continue-book-result-modal .sec-fin-price {
    font-weight: 600;
    padding: 5px 10px;
}

    .continue-book-result-modal .sec-fin-price strong {
        font-weight: 600;
        padding: 0 0 0 10px;
    }

.return-airline .flight-indicator, .flight-indicator {
    font-size: 12px;
}

.agent-fld:before {
    z-index: 1
}

.banner-form .form-group .eyepassword {
    top: 15px;
    right: 20px;
    width: 29px;
    height: 25px;
    background: url(../images/eyepassword.png)no-repeat 0 5px;
}

.banner-form .password-eye:before {
    display: none
}

.foot-menu a.active {
    padding: 0;
}

.filter-table .table td a {
    color: #CC2128 !important;
    font-weight: 600;
}

.modal-footer .re-btn, .modal-footer .com-btn {
    margin: 0 auto;
}

.flightSearchError {
    font-size: 16px;
    text-align: center;
    color: #CC2128;
    margin: 0 !important;
    padding: 0;
    display: none
}


/*#prefullcontent {
    padding: 5px 15px;
    font-size: 14px;
    background: none;
    border-radius: 10px;
    border: none;
    display: none;
    overflow-y:visible;
    word-wrap: break-word;
    width:100%;
}*/
select#ddlcmd {
    border: 0px;
    outline: 0px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    /*border: solid grey 1px;*/
    background-color: #eee;
    height: 240px;
}

.cryptic-tabs .cryptic-arrow {
    width: 100%;
    background: #D6C5C521;
    border-radius: 10px;
    padding: 10px;
    border: 2px dashed #CDCDCD;
    margin: 0 0 30px 0;
    font-size: 16px;
    font-weight: 500;
    height: 530px;
    position: relative;
    overflow: auto;
}

    .cryptic-tabs .cryptic-arrow .cryptic-input {
        border: 0;
        background: none;
        text-transform: uppercase;
        font-size: 14px;
        margin: 5px 0 0 0;
        width: 100%;
    }

    .cryptic-tabs .cryptic-arrow .form-group-input {
        position: relative
    }

.result-round-box .res-stop {
    color: #42495b
}

.CmdloaderPopup {
    width: 99.5% !important;
    height: 98.5% !important;
    left: 0 !important;
    right: 0 !important;
    top: inherit !important;
    bottom: 2px !important;
    margin: auto;
    border-radius: 10px;
    background: rgba(0,0,0,0.2) !important;
    z-index: 0 !important
}

.search-section .re-btn {
    padding: 0;
}

    .search-section .re-btn button, .search-section .re-btn input {
        padding: 10px 60px 10px 25px;
    }

.search-section input.re-btn {
    padding: 10px 25px;
}

.ui-menu .flag-in {
    display: none !important
}

.search-section button.re-btn {
    padding: 10px 60px 10px 25px;
}

.wrapper {
    min-width: inherit !important;
}

.widget-search-tabs select:focus {
    border: 0 !important;
    background-color: #fff !important
}

footer {
    width: 100%;
    margin: 50px auto 0;
}

.result-main-section {
    margin: 30px auto 50px;
    padding: 0
}

.filter-trip {
    float: left;
    margin: 0 3px 0 0;
}

.ui-menu-item-wrapper.flag-ng {
    display: none
}

.fliter-click-box.trip-listing {
    padding: 10px;
    width: 250px
}

.modify-section .modify-heading {
    width: auto;
    display: inline-block
}

.modify-section .re-btn {
    margin: 0 15px;
}

button {
    cursor: pointer
}

.filter-section .filter-btn {
    float: left
}

.earnul {
    margin: 5px 0 0 0;
}

.seatbtn .com-btn {
    margin: 0 0 0 10px;
}

.result-round-details .result-round-box .radio label {
    font-size: 14px;
}

.flight-indicator li.divider {
    padding: 0 3px;
}

.bookingform .form-control {
    text-transform: inherit !important
}

[data-tooltip] {
    z-index: 2;
}

.table-responsive .trip-listing {
    overflow-x: auto
}

.bookingtra-cal .calendar {
    width: 130px;
    background-position: 100px 5px;
}

.filter-table {
    margin: 0 auto 60px
}

    .filter-table .re-btn {
        padding: 5px 10px;
    }

.table td, .table th {
    font-size: 12px;
}

.ui-datepicker {
    border-radius: 0 0 15px 15px;
}

.foot-contact a {
    margin: 0 0 15px 0
}

.copy-footer {
    padding: 15px;
}

.ui-autocomplete li {
    line-height: normal !important;
    height: auto !important
}

.search-section {
    padding: 40px 0 60px;
}

.result-round-details .res-stop {
    color: #fff !important;
}

    .result-round-details .res-stop i {
        display: block;
        margin: 0 auto 8px;
    }

.register-box {
    display: none
}

.banner-slider .com-btn {
    display: none
}

.fliter-click-box {
    left: inherit;
    right: 0;
}

.successMessageOTP {
    color: #cc2128 !important
}

}

.seatbooking .seat input[type=checkbox]:disabled + label:after {
    display: none;
}

.form-control {
    background: #ededed;
    font-size: 14px;
}

.select2-container--open .select2-dropdown {
    min-width: 155px !important;
}

.passdown__header {
    position: relative
}

.passdown__header--icon {
    position: absolute;
    right: -15px;
    margin: 0;
    cursor: pointer
}

.passdown__arrow .rotate-icon {
    background: url(../images/widget-icon.png)no-repeat -173px -11px;
}

.trip-navigation .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 5px;
}

.left-holder .adult {
    text-align: center
}

.left-holder .count input.quntity-input {
    margin: 0 5px;
}

.passdown-body-list-index {
    padding: 10px 5px;
}

.modify-area .passdown-body-down--show {
    width: 100%;
    max-width: 145px;
}

.passdown__header--icon {
    right: -10px;
}

.passdown-body-list-index {
    cursor: pointer;
    padding: 10px 5px;
}

.ui-menu .flag {
    top: 10px !important;
}
/*.result-main .dep-flight-tab, .result-main .return-tab{
    border:1px solid #fff;
    padding:5px 0
}*/
.result-main .select-bor {
    border: 1px solid #cc2128;
}

p.pt-Normal, p.pt-Normal-000003 {
    text-align: left !important
}

.promotion-section {
    display: none
}

.pnr-print-btn {
    display: block;
    text-align: center;
    position: relative;
    top: 50px;
}

.re-pnr-print-btn {
    display: block;
    text-align: center;
    position: relative;
    top: -20px;
}

.profile-nav .dropdown-item i {
    height: 30px;
}

    .profile-nav .dropdown-item i.my-changepw-icon {
        background-position: -3px -303px;
    }

.profile-nav .dropdown-item:hover i.my-changepw-icon, .profile-nav .dropdown-item.active i.my-changepw-icon {
    background-position: -52px -303px;
}

.re-btn:disabled {
    background: #a9a9a9 !important;
    cursor: not-allowed;
    color: #fff;
    border: 1px solid #fff
}

    .re-btn:disabled:hover:before {
        background: url(../images/widget-icon.png)no-repeat -297px 0;
    }

body.ng-scope {
    overflow: inherit !important
}

.errormsg {
    padding: 5px;
}

.no-records {
    color: #cc2128;
}

.flt-email-form {
    position: relative;
    margin: 0 0 20px 0;
    width: 49%;
    border: 1px solid #cc2128;
    border-radius: 3px;
}

    .flt-email-form:nth-child(2n+1) {
        float: right
    }

.irs--round .irs-to {
    min-width: 50px !important;
}

.scrollToTop {
    bottom: 15px;
}

.flightRoundWrap {
    bottom: 10px;
    z-index: 8;
}

.result-round-details {
    position: relative
}

.cls-flt-details {
    position: absolute;
    top: -2px;
    right: 5px;
    font-size: 21px;
    color: #fff;
    z-index: 9
}

.ui-datepicker-today .ui-state-default {
    background: #d5d5d5 !important;
    color: #333333
}
/*.ui-datepicker-month, .ui-datepicker-year {
    background:none;
    color: #ffffff;
    margin: 0 5px 0 0;
    box-shadow:none;
    font-weight:600
}*/

.cryptic-tabs .trip-listing {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

    .cryptic-tabs .trip-listing::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
    }

    .cryptic-tabs .trip-listing::-webkit-scrollbar {
        width: 10px;
        background-color: #F5F5F5;
    }

    .cryptic-tabs .trip-listing::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 25px rgba(0, 0, 0, .3);
        background-color: #cc2128;
    }

.result-round-details .result-round-box .res-price-box {
    padding: 0;
    margin: 0;
    height: auto;
}

.hold-seat-pad {
    padding: 0 30px !important;
}

    .hold-seat-pad .seat label {
        margin: 0
    }

    .hold-seat-pad .seat input[type=checkbox]:disabled + label:after {
        display: none;
    }

.seat-selection {
    width: 100%
}

.hold-seat-pad .seat[data-tooltip]:before {
    min-width: 120px !important;
}

/*Added for multi class by Hardik - While Branch Merge 14.01.2023*/
.round-trip-box .rgt-bor {
    border-right: 2px dotted #b8b8b8;
    text-align: right;
}

/*Added for multi class by Hardik - 28.12.2022*/
.change-class {
    width: auto;
    height: auto;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: 600;
    color: #cc2128;
    display: inline-block;
    background: #e1dfdfc4;
    border-radius: 25px;
    position: relative;
    border: 1px solid #f3f3f3;
}

.padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.change-class-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow-y: scroll;
    overflow: auto;
    height: auto;
    max-height: 109px;
    background: #ffffff;
}

    .change-class-radio [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .change-class-radio [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .change-class-radio [type="radio"]:checked, [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .change-class-radio [type="radio"]:checked + label, .change-class-radio [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666666;
            margin: 0;
        }

            .change-class-radio [type="radio"]:checked + label:before, .change-class-radio [type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #cc2128;
                border-radius: 50%;
                background: #fff;
            }

            .change-class-radio [type="radio"]:checked + label:after, .change-class-radio [type="radio"]:not(:checked) + label:after {
                content: '';
                width: 12px;
                height: 12px;
                background: #cc2128;
                position: absolute;
                top: 3px;
                left: 3px;
                border-radius: 50%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

.class-radio-list-item {
    padding: 0.45rem 0.5rem !important;
    border: none !important;
}

.flight-details-slider .flight-fare-tabs {
    display: block;
    margin: 5px 0 0;
    position: relative;
    width: 100%;
    background: rgb(255, 120, 125, 0.3);
}

.result-round-details .flight-fare-tabs, .multi-search .flight-fare-tabs {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e1e1e1;
}

.result-round-details p {
    font-size: 12px;
    margin: 0 0 10px;
}

.flight-fare-tabs .nav-link, .multi-search .nav-link {
    font-size: 14px;
    color: #cc2128;
    border-radius: 5px;
    margin: 0 5px 0 0;
    padding: 9px 16px;
    text-align: center;
}

    .flight-fare-tabs .nav-link.active, .multi-search .nav-link.active {
        background: #cc2128;
        color: #fff;
        width: 100%;
        padding: 9px 16px;
        text-align: center;
    }

.bg-lightred {
    background: rgb(255, 120, 125, 0.3);
}

.strip-bg {
    background: rgb(195 195 195 / 30%) !important;
    box-shadow: none !important;
}

.result-round-box .res-flt-logo {
    width: 25px;
    height: auto;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 6px 0 0;
    border: 1px solid #cdcdcd;
    padding: 2px;
}

.res-flt-logo img {
    width: 70%;
}

.continue-book-result-modal .return-airline h6 {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.shdowbox {
    box-shadow: 1px 2px 2px #ffbcc04d !important;
}

.continue-book-result-modal .roundtrip-airline {
    width: 100%;
}

.continue-book-result-modal .return-airline h6 {
    display: block !important;
    width: 100% !important;
    font-size: 15px !important;
}

.flightcode {
    margin-left: 30px !important;
    margin-top: -8px !important;
    font-size: 13px !important;
}

.flight-fare-slider {
    background: #ebe9e9;
    padding: 10px;
    border-radius: 10px;
}

.flight-fare-tabs {
    border-bottom: 1px solid #ca2128;
}

.continue-book-result-modal .strip-fare-box {
    padding: 10px;
    width: 100%;
    display: sblock;
    background: rgb(255, 120, 125, 0.3);
    box-shadow: 0px 10px 20px #ffbcc04d;
    float: left;
    border: 1px solid #fff;
    border-radius: 5px;
}

.moreflighticon {
    height: 30px;
    padding: 5px;
    width: auto;
}


.flight-stop-title {
    line-height: 18px;
}

.padd-0 {
    padding: 0 !important;
}

.p-10 {
    padding: 10px 10px !important;
}

.m-10 {
    margin: 10px 10px !important;
}

.f-24 {
    font-size: 24px !important;
}

.w-100 {
    width: 100% !important;
}

.f-12 {
    font-size: 12px !important;
}

.padding-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/*Added by Hardik - 11.01.2023*/
.pricetype {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 15px;
    background: #CC2128;
    color: #fff;
    text-align: center;
    line-height: 16px;
    vertical-align: top;
    margin-top: 0px;
    font-size: 10px;
    top: 0;
    margin-right: 5px;
    margin-top: 6px;
}

/*Added by Hardik - 12.01.2023*/
/*==================== scroll bar css strat ======================= */
.scrollbox {
    width: auto;
    height: 100vh;
    overflow-y: scroll;
}

    .scrollbox::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    .scrollbox:hover::-webkit-scrollbar {
        width: 2px;
    }

    .scrollbox:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
    }

@media (hover: none) {
    .scrollbox::-webkit-scrollbar {
        width: 8px;
    }

    .scrollbox::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
    }
}

/*==================== scroll bar css end ======================= */

/*Added by Hardik - 12.01.2023*/
/*====================  Modal-scroll bar css strat ======================= */
.modalscroll {
    width: auto;
    height: auto;
    overflow-y: scroll;
    max-height: 80vh;
}

    .modalscroll::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    .modalscroll:hover::-webkit-scrollbar {
        width: 2px;
    }

    .modalscroll:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
    }

@media (hover: none) {
    .modalscroll::-webkit-scrollbar {
        width: 8px;
    }

    .modalscroll::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
    }
}

/*==================== Modal-scroll bar css end ======================= */

.widget-cus-id-flight {
    min-width: 145px !important;
}


.result-round-details {
    position: relative
}

.cls-flt-details {
    position: absolute;
    top: -2px;
    right: 5px;
    font-size: 21px;
    color: #fff;
    z-index: 9
}

.result-round-details .res-pricing .res-price-text {
    width: 88%;
    float: right;
    margin: 0;
    font-size: 16px;
}

.result-round-details .form-check label:before {
    top: -3px
}

.result-round-details .form-check input:checked + label:after {
    top: 2px;
    left: 5px;
}

.sub-text-dis {
    font-size: 12px;
    display: block;
    margin: 5px 0 0 0;
}

.result-round-details .result-round-box {
    padding: 10px 0;
}

.HideBookNow {
    text-align: center;
}

.result-round-details .res-price-text {
    margin: 45px 0 0 0
}

/* -------------------*Changes done by Vaibhav --------------- */
.result-round-details .result-round-box {
    padding: 3px 0;
}

.result-round-details .res-pricing .res-price-box {
    height: auto;
    padding: 7px 5px;
}

.result-round-details .res-pricing .res-price-text {
    width: 95% !important;
    float: right;
    margin: 0;
    font-size: 13px;
}

.sub-text-dis {
    font-size: 12px !important;
    display: initial;
    margin: 5px 0 0 5px;
}

.res-pricing p {
    font-size: 11px;
}

.result-round-details .res-pricing .com-btn {
    width: auto;
    padding: 5px 15px;
    font-weight: 600;
    display: inline-block;
    border: 0;
    font-size: 13px !important;
}

.result-round-details .result-round-box {
    padding: 5px 0;
}

.return-airline .flight-indicator {
    line-height: 15px;
}

.p1 {
    padding: 0.15rem !important;
}

.pl5 {
    padding-left: 5px !important;
}

.btn-booknw {
    margin: 15px auto;
}

.listing-label {
    width: 100%;
    min-width: 215px;
}

.flight-form-check {
    max-width: 600px;
    width: 100%;
}

.w100 {
    width: 100%;
}

.tab-btn {
    width: auto;
    padding: 10px 45px;
    min-width: 150px;
    border: 1px solid rgb(255, 255, 255, 0);
    border-radius: 15px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    transition: 0.5s;
    background: #CC2128;
    position: relative;
    text-align: center;
}

    .tab-btn:hover {
        background: #ffffff;
        color: #CC2128;
        font-weight: 700;
        border: 1px solid #CC2128;
    }
/*tool tips css change by vaibhav 09-03-2023*/
[data-tooltip]:before {
    position: absolute;
    /*bottom: -350%;*/
    right: -200%;
    /* margin-bottom: 5px; */
/*    padding: 7px;
    width: auto;
    min-width: 100px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
*/    line-height: 1.2;
    top: 27px;
}


.res-bagage [data-tooltip]:before {
    right: -50px;
    width: 120px;
    font-size: 12px;
}


[data-tooltip]:after {
    position: absolute;
    bottom: -70%;
    left: 5px;
    margin-left: 0;
    width: 0;
    border-top: 7px solid #000;
    border-top: 7px solid hsla(0, 0%, 20%, 0.9);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

.toolspan:before {
    padding: 11px !important;
    line-height: 0 !important;
}


[data-tooltip]:before {
    bottom: auto;
    padding: 7px;
    width: auto;
    min-width: 130px;
    border-radius: 3px;
    background-color: #000;
    background-color: #000;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    z-index:9999 !important;
    /*max-height: 100px;*/
}

.seatbooking .seat[data-tooltip]:before {
    right: inherit;
    position: absolute;
    z-index: 99999 !important;
    top: 79%;
    left: -36%;
    height: fit-content;
}

.seatbooking .seat[data-tooltip]:after {
    left: 15px;
    bottom: 10px;
    border-bottom: 7px solid hsla(0, 0%, 20%, 0.9);
    border-top: inherit;
}


/*added style form time filter*/

/*added style form time filter*/
.star {
    background: url(../images/day-time-icon-new.png)no-repeat 2px 2px;
}

.sun {
    background: url(../images/day-time-icon-new.png)no-repeat 2px -42px;
}

.cloud {
    background: url(../images/day-time-icon-new.png)no-repeat 2px -21px;
}

.moon {
    background: url(../images/day-time-icon-new.png)no-repeat 2px -70px;
}
/*==================== Added content 5th April 2023 =====================*/
/* ========================== css by vaibhav ===========================*/
.hotel-input-box .select2-hidden-accessible {
    background: #F3F3F3 !important;
    width: 100% !important;
    padding: 5px 10px !important;
    text-align: left;
    height: auto;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #F3F3F3 !important;
    font-size: 14px;
}

.selectcity {
    background-color: #F3F3F3 !important;
    border: 1px solid #F3F3F3 !important;
}

.hotel-input-box .select2-container--default .select2-selection--single {
    border: none !important;
}

    .hotel-input-box .select2-container--default .select2-selection--single .select2-selection__rendered {
        /* background: #F3F3F3 !important; */
        width: 100% !important;
        padding: 5px 10px !important;
        text-align: left;
        height: auto;
        border-radius: 5px;
        display: inline-block;
        /* border: 1px solid #F3F3F3 !important; */
        font-size: 14px;
    }

.hotel-input-box .select2-container--default .select2-selection--single {
    border: none !important;
}

    .hotel-input-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: 0;
        background: url(../images/widget-icon.png)no-repeat -146px 0;
        width: 15px;
        height: 15px;
        top: 20px;
        left: 32%;
    }

.round-trip-box .rgt-bor {
    border-right: 2px dotted #b8b8b8;
    text-align: right
}



/* changesby vaibhav */
.calender-manage-box {
    width: 49%;
}

.download-btn {
    padding: 7px 8px !important;
    min-width: 115px !important;
}

.downld-right {
    float: right;
}

.manage {
    display: block !important;
    text-align: center;
}

.tabletab .manage .nav {
    display: block !important;
    text-align: center !important;
}

.voucher-box {
    border: 2px dashed #CDCDCD;
    padding: 15px 25px 15px 15px;
    border-radius: 15px;
}

.shadow-none {
    box-shadow: none !important;
}

.voucher-btn {
    padding: 5px 25px !important;
}

.flight-more-option.closed {
    width: 100%;
    max-height: 100%;
    border-top: 1px solid #e1e1e1;
}

.flight-more-option p {
    font-size: 12px;
    line-height: normal
}

.flight-more-option .flight-stop-details {
    display: block;
    margin: 5px 0 0;
    position: relative;
}

.flight-options-btn {
    height: auto;
    font-size: 12px;
    padding: 3px 10px 0;
    position: relative;
    float: left;
    color: #cc2128;
    font-weight: 600
}

    .flight-options-btn:before {
        content: "\f0d7";
        font-family: "Font Awesome 5 Free";
        font-weight: bold;
        font-size: 12px;
        top: 2px;
        left: 0;
        position: absolute
    }

.br-btm {
    border-bottom: 1px dashed #CDCDCD;
}

.pt-20 {
    padding-top: 20px;
}

.res-route .pt-20 strong {
    font-size: 20px !important;
}

.round-special-box {
    border: 1px solid #cccccc87 !important;
    border-radius: 10px !important;
}

.change-class {
    width: auto;
    height: auto;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: 600;
    color: #cc2128;
    display: inline-block;
    background: #e1dfdfc4;
    border-radius: 25px;
    position: relative;
    border: 1px solid #f3f3f3;
}

.padding-none {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.change-class-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .change-class-radio [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .change-class-radio [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .change-class-radio [type="radio"]:checked, [type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
    }

        .change-class-radio [type="radio"]:checked + label, .change-class-radio [type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666666;
            margin: 0;
        }

            .change-class-radio [type="radio"]:checked + label:before, .change-class-radio [type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #5a5a5a;
                border-radius: 50%;
                background: #fff;
            }

            .change-class-radio [type="radio"]:checked + label:after, .change-class-radio [type="radio"]:not(:checked) + label:after {
                content: '';
                width: 11px;
                height: 11px;
                background: #cc2128;
                position: absolute;
                top: 0.23rem;
                left: 0.2rem;
                border-radius: 50%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

.class-radio-list-item {
    padding: 0.45rem 0.5rem !important;
    border: none !important;
}

.flight-details-slider .flight-fare-tabs {
    display: block;
    margin: 5px 0 0;
    position: relative;
    width: 100%;
    background: rgb(255, 120, 125, 0.3);
}

.result-round-details .flight-fare-tabs, .multi-search .flight-fare-tabs {
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #e1e1e1;
}

.result-round-details p {
    font-size: 12px;
    margin: 0 0 10px;
}

.flight-fare-tabs .nav-link, .multi-search .nav-link {
    font-size: 14px;
    color: #cc2128;
    border-radius: 5px;
    margin: 0 5px 0 0;
    padding: 9px 16px;
    text-align: center;
}

    .flight-fare-tabs .nav-link.active, .multi-search .nav-link.active {
        background: #cc2128;
        color: #fff;
        width: 100%;
        padding: 9px 16px;
        text-align: center;
    }

.bg-lightred {
    background: rgb(255, 120, 125, 0.3);
}

.strip-bg {
    background: rgb(195 195 195 / 30%) !important;
    box-shadow: none !important;
}

.result-round-box .res-flt-logo {
    width: 25px;
    height: auto;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 6px 0 0;
    border: 1px solid #cdcdcd;
    padding: 2px;
}

.res-flt-logo img {
    width: 70%;
}

.continue-book-result-modal .return-airline h6 {
    font-size: 15px !important;
    font-weight: 500 !important;
}

.shdowbox {
    box-shadow: 1px 2px 2px #ffbcc04d !important;
}

.continue-book-result-modal .roundtrip-airline {
    width: 100%;
}

.continue-book-result-modal .return-airline h6 {
    display: block !important;
    width: 100% !important;
    font-size: 15px !important;
}

.flightcode {
    margin-left: 30px !important;
    margin-top: -8px !important;
    font-size: 13px !important;
}

.flight-fare-slider {
    background: #ebe9e9;
    padding: 10px;
    border-radius: 10px;
}

.flight-fare-tabs {
    border-bottom: 1px solid #ca2128;
}

.continue-book-result-modal .strip-fare-box {
    padding: 10px;
    width: 100%;
    display: sblock;
    background: rgb(255, 120, 125, 0.3);
    box-shadow: 0px 10px 20px #ffbcc04d;
    float: left;
    border: 1px solid #fff;
    border-radius: 5px;
}

.moreflighticon {
    height: 30px;
    padding: 5px;
    width: auto;
}


.flight-stop-title {
    line-height: 18px;
}

.padd-0 {
    padding: 0 !important;
}

.p-10 {
    padding: 10px 10px !important;
}

.m-10 {
    margin: 10px 10px !important;
}

.f-24 {
    font-size: 24px !important;
}

.return-trip-box {
    display: block;
}

    .return-trip-box:hover {
        border: 1px solid #cc212840 !important;
    }
/*==================== scroll bar css strat ======================= */
.scrollbox {
    width: auto;
    height: 100vh;
    overflow-y: scroll;
}

    .scrollbox::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    .scrollbox:hover::-webkit-scrollbar {
        width: 2px;
    }

    .scrollbox:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
    }

@media (hover: none) {
    .scrollbox::-webkit-scrollbar {
        width: 8px;
    }

    .scrollbox::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
    }
}

/*==================== scroll bar css end ======================= */
/*====================  Modal-scroll bar css strat ======================= */
.modalscroll {
    width: auto;
    /* height: 80vh;*/
    overflow-y: scroll;
}

    .modalscroll::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    .modalscroll:hover::-webkit-scrollbar {
        width: 2px;
    }

    .modalscroll:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
    }

@media (hover: none) {
    .modalscroll::-webkit-scrollbar {
        width: 8px;
    }

    .modalscroll::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
    }
}

/*==================== Modal-scroll bar css end ======================= */
.slider-shadow {
    box-shadow: rgb(255 0 0 / 24%) 0px 3px 8px;
}

.botton-shadow {
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
}

.more-option-row:hover {
    background: rgba(255, 120, 125, 0.1);
    border-radius: 10px;
    cursor: pointer;
}

.mt-15 {
    margin-top: 15px !important;
}

.flight-more-option.closed {
    border: none !important;
}

.pricetype {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 15px;
    background: #CC2128;
    color: #fff;
    text-align: center;
    line-height: 16px;
    vertical-align: top;
    margin-top: 0px;
    font-size: 10px;
    top: 0;
    margin-right: 5px;
}

.widget-cus-id-flight {
    min-width: 145px !important;
}

.darktext {
    color: #000000;
    font-size: 12px !important;
    padding-bottom: 4px !important;
}

/* flight-scroll */
.flightscroll {
    width: auto;
    height: 100vh;
    overflow-y: scroll;
}

    .flightscroll::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    .flightscroll:hover::-webkit-scrollbar {
        width: 8px;
    }

    .flightscroll:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
    }

@media (hover: none) {
    .flightscroll::-webkit-scrollbar {
        width: 12px;
    }

    .flightscroll::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.2);
    }
}

/*========== latest changes filter ==============*/
.side-filer-check .form-group label {
    color: #ffffff !important;
    font-size: 13px !important;
}

    .side-filer-check .form-group label:before {
        border: 1px solid #ffffff !important;
    }
/* .sel-grp-airline .form-group input:checked + label:after, */
.side-filer-check .form-group input:checked + label:after {
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    top: 3px !important
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > .fliter-click-btn:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    /*content: "\f105";*/
    content: "\f107";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: auto;
    color: #ffffff;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > .fliter-click-btn:after {
    transform: rotate(90deg);
    right: 17px;
}

.fliter-click-btn {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 5px 30px 1px 10px;
    cursor: pointer;
    color: #ffffff;
}

.sidebar-wrapper .sidebar-menu ul li .fliter-click-btn i {
    margin-right: 10px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

/* .sticky-container {
  box-shadow: grey 2px 3px 4px 1px;
  background-color:rgb(255 120 125 / 72%);
  position: fixed;
  top: 50%;
  right: 0px;
  width: 20px;
  height: 40px;
  z-index: 9999;
  margin-top: -24px;
  text-align: center;
  border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    transition: all 0.3ms;
}
.sticky-container:hover{
  width: 40px;
}
.sticky-container a {
  padding: 0 !important;
  display: block;
  text-align: left;
   
  width: 40px;
  padding: 8px 16px;
  color: #cc2128;
  
  font-weight: bold;
  text-decoration: none;
}
.sticky-container a img {
  max-height: 100%;
} */
/* Vertical Button */
.btn.book-now {
    background: #cc2128;
    border-radius: 0;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 24px;
    position: fixed;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: bottom right;
    width: 100px;
    top: 40%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
    box-shadow: rgb(233 229 229) 0px 1px 7px 0px, rgb(255 255 255 / 83%) 0px 0px 0px 1px;
    z-index: 999;
    /* Hover styles, media queries */
}

@supports (position: sticky) {
    .is-sticky {
        position: sticky;
        top: 0;
    }
}

.flights-details.small {
    position: fixed !important;
    z-index: 9999 !important;
    width: 100%;
    top: 0;
    background-color: #ffffff !important;
    box-shadow: 0px 5px 10px #8f0a1140;
    -webkit-box-shadow: 0px 5px 10px #8f0a1140;
    -moz-box-shadow: 0px 5px 10px #8f0a1140;
}


.flt-prevnext-date {
    font-size: 13px !important;
}

.re-text {
    color: #CC2128 !important;
}

.result-main .result-round-box {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.flight-details {
    height: auto;
    font-size: 12px;
    padding: 3px 10px 0;
    position: relative;
    float: left;
    color: #cc2128;
    font-weight: 600;
}

.change-class {
    background-color: #f3f3f3;
}

.menubar {
    font-size: 23px !important;
    color: #cc2128;
    border-radius: 5px;
    margin: 3px 10px;
}


.sidebar-wrapper {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color: #CC2128;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 30px;
}


    .sidebar-wrapper ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .sidebar-wrapper a {
        text-decoration: none;
        color: #ffffff;
    }

/*----------------sidebar-content----------------*/

.sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    position: relative;
}

    .sidebar-content.desktop {
        overflow-y: hidden;
    }

/*--------------------sidebar-brand----------------------*/

.sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

    .sidebar-wrapper .sidebar-brand > a {
        text-transform: uppercase;
        flex-grow: 1;
    }

    .sidebar-wrapper .sidebar-brand #close-sidebar {
        cursor: pointer;
        font-size: 20px;
        color: #ffffff !important;
    }

.filter_btn {
    border: 1px solid #ffffff;
    color: #ffffff;
    font-size: 13px !important;
    padding: 3px 23px;
}

    .filter_btn:hover {
        background-color: #ffffff;
        color: #CC2128 !important;
    }

.sidebar-wrapper .sidebar-header {
    padding: 5px;
    overflow: hidden;
}

/*-----------------------sidebar-search------------------------*/
.sidebar-wrapper .sidebar-search > div {
    padding: 8px;
    border-top: 1px dashed #ffffff;
    border-bottom: 1px dashed #ffffff;
}

.sideearnul {
    width: auto;
    float: left;
    margin-left: 5px;
}

    .sideearnul li {
        width: auto;
        display: inline-block;
        font-size: 20px;
        color: #ffffff;
        position: relative;
        cursor: pointer;
        font-weight: normal;
        float: left;
        margin: 0 5px 0 0;
        text-align: center;
    }

.side-email-btn {
    background-color: #ffffff !important;
    color: #cc2128 !important;
    border: 1px solid #ffffff00 !important;
}

    .side-email-btn:hover {
        color: #ffffff !important;
        background: #cc2128 !important;
        border: 1px solid #ffffff !important;
    }

/*---------------------- filer check box ---------------*/

.filer-check {
    width: auto;
    display: inline-block;
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    padding: 0 0 0 0;
}

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

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

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

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

.filter-label {
    color: #ffffff !important;
}
/*---------------------- filer check box End---------------*/
/*----------------------sidebar-menu-------------------------*/

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
}

    .sidebar-wrapper .sidebar-menu .header-menu span {
        font-weight: bold;
        font-size: 14px;
        padding: 15px 20px 5px 20px;
        display: inline-block;
    }

    .sidebar-wrapper .sidebar-menu ul li a {
        display: inline-block;
        width: 100%;
        text-decoration: none;
        position: relative;
        padding: 5px 30px 1px 10px;
    }

        .sidebar-wrapper .sidebar-menu ul li a i {
            margin-right: 10px;
            font-size: 12px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }

        .sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
            display: inline-block;
            animation: swing ease-in-out 0.5s 1 alternate;
        }

    .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f105";
        font-style: normal;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-align: center;
        background: 0 0;
        position: absolute;
        right: 15px;
        top: 14px;
    }

    .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
        padding: 5px 0;
    }

    .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
        padding-left: 25px;
        font-size: 13px;
    }

        .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
            content: "\f111";
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            font-style: normal;
            display: inline-block;
            text-align: center;
            text-decoration: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 10px;
            font-size: 8px;
        }

    .sidebar-wrapper .sidebar-menu ul li a span.label,
    .sidebar-wrapper .sidebar-menu ul li a span.badge {
        float: right;
        margin-top: 8px;
        margin-left: 5px;
    }

    .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
    .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
        float: right;
        margin-top: 0px;
    }

    .sidebar-wrapper .sidebar-menu .sidebar-submenu {
        display: none;
    }

    .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
        transform: rotate(90deg);
        right: 17px;
    }

    .sidebar-wrapper .sidebar-menu .sidebar-dropdown .active {
        color: #ffffff !important;
    }

.sub-filter {
    display: block !important;
    background: #ffffffab;
    margin: 0 10px;
    padding: 5px;
    border-radius: 10px;
}

.fliter-airline .sel-all-airline .form-control {
    border: 1px solid #a5a5a5;
}

.sel-grp-airline .form-group label {
    font-size: 12px;
}
/*----------------------sidebar-menu end-------------------------*/
.pull-left {
    float: left !important;
}

.sidebar-wrapper .closebtn {
    position: static;
    right: 25px;
    text-align: right;
    font-size: 29px;
    height: 36px;
    width: 100%;
    background: #CC2128;
    display: block;
    padding-right: 12px;
}

/*@@media screen and (max-height: 450px) {
    .sidebar-wrapper {
        padding-top: 15px;
    }

        .sidebar-wrapper a {
            font-size: 18px;
        }
}

@@media only screen and (max-width:1440px) {
    .result-main .result-round-box {
        padding: 5px !important;
    }

    .result-round-box .res-price-text {
        font-size: 10px !important;
    }

    .flight-details,
    .res-route strong {
        font-size: 11px !important;
    }

    .flight-details-btn, .flight-options-btn {
        font-size: 11px !important;
        padding: 3px 8px 0 !important;
    }

    .flight-options-btn {
        font-size: 11px !important;
        padding: 3px 8px 0 !important;
    }

    .change-class {
        padding: 2px 2px;
        font-size: 10px !important;
    }

    .form-check input:checked + label::after {
        top: 2px !important;
        left: 5px !important;
    }

    .flight-stop-tabs .nav-link,
    .multi-search .nav-link,
    .flight-stop-title {
        font-size: 11px !important;
    }


    .flight-stop-details .flg-stop-duration h3 {
        font-size: 12px !important;
    }

    .flight-stop-title .flg-stop-logo {
        width: 25px;
    }

    .result-round-box .radio input:checked + label::after {
        top: 2px !important;
        left: 5px !important;
        width: 5px !important;
        height: 12px;
    }

    .result-main-section {
        padding: 5px 0px 50px !important;
    }

    .flt-prevnext-date {
        padding: 10px 0 5px 1px !important;
    }

    .result-round-box .res-route h6 {
        font-size: 13px !important;
    }

    .flight-stop-title {
        line-height: 16px;
    }

    .res-get-disc {
        float: right !important;
        margin: 0px auto 5px !important;
        width: 47% !important;
        padding: 2px 3px !important;
    }

    .result-round-box .res-get-disc p, .result-round-box .res-get-disc p a {
        font-size: 10px !important;
    }

    .price-list {
        margin: 0 !important;
    }

    .flight-menu .flight-sub-tab, .result-round-box .res-price-text, .res-price-text strong {
        font-size: 12px !important;
    }
}*/

.menubar {
    visibility: visible;
}

.f-14 {
    font-size: 14px !important;
}

.br-btm {
    border-bottom: 1px dashed #ffffff;
}

.fliterpricebtn {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    margin: 10px 0 10px 10px !important;
    min-width: 200px !important;
}

.filter-section .filter-options {
    width: 100% !important;
    display: block;
    margin: 10px 0 0 0;
    position: relative;
}

.filter-scroll {
    width: auto;
    overflow-y: scroll;
}

    .filter-scroll::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    .filter-scroll:hover::-webkit-scrollbar {
        width: 2px;
    }

    .filter-scroll:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
    }

/*added style form time filter*/
.dep-time li span {
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    margin: 0 auto;
}

.dep-time li {
    padding: 5px 5px 5px 5px !important;
    text-align: center;
    border: 1px solid #dee4ec !important;
}

.dep-time {
    border: none !important;
}

    /* accordion slide down */
    .dep-time li span {
        display: block;
        width: 25px;
        height: 25px;
        text-align: center;
        margin: 0 auto;
    }

.star {
    background: url(../images/day-time-icon-new.png)no-repeat 2px 2px;
}

.sun {
    background: url(../images/day-time-icon-new.png)no-repeat 2px -42px;
}

.cloud {
    background: url(../images/day-time-icon-new.png)no-repeat 2px -21px;
}

.moon {
    background: url(../images/day-time-icon-new.png)no-repeat 2px -70px;
}

.dep-time li {
    padding: 5px 5px 5px 5px !important;
    text-align: center;
    border: 1px solid #dee4ec !important;
}

.dep-time {
    border: none !important;
}

.sub-filter {
    display: block !important;
    background: #ffffffab;
    margin: 0 17px;
    padding: 5px;
    border-radius: 10px;
}


.sidebar-scroll {
    width: auto;
    overflow-y: scroll;
}

  .sidebar-scroll::-webkit-scrollbar {
    background-color: transparent !important;
    width: 0px !important;
}

 
  .sidebar-scroll:hover::-webkit-scrollbar {
    width: 2px;
}

  .sidebar-scroll:hover::-webkit-scrollbar-thumb {
    background-color: rgba(224, 9, 9, 0.856);
    border-radius: 20px;
}

  .duration-scroll {
    height: auto;
    overflow-x: scroll;
}

      .duration-scroll::-webkit-scrollbar {
        background-color: transparent;
        height: 0px;
    }

      .duration-scroll:hover::-webkit-scrollbar {
        height: 2px;
         
    }

      .duration-scroll:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
         
    }

 
/*
    CSS For MultiCity
    Added by Hardik: 02.03.2023
*/
.search-input-box {
    padding: 4px 20px !important;
}

/*
    Modify class by hardik for design issue 08.04.2023
*/
.flight-from, .rec-flight {
    height: 80px !important;
    padding: 5px 25px 15px 20px !important
}

    .rec-flight:before,
    .flight-from:before {
        top: 19px !important;
    }

.flight-swipe {
    top: 27px !important;
}

.search-input-box .inp-text {
    font-size: 17px;
}

.flight-from p, .rec-flight p {
    font-size: 13px;
}

.calendar-area {
    height: 80px !important;
    padding: 11px 15px 15px 9px !important;
}

.close-city {
    position: absolute;
    font-size: 20px;
    right: -11px;
    background: #c4c4c4;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    line-height: 26px;
    color: #303030ad;
    cursor: pointer;
    text-align: center;
    top: 20px;
}

.calendermulti {
    width: 100%;
    border: none;
    font-size: 18px;
    font-weight: 600;
    color: #4d5154;
    background: #fff url(../images/calendar-icon.png)no-repeat 250px 4px;
    cursor: pointer;
    display: inline-block;
}

.calender-large {
    max-width: 100% !important;
}

.multi-btn {
    padding: 6px 12px !important;
}

.result-shadow {
    box-shadow: 0px 2px 5px #ffbcc04d !important;
}

.multiresult .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #cc1228;
}


/*Multi City Added by Hardik 09.03.2023*/
.result-shadow {
    box-shadow: 0px 2px 5px #ffbcc04d !important;
}

.fltMltiBreadcrumb {
    overflow: hidden
}

    .fltMltiBreadcrumb li {
        float: left;
        padding: 0 .5em 0 .8em
    }

        .fltMltiBreadcrumb li:first-child {
            padding-left: 0
        }

        .fltMltiBreadcrumb li:last-child {
            padding-right: 0
        }

    .fltMltiBreadcrumb a {
        background: #ff787d1a;
        padding: .7em 1em;
        float: left;
        text-decoration: none;
        color: #000;
        position: relative;
        font-weight: 600;
        width: 100%;
    }

        .fltMltiBreadcrumb a:hover {
            background: #cc2128;
            color: #ffffff;
        }

        .fltMltiBreadcrumb a::before {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -2em;
            border-width: 2em 0 2em 1em;
            border-style: solid;
            border-color: #ff787d1a #ff787d1a #ff787d1a transparent;
            left: -1em
        }

        .fltMltiBreadcrumb a.active::before {
            border-color: #cc2128 #cc2128 #cc2128 transparent
        }

        .fltMltiBreadcrumb a:hover::before {
            border-color: #cc2128 #cc2128 #cc2128 transparent
        }

        .fltMltiBreadcrumb a.active:hover::before {
            border-color: #cc2128 #cc2128 #cc2128 transparent
        }

        .fltMltiBreadcrumb a::after {
            content: "";
            position: absolute;
            top: 50%;
            margin-top: -2em;
            border-top: 2em solid transparent;
            border-bottom: 2em solid transparent;
            border-left: 1em solid #ff787d1a;
            right: -1em
        }

    .fltMltiBreadcrumb li:last-child a::after {
        display: none
    }

    .fltMltiBreadcrumb li:first-child a::before {
        display: none
    }

    .fltMltiBreadcrumb a:hover::after {
        border-left-color: #cc2128
    }

    .fltMltiBreadcrumb a.active:hover::after, .fltMltiBreadcrumb a.active::after {
        border-left-color: #cc2128
    }

    .fltMltiBreadcrumb .active, .fltMltiBreadcrumb .active:hover {
        background: #cc2128;
        color: #ffffff;
    }

.pl-2 {
    padding-left: 3px;
}
/* latest multicity css */
.contain {
    margin-top: 10px;
    margin-left: 15px;
}

.shadowbox {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

/*Add this updated css for filter section*/

.fliterpricebtn {
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
    margin: 10px 0 10px 10px !important;
    min-width: 200px !important;
}

.filter-section .filter-options {
    width: 100% !important;
    display: block;
    margin: 10px 0 0 0;
    position: relative;
}

.filter-scroll {
    width: auto;
    overflow-y: scroll;
}

    .filter-scroll::-webkit-scrollbar {
        background-color: transparent;
        width: 0px;
    }

    .filter-scroll:hover::-webkit-scrollbar {
        width: 2px;
    }

    .filter-scroll:hover::-webkit-scrollbar-thumb {
        background-color: rgba(224, 9, 9, 0.856);
        border-radius: 20px;
    }

.filter-trip.active {
    background: #ffffff;
    color: #cc2128;
}

.hidesidebar {
    display: none !important;
}

/*Multicity Black belt CSS 13.03.2023*/

.multicityWrap {
    position: sticky;
    box-shadow: none;
    border: none;
    padding: 0;
    left: 0;
    right: 0;
    margin: 50px auto 0;
    bottom: 0 !important;
    width: 99%;
    z-index: 9;
    transition: 0.5s;
}

.result-multicity-details {
    position: sticky;
    background: #1f2b37;
    border-radius: 5px;
    margin: 0 auto 10px;
    padding: 0 15px;
    display: block;
}


.result-round-details .first-route-details,
.result-round-details .second-route-details,
.result-round-details .third-route-details {
    display: none;
}

.flight-indicator {
    color: #3a3a3a !important;
}

.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
    height: 50px;
}

    .collapsible-link::before {
        content: "\f106";
        position: absolute;
        top: 45%;
        right: -0.2rem;
        transform: translateY(-50%);
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.1rem;
        color: #000;
    }

    .collapsible-link[aria-expanded="true"]::before {
        content: "\f107";
    }

/*.return-airline .multicity-indicator {
    margin: 0px 39px;
    line-height: 14px;
    font-size: 14px;
    display: inline-flex;
    width: auto;
    font-weight: 400;
}
*/
.card-body-padding {
    padding: 10px 20px !important;
}

/*Added by hardik for Review Itinerary Flight detail display 21.03.2023 */

.flight-indicator {
    color: #3a3a3a !important;
}

.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
    height: 50px;
}

    .collapsible-link::before {
        content: "\f107";
        position: absolute;
        top: 45%;
        right: -0.2rem;
        transform: translateY(-50%);
        display: block;
        font-family: "Font Awesome 5 Free";
        font-size: 1.1rem;
        color: #000;
    }

    .collapsible-link[aria-expanded="true"]::before {
        content: "\f106";
    }

/*.return-airline .multicity-indicator {
    margin: 0px 39px;
    line-height: 14px;
    font-size: 14px;
    display: inline-flex;
    width: auto;
    font-weight: 400;
}*/

.card-body-padding {
    padding: 10px 20px !important;
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1000px !important;
    }
}

/* 23-03-2023  */
.header-indicator {
    position: absolute;
    margin: 0px 25px !important;
    /*top: 12px;*/
    top: 5px;
}

.multicity-flightdate {
    display: block;
    position: absolute;
    /*right: 49px !important;*/
    right: 0px !important;
    /* top: -1px !important;*/
    top: 5px !important;
    font-weight: 600;
}

/*31-03-2023*/
.multicitybook {
    width: 90% !important;
    float: right !important;
    margin: 0;
    font-size: 12px !important;
}

.result-round-details .res-pricing .com-btn .multicitybook {
    width: auto;
    padding: 5px 9px !important;
    font-weight: 600;
    display: inline-block;
    border: 0;
    margin-right: 5px !important;
    font-size: 12px !important;
}

.fare-tab-ul {
    background: #ffffff !important;
}

.fare-tab-li {
    display: inline-flex !important;
}

.fare-nav-link {
    display: inline-block !important;
}

.promofont {
    font-size: 16px;
}

.promo-code {
    padding: 3px;
    width: auto;
    font-size: 13px;
    font-weight: 600;
}


.fltMltiBreadcrumb a {
    background: #f7c6c8;
}

    .fltMltiBreadcrumb a::before {
        border-color: #f7c6c8 #f7c6c8 #f7c6c8 transparent;
    }

    .fltMltiBreadcrumb a::after {
        border-left: 1em solid #f7c6c8;
    }

.flight-error {
    background: rgb(233,33,41);
}

    .flight-error:after {
        border-bottom-color: rgb(233,33,41) !important;
    }

.fixed-header {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
}

input[type="radio"]:checked {
    border-color: #d0011b;
}

    input[type="radio"]:checked:before {
        background: #d0011b;
    }

input[type='radio'] {
    border: 3px solid #d0011b;
}

.modify-section.small {
    top: 69px;
    background: #fde5e6;
}

.InvalidEntry {
    border: 1px solid #f00 !important;
}

/*25-04-2023*/
.disclaimer {
    padding: 5px 15px !important;
    display: block;
    width: 100px;
    margin: 9px 2px 3px 0;
    font-size: 12px;
}

.return-calenderbox {
    width: 50% !important;
}

.flight-indicator-bottom {
    color: #c3c3c3 !important;
}

.flightRoundWrap {
    bottom: 0px !important;
    position: fixed !important;
    z-index: 8 !important;
}


/*26.04.2023*/
.return-calendar-area {
    height: 80px !important;
    padding: 10px 4px 15px 6px !important;
}

.returndatespecial {
    font-size: 17px !important;
    background: #fff url(../images/calendar-icon.png)no-repeat 118px 4px !important;
}


.price-short-arrow {
    color: #cc2128;
    font-size: 17px;
}

div p {
    display: block;
    width: 100% !important;
}
/*27-04-2023*/
span.pt-DefaultParagraphFont-000000 {
    width: 100% !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    padding-bottom: 5px !important;
}

p.pt-Normal {
    text-indent: 0 !important;
    display: block;
    width: 100%;
}

.return-airline .multicity-indicator {
    margin: 0px 39px;
    line-height: 14px;
    font-size: 14px;
    display: inline-flex;
    width: 45%;
    font-weight: 400;
    float: right;
    position: relative;
    top: -34px;
}

span.pt-DefaultParagraphFont-000003 {
    width: 100% !important;
}

span.pt-DefaultParagraphFont-000001 {
    width: 100% !important;
}

.pt-DefaultParagraphFont-000003 {
    width: 100% !important;
}

span.pt-Strong-000005 {
    width: 100% !important;
}
.res-bagage [data-tooltip]:before {
    right: -80%;
    width: 250px;
    font-size: 12px;
    bottom: auto;
    /* height: 25px; */
    z-index: 9999 !important;
    top: 28px !important;
}

.flight-details-slider .tab-content {
    background-color: #fff0f0;
    padding: 2px !important;
    border-radius: 8px !important;
}


.result-main .result-show-box {
    margin: 0px auto 6px !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px -1px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px !important;
}

    .result-main .result-show-box:hover {
        border: 1px solid #cc2128 !important;
    }

body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.multiselect-dropdown {
    margin-top: -10px;
}

.result-round-box .res-get-disc p {
    width: auto !important;
}

table td {
    white-space: inherit !important;
}

.table-bordered {
    border: 1px solid #dee2e6 !important;
}

.payment-information th {
    background-color: #cdcdcd !important;
    color: #4D5154 !important;
}

.result-main {
    /* border: 1px solid #cc2128;*/
    border-radius: 10px;
}

    .result-main .select-bor, .select-bor {
        border: none !important;
    }

.more-btn {
    width: auto;
    padding: 2px 5px;
    min-width: inherit;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    float: right;
    vertical-align: middle;
}

.selectedTextColor {
    border: 1px solid #CC2128;
    border-radius: 15px;
    color: #CC2128;
    transition: 0.5s;
    background: #fff;
    text-align: center;
}
/*.flt-details .trip-listing .no-fare {
    display: block;
    height: 0vh !important;
}*/

.re-btn-new {
    width: auto;
    padding: 10px 45px;
    min-width: 100px;
    border: 1px solid rgb(255, 255, 255, 0);
    border-radius: 15px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    transition: 0.5s;
    background: #CC2128;
    position: relative;
    text-align: center;
}

.result-main .result-round-sort {
    background: #dedede;
    border-radius: 5px;
    padding: 5px;
    margin: 0 auto 5px;
    box-shadow: none;
}

.result-round-box .ariline-label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #42495B;
    text-transform: uppercase;
    float: left;
    line-height: 24px;
}

.recent-search {
    width: auto;
    float: left;
    margin: 20px 0 0 0px;
}

    .recent-search strong {
        font-weight: 500;
        line-height: 40px;
    }

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/password.ttf');
}

.passwordfield {
    font-family: 'password';
}


.res-indicator [data-tooltip]:before {
    right: -77%;
    width: 117px;
    font-size: 12px;
    bottom: 10%;
    height: 25px;
    z-index: 9999;
    top: 28px !important;
}

/*become partner code */
.become-btn {
    top: 9px;
    right: 50px;
    position: absolute;
    width: auto;
    padding: 8px 10px;
    min-width: 160px;
    border: 2px solid #F3F3F3;
    border-radius: 10px;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    transition: 0.5s;
    background-size: 100%;
    background-image: linear-gradient(#CC2128, #f23139);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    text-align: center;
    display: block;
}

    .become-btn:hover {
        border: 2px solid #F3F3F3;
        color: #CC2128;
        background: #F3F3F3;
    }

    .become-btn span {
        z-index: 10;
        position: relative;
    }

.btn--glow {
    position: relative;
    overflow: hidden;
}

    .btn--glow:before {
        content: '';
        position: absolute;
        left: -20%;
        top: -10%;
        width: 0;
        height: 100%;
        transform: rotate(15deg) scale(1, 2);
        box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.7);
        animation: button-glow 2500ms ease-in-out infinite;
    }

@keyframes button-glow {
    0% {
        left: -20%;
    }

    50% {
        left: 120%;
    }

    100% {
        left: 120%;
    }
}


@media only screen and (max-width: 767px) {
    .become-btn {
        top: 11px;
        right: 44px;
        position: absolute;
        width: auto;
        padding: 6px 6px;
        min-width: 129px;
        border: 2px solid #F3F3F3;
        border-radius: 10px;
        color: #ffffff;
        font-weight: normal;
        font-size: 12px;
        transition: 0.5s;
        background-size: 100%;
        background-image: linear-gradient(#CC2128, #f23139);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
        text-align: center;
        display: block;
    }
}


.sidebar {
    position: sticky !important;
    top: 131px !important;
    z-index: 99 !important;
}

.sidebarmulticity {
    position: sticky !important;
    top: 111px !important;
    z-index: 1;
    background :#fff !important;
}

.return-trip-box .info-flight,
.result-show-box .info-flight {
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #cc2128;
    padding: 3px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

    .return-trip-box .info-flight i,
    .result-show-box .info-flight i {
        color: #cc2128;
        line-height: 9px;
        font-size: 11px !important;
    }

.round-trip-box .info-flight [data-tooltip]:before {
    width: 400px;
}

.form-control {
    background: #ededed !important;
    font-size: 12px !important;
}