a[href^=tel] {
    color: inherit;
    text-decoration: none
}

header, footer, nav, section, aside {
    display: block
}

body {
     font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #626262;
    font-weight: 400;
    background: #fff
}

ul, li {
    list-style: none
}

input, select, textarea {
     font-family: 'Fira Sans', sans-serif;
    font-size: 13px;
    color: #212121
}

label {
    font-weight: 400
}

.fleft {
    float: left
}

.fright {
    float: right
}

a:focus, :focus {
    outline: none
}

button::-moz-focus-inner {
    border: 0
}

a {
    text-decoration: none
}

img {
    max-width: 100%;
    border: none
}

.clr {
    clear: both;
    overflow: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
    display: block;
    width: 100%
}

input[type=button], input[type=submit], button {
    cursor: pointer
}

.wrapper {
    float: left;
    width: 100%
}

.siteWidth {
    max-width: 1180px;
    margin: 0 auto
}

.header {
    float: left;
    width: 100%;
    background: #fff;
    position: relative;
    z-index: 111111;
   /* box-shadow: 0 1px 3px rgba(0,0,0,.1)*/
}

.logo {
    float: left;
   /* padding-top: 25px*/
}

    .logo img {
        display: block
    }

.headerTop {
    float: left;
    width: 100%;
    padding-bottom: 0;
   /* margin-top: -20px;*/
    border-bottom: 0px solid #fff;
    padding-top: 5px;
  padding-bottom: 5px;
}

.headerRight {
    float: right;
    margin-top: 24px
}

.callPic {
    float: left;
    margin-right: 20px;
    margin-top: 6px
}

    .callPic img {
        display: block
    }

    .callPic ul li {
        color: #626262;
        font-size: 14px;
        text-transform: uppercase;
        position: relative
    }

        .callPic ul li span {
            padding: 3px 25px 3px 40px;
            height: 25px;
            position: relative;
            cursor: pointer
        }

            .callPic ul li span:before {
                content: "";
                position: absolute;
                top: 9px;
                right: 6px;
                background: url(../images/select-arrow.png) no-repeat 0 0;
                width: 8px;
                height: 5px
            }

        .callPic ul li ul {
            display: none;
            position: absolute;
            top: 24px;
            left: 0;
            width: 100%;
            border: 1px solid #e5e5e5;
            background: #fff
        }

            .callPic ul li ul li {
                border-top: 0;
                padding: 2px 0
            }

                .callPic ul li ul li:first-child {
                    border: none
                }

        .callPic ul li a {
            color: #626262
        }

.australiaFlag {
    background: url(../images/aus-flag.jpg) no-repeat 2px center;
    display: block;
    padding-left: 40px;
    background-size: 25px auto
}

.canadaFlag {
    background: url(../images/can-flag.jpg) no-repeat 2px center;
    padding-left: 40px;
    background-size: 25px auto
}

.usaFlag {
    background: url(../images/usa-flag.jpg) no-repeat 2px center;
    padding-left: 40px;
    background-size: 25px auto
}

.ukFlag {
    background: url(../images/uk-flag.jpg) no-repeat 2px center;
    padding-left: 40px;
    background-size: 25px auto
}

.headerStrip .callTxt {
    float: left;
    margin: 0 20px;
    border-left: 1px solid #ced2d5;
    padding-left: 20px;
    margin-left: 0
}

    .headerStrip .callTxt a {
        font-size: 16px;
        font-weight: 700;
        color: #1b3867;
        pointer-events: none;
        line-height: 30px;
        background: url(../images/cell-icon.png) no-repeat 0 center;
        padding-left: 16px
    }

.callBookBox select {
    width: 87px;
    float: left;
    height: 23px
}

.callBookBox .select-wrapper {
    width: 87px;
    display: block !important
}

    .callBookBox .select-wrapper .holder {
        padding: 0 5px;
        font-size: 14px;
        line-height: 21px;
        height: 23px;
        display: block !important;
        border: 1px solid #e5e5e5;
        background: url(../images/aus-flag.jpg) no-repeat 1px center;
        padding-left: 35px;
        text-transform: uppercase
    }

    .callBookBox .select-wrapper:before {
        top: 9px;
        right: 6px
    }

.header nav {
    float: right;
   /* margin-top: 17px*/
}

    .header nav ul {
        float: left;
        width: 100%
    }

        .header nav ul li {
            float: left;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            margin-left: 15px;
            padding-top: 0px
        }

            .header nav ul li a {
                color: #fff;
                display: block;
                padding: 0
            }

                .header nav ul li a span {
                    display: block;
                    text-align: center;
                    height: 16px;
                    position: relative;
                    color: #fff
                }

.hoverImg {
    opacity: 0
}

.header nav ul li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.header nav ul li:hover img {
    opacity: 0
}

.header nav ul li:hover a span .hoverImg {
    opacity: 1
}

.header nav ul li.active a, .header nav ul li:hover a {
    color: #f1f1f1
}

    .header nav ul li.active a span img {
        opacity: 0
    }

    .header nav ul li.active a span .hoverImg {
        opacity: 1
    }

.subMenuLink {
    display: none
}

.header nav ul li .submenu {
    display: none
}

.requestCallBackBox {
    float: right;
    position: relative;
    z-index: 2
}

.callMeBox {
    display: none;
    position: absolute;
    background: #fff;
    padding: 16px;
    right: 0;
    top: 30px;
    border: 1px solid #e1e1e1;
    width: 241px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

    .callMeBox input[type=text], .callMeBox select {
        border: 1px solid #bebcbc;
        background: #fff;
        padding: 5px;
        height: 25px;
        border-radius: 2px
    }

    .callMeBox input[type=text] {
        width: 139px;
        float: right
    }

    .callMeBox select {
        width: 57px;
        float: left
    }

    .callMeBox input[type=submit], .submitBtn, .formFieldBg input.submitBtn {
        background: #fb4f0f;
        border: 0;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        float: right;
        padding: 6px 21px;
        margin-top: 7px;
        border-radius: 2px
    }

.requestCallBackBox .submitBtn {
    font-weight: 300;
    font-size: 13px;
    padding: 3px 15px
}

.requestLink {
    display: block;
    height: 30px;
    color: #FFFFFF !important;
    text-align: center;
    padding: 0 32px 0 15px;
    position: relative;
    line-height: 30px;
    background: #fb4f0f;
    font-weight: 600;
    font-size: 14px;
    font-weight: 300;
    border-radius: 0 10px
}

    .requestLink span {
        background: url(../images/down-arrow.png) no-repeat 0 0;
        width: 8px;
        height: 5px;
        display: block;
        position: absolute;
        right: 11px;
        top: 13px
    }

    .requestLink.active span {
        background: url(../images/up-arrow.png) no-repeat 0 0
    }

.callMeThank {
    display: none;
    position: absolute;
    background: #fff;
    padding: 26px 16px;
    right: 0;
    top: 41px;
    border: 1px solid #e1e1e1;
    width: 241px;
    text-align: center;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.headerStrip {
    float: left;
    width: 100%;
    background: #fb4f0f;
    padding: 0;
    z-index: 6;
    position: relative;
    border-bottom: #b5d7ea solid 1px
}

.flagBox {
    float: left;
    padding: 0
}

    .flagBox img {
        display: block
    }

    .flagBox ul li {
        color: #626262;
        font-size: 14px;
        text-transform: uppercase;
        position: relative
    }

        .flagBox ul li span {
            padding: 2px 30px 2px 35px;
            height: 24px;
            position: relative;
            cursor: pointer;
            background-color: #e8e8e8;
            display: block;
            border: 1px solid #e5e5e5
        }

            .flagBox ul li span:before {
                content: "";
                position: absolute;
                top: 9px;
                right: 8px;
                background: url(../www.travelomatrix.com/images/travelomatrix/images/select-arrow.html) no-repeat 0 0;
                width: 8px;
                height: 5px
            }

        .flagBox ul li ul {
            display: none;
            position: absolute;
            top: 23px;
            left: 0;
            width: 100%;
            border: 1px solid #e5e5e5;
            background: #e8e8e8
        }

            .flagBox ul li ul li {
                border-top: 1px solid #999;
                padding: 3px 0
            }

        .flagBox ul li a {
            color: #626262
        }

.headerTopLink {
    float: left;
    margin-top: 0;
    border-left: 1px solid #ced2d5;
    border-right: 1px solid #ced2d5;
    height: 30px;
    padding: 5px 10px 0;
    display: none
}

    .headerTopLink li {
        display: inline;
        position: relative
    }

        .headerTopLink li:first-child a {
            border: none
        }

        .headerTopLink li > a {
            display: inline-block;
            border-left: 1px solid #8f9193;
            padding: 0 10px;
            line-height: 12px;
            color: #212121;
            font-weight: 300;
            font-size: 13px
        }

            .headerTopLink li > a.active:before {
                content: "";
                position: absolute;
                top: 12px;
                left: 50%;
                border: 8px solid transparent;
                border-bottom-color: #e1e1e1;
                margin-left: -8px;
                z-index: 4
            }

            .headerTopLink li > a.active:after {
                content: "";
                position: absolute;
                top: 16px;
                left: 50%;
                border: 6px solid transparent;
                border-bottom-color: #fff;
                margin-left: -6px;
                z-index: 4
            }

        .headerTopLink li#welcomeContainer {
            margin-right: 25px
        }

            .headerTopLink li#welcomeContainer > a {
                border: none
            }

            .headerTopLink li#welcomeContainer ul li {
                display: block;
                border: none;
                border-bottom: 1px solid #eee
            }

            .headerTopLink li#welcomeContainer .popupContainer {
                width: 170px
            }

            .headerTopLink li#welcomeContainer ul li a {
                color: #333;
                border: none;
                padding: 5px 10px;
                line-height: 22px;
                width: 100%
            }

                .headerTopLink li#welcomeContainer ul li a:hover {
                    background: #f2f2f2
                }

.helloUser {
    background: url(../www.travelomatrix.com/images/travelomatrix/images/down-arrow.html) no-repeat right center;
    background-size: 9px auto
}

.popupContainer {
    background: #fff;
    border: 1px solid #e1e1e1;
    width: 288px;
    position: absolute;
    top: 27px;
    right: -10px;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    display: none
}

    .popupContainer h3 {
        font-size: 16px;
        color: #333;
        font-weight: 500;
        padding: 10px 0;
        border-bottom: 1px solid #e1e1e1;
        text-transform: uppercase;
        text-align: center
    }

.formContainer {
    padding: 15px;
    float: left;
    width: 100%
}

.formClearRow {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

    .formClearRow label {
        font-size: 12px
    }

.formContainer input[type=checkbox] {
    margin-right: 5px;
    vertical-align: text-top
}

.formContainer input[type=text], .formContainer input[type=password] {
    border: 1px solid #e1e1e1;
    background: #fff;
    width: 100%;
    height: 40px;
    padding: 0 10px
}

.formContainer input[type=submit], .formContainer input[type=button] {
    border: none;
    border-bottom: 2px solid #b52f00;
    background: #fb4f0f;
    width: 100%;
    height: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.googleButton {
    float: left
}

.facebookButton {
    float: right
}

.forgotLink {
    margin-top: 5px;
    text-align: right
}

    .forgotLink a {
        color: #858585
    }

        .forgotLink a:hover {
            color: #000
        }

.orDiv {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    text-align: center;
    float: left
}

    .orDiv span {
        background: #fff;
        position: relative;
        padding: 0 7px;
        text-transform: uppercase
    }

    .orDiv:before {
        content: "";
        position: absolute;
        height: 1px;
        background: #e1e1e1;
        left: 0;
        top: 9px;
        width: 100%
    }

.fromBottomText {
    float: left;
    width: 100%;
    text-align: center;
    color: #999;
    font-size: 13px
}

    .fromBottomText a {
        text-decoration: underline;
        color: #395697
    }

        .fromBottomText a:hover {
            text-decoration: none
        }

.forgotTxt {
    text-align: center;
    font-size: 16px;
    font-weight: 300
}

.banner {
    float: left;
    width: 100%;
    height: 449px;
    position: relative;
    z-index: -1
}



.homeBanner2 {
    background: url(../images/home-banner2.jpg) no-repeat center 0
}

.banner .callTxt, .innerBanner .callTxt {
    display: none
}

.bannerHeadTxt {
    color: #fff;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    height: 320px
}

    .bannerHeadTxt h1 {
        position: absolute;
        bottom: 38px;
        left: 0;
        color: #fff;
        font-weight: 700;
        font-size: 30px;
        color: #fff;
        display: inline-block;
        padding-bottom: 10px;
        margin: 0
    }

        .bannerHeadTxt h1:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 56%;
            height: 2px;
            background: #f2f2f2
        }

.tabBox {
    width: 100%;
    position: absolute;
    float: left;
    top: 100px;
}

.tabList {
    display: none
}

    .tabList ul {
        float: left;
        margin-top: -34px;
        position: relative;
        z-index: 4
    }

        .tabList ul li {
            float: left;
            margin-right: 2px;
            text-transform: uppercase
        }

            .tabList ul li a {
                display: block;
                background: #e3e3e3;
                color: #000;
                padding: 8px 18px
            }

                .tabList ul li a img {
                    margin: 1px 6px 0 0;
                    float: left;
                    width: 20px
                }

                    .tabList ul li a img.activeIcon {
                        display: none
                    }

            .tabList ul li.active a img.icon, .tabList ul li:hover a img.icon {
                display: none
            }

            .tabList ul li.active a img.activeIcon, .tabList ul li:hover a img.activeIcon {
                display: block
            }

            .tabList ul li.active a, .tabList ul li:hover a {
                background: #212121;
                color: #fff;
                padding: 10px 18px;
                margin-top: -4px
            }

.tabContent {
    border: 1px solid #dfe0e4;
    max-width: 100%;
    width: 100%;
    float: left;
    border-radius: 20px;
    padding: 20px;
    background: #fff;
}

    .tabContent h3 {
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid #2b456f;
        text-transform: uppercase;
        line-height: 28px;
        margin-top: 0
    }

.tabSlideHeading {
    display: none
}

.radioBox {
    float: left;
    width: 86%;
    margin-bottom: 15px
}

    .radioBox label {
        float: left;
        margin-right: 15px;
        color: #000;
        font-weight: 700;
        font-size: 14px
    }

        .radioBox label input {
            margin-right: 8px
        }

    .radioBox .directFlight {
        float: right;
        margin: 0
    }

.formFieldBg {
    float: left;
    width: 100%
}

    .formFieldBg input[type=text], .formFieldBg input[type=email]/*, .formFieldBg select*/ {
        border: #eff1f2 solid 1px;
        /* padding: 8px 9px;*/
        padding: 25px 9px;
        width: 100%;
        font-size: 14px;
        height: 35px
    }

    .formFieldBg select {
        background-color: #f0f3f5 !important;
        transition: 0.3s !important;
        height: 44px;

    }


    .errorField {
        color: red;
        display: block;
        width: 100%;
        padding: 5px 8px;
        font-size: 13px;
        background: #fff;
        position: absolute;
        top: 40px;
        left: 0;
        border: 1px solid #bcbcbc;
        display: none;
        z-index: 5
    }

    .errorField:before {
        content: "";
        position: absolute;
        border: 5px solid transparent;
        left: 11px;
        top: -10px;
        border-bottom-color: #fff;
        z-index: 3
    }

    .errorField:after {
        content: "";
        position: absolute;
        border: 6px solid transparent;
        left: 10px;
        top: -12px;
        border-bottom-color: #bcbcbc;
        z-index: 2
    }

.inputFieldBox, .dateFieldBox, .selectFieldBox, .timeFieldBox {
    float: left;
    position: relative;
    background: #fff;
    border-radius: 4px
}

.selectFieldBox {
    float: right;
    display: none
}

.formFieldBg .inputFieldBox input {
    background: url(../images/location-icon.png) no-repeat 9px center;
    padding-left: 32px;
    background-color: #f0f3f5;
    transition: 0.3s;
}

    .formFieldBg .inputFieldBox input:hover {
        background: url(../images/location-icon.png) no-repeat 9px center;
        padding-left: 32px;
        background-color: #e1ebef;
        transition: 0.3s;
    }

.formFieldBg .dateFieldBox input {
    background: url(../images/date-icon.png) no-repeat 9px center;
    padding-left: 40px;
    background-color: #f0f3f5;
    transition: 0.3s;
}

    .formFieldBg .dateFieldBox input:hover {
        background: url(../images/date-icon.png) no-repeat 9px center;
        padding-left: 40px;
        background-color: #e1ebef;
        transition: 0.3s;
    }

.formFieldBg .travcabFieldBox input {
    background: url(../images/travellers.png) no-repeat 9px center;
    padding-left: 40px;
    background-color: #f0f3f5;
    transition: 0.3s;
}


    .formFieldBg .travcabFieldBox input:hover {
        background: url(../images/travellers.png) no-repeat 9px center;
        padding-left: 40px;
        background-color: #e1ebef;
        transition: 0.3s;
    }




.inputFieldBox {
    width: 100%
}

.dateFieldBox {
    width: 100%
}

    .dateFieldBox.disable input {
        opacity: .35
    }

.selectFieldBox {
    width: 20%
}

.searchFlights {
    float: right;
    font-family: roboto;
    color: #fff;
    background: #fb4f0f !important;
    padding: 10px 18px;
    font-size: 18px;
    border: #fb4f0f solid 1px
}

.formFieldBg.multiCity .inputFieldBox, .formFieldBg.multiCity .dateFieldBox, .formFieldBg.multiCity .selectFieldBox {
    width: 25%;
    background: #fff;
    height: 35px
}

.formFieldBg.addMulticity {
    background: 0 0;
    position: relative;
    width: 100%
}

    .formFieldBg.addMulticity .addMulticityInner {
        float: left;
        width: 100%
    }

.multiInputFieldBox {
    float: left;
    width: 32%;
    margin: 0 2%
}

    .multiInputFieldBox:first-child, .multiInputFieldBox:last-child {
        margin: 0
    }

.formFieldBg.addMulticity .addMulticityInner .inputFieldBox, .formFieldBg.addMulticity .addMulticityInner .dateFieldBox {
    width: 100%;
    position: relative
}

.addFlight {
    position: absolute;
    left: 100%;
    bottom: 10px;
    width: auto;
    padding-left: 50px;
    width: 150px
}

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

        .addFlight a.addflightDisable {
            pointer-events: none;
            opacity: .2
        }

        .addFlight a:hover {
            text-decoration: underline
        }

        .addFlight a span {
            font-size: 18px;
            font-weight: 300
        }

        .addFlight a.closeField {
            float: left;
            margin-right: 20px;
            position: relative;
            right: auto;
            top: auto
        }

.closeField {
    position: absolute;
    right: -22px;
    top: 10px;
    z-index: 1
}

    .closeField span {
        display: none
    }

    .closeField img {
        width: 12px
    }

        .closeField img.grayCloseIcon {
            display: none
        }

.appendFields {
    margin-bottom: 2px;
    float: left;
    width: 100%
}

.addInnerFields {
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.closeFlight {
    float: left
}

.flightOrder {
    display: none;
    font-size: 15px;
    color: #333;
    margin-bottom: 5px
}

.inputFieldRow {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

    .inputFieldRow label, .multiInputFieldBox label, .multiInputFieldRowLeft label {
        color: #fff;
        display: block;
        margin-bottom: 6px;
        text-transform: uppercase;
        font-size: 12px
    }

.inputFieldRowLeft {
    float: left;
    width: 46.5%
}

.inputFieldRowRight {
    float: right;
    width: 46.5%
}

.inputMidFlightIcon {
    position: relative
}

    .inputMidFlightIcon:before {
        content: "";
        background: url(../images/flight-icon.png) no-repeat 0 0;
        width: 27px;
        height: 27px;
        position: absolute;
        top: 28px;
        left: -38px
    }

.innerLeftField {
    float: left;
    width: 48%
}

.innerRightField {
    float: right;
    width: 48%
}

.passengerInfoBox {
    float: left;
    width: 31%;
    margin: 0 3.5%
}

    .passengerInfoBox:first-child, .passengerInfoBox:last-child {
        margin: 0
    }

.multiInputFieldRowLeft {
    width: 66%;
    float: left
}

    .multiInputFieldRowLeft .passengerInfoBox {
        width: 22%;
        margin: 0 15px 0 0
    }

        .multiInputFieldRowLeft .passengerInfoBox:first-child, .multiInputFieldRowLeft .passengerInfoBox:last-child {
            margin: 0 15px 0 0
        }

.multiInputFieldRowRight {
    float: right;
    width: 24%
}

.submitBottomBtn {
    position: relative
}

.innerBanner {
    float: left;
    width: 100%;
    height: 250px;
    position: relative
}

.aboutBanner {
    background: url(../images/about-banner.jpg) no-repeat center 0
}

.airlineContact {
    background: url(../images/airline-contact-bg.jpg) no-repeat center 0
}

.onlineCheckin {
    background: url(../images/online-check-in-bg.jpg) no-repeat center 0
}

online-check-in-bg .sitemapBanner {
    background: url(../images/sitemap-banner.jpg) no-repeat center 0
}

.contactBanner {
    background: url(../images/callus-banner.jpg) no-repeat center 0
}

.termsBanner {
    background: url(../images/terms-banner.jpg) no-repeat center 0
}


.airlineBanner {
    background: url(../404.html) no-repeat center 0
}




.preflightBanner {
    background: url(../images/preflight-banner.jpg) no-repeat center 0
}

.privacyBanner {
    background: url(../images/privacy-policy-banner.jpg) no-repeat center 0
}



.refundBanner {
    background: url(../images/cancellation-refund-banner.jpg) no-repeat center 0
}

.landingBanner {
    background: url(../images/landing-page-banner.png) no-repeat center 0
}

.callusBanner {
    background: url(../images/callus-banner.jpg) no-repeat center 0;
    height: 420px;
    position: inherit
}

.romeDestinationBanner, .aucklandDestinationBanner, .baliDestinationBanner, .londonDestinationBanner, .phuketDestinationBanner, .frankfurtDestinationBanner, .dubaiDestinationBanner, .shanghaiDestinationBanner, .honoluluDestinationBanner {
    height: 320px
}

.callUsContent {
    text-align: center;
    font-size: 35px;
    color: #6f6f6f;
    font-weight: 300;
    padding: 120px 0 0 320px;
    line-height: 55px
}

    .callUsContent em {
        font-style: inherit
    }

    .callUsContent a {
        font-size: 70px;
        color: #fb4f13;
        font-weight: 400;
        display: block;
        pointer-events: none
    }

.tabContentBox.siteWidth {
    position: relative
}

.searchRightBox {
    position: absolute;
    background: rgba(255,255,255,.8);
    width: 259px;
    right: 107px;
    top: 0;
    border: 1px solid #ccc9c6;
    text-align: center;
    padding: 22px 20px 23px;
    color: #212121;
    border-radius: 0 20px
}

    .searchRightBox h3 {
        font-weight: 700;
        font-size: 20px;
        color: #fb4f0f;
        margin-bottom: 10px;
        text-transform: uppercase
    }

    .searchRightBox p {
        font-size: 14px;
        margin-bottom: 25px
    }

.flightPrice {
    margin-bottom: 28px
}

    .flightPrice span {
        display: block;
        color: #fb4f0f;
        font-size: 22px;
        padding-top: 8px
    }

        .flightPrice span em {
            font-style: normal;
            font-size: 14px;
            color: #212121
        }

.callBtn {
    display: inline-block;
    border: 1px solid #fb4f0f;
    border-radius: 20px;
    padding: 5px 29px;
    background: rgba(251,77,16,.2);
    font-size: 14px;
    color: #000
}

    .callBtn:hover {
        display: inline-block;
        border: 1px solid #000;
        border-radius: 20px;
        padding: 5px 29px;
        background: rgba(251,77,16,1);
        font-size: 14px;
        color: #000
    }

.holidaysList {
    float: left;
    width: 100%;
    padding: 0 0 45px
}

    .holidaysList ul {
        float: left;
        width: 100%
    }

        .holidaysList ul li {
            float: left;
            width: 22%;
            text-align: center;
            position: relative;
            margin: 0 12px;
            padding: 0
        }

            .holidaysList ul li:before {
                content: "";
                top: 15%;
                left: 0;
                width: 1px;
                background: #c6c6c6;
                height: 65%
            }

            .holidaysList ul li:first-child:before {
                display: none
            }

            .holidaysList ul li .holidayIcon {
                margin-bottom: 10px;
                text-align: center;
                width: 100%;
                padding-top: 10px
            }

            .holidaysList ul li .holidayTxt {
                color: #828282;
                float: left;
                width: 100%;
                font-size: 14px
            }

                .holidaysList ul li .holidayTxt h5 {
                    color: #fb4f0f;
                    font-size: 15px;
                    margin-bottom: 1px;
                    font-weight: 400
                }

                .holidaysList ul li .holidayTxt p {
                    margin-bottom: 0
                }

.viewLink {
    color: #0054a5;
    text-decoration: underline
}

    .viewLink:hover {
        color: #000;
        text-decoration: none
    }

.specialHolidysList {
    padding: 25px 0;
    float: left;
    width: 100%
}

    .specialHolidysList ul li {
        position: relative;
        float: left;
        margin-bottom: 10px;
        overflow: hidden
    }

        .specialHolidysList ul li:hover img {
            transform: scale(1.2)
        }

        .specialHolidysList ul li a {
            color: #f2f6f9
        }

            .specialHolidysList ul li a span {
                font-size: 20px;
                font-weight: 700;
                display: block;
                line-height: 22px
            }

                .specialHolidysList ul li a span em {
                    font-size: 14px;
                    font-weight: 400;
                    font-style: normal;
                    display: block
                }

.specialHolidayLeft {
    float: left;
    width: 74.4%
}

.specialHolidysList .specialHolidayLeft ul li:nth-child(2) {
    float: right
}

.specialHolidysList .specialHolidayLeft ul li:nth-child(4) {
    margin: 0 11px
}

.specialHolidayRight {
    float: right;
    width: 24.69%
}

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

.specialHolidysList span {
    position: absolute;
    bottom: 14px;
    left: 15px
}

.popularDestination .owl-theme .owl-controls, .airlineOffer .owl-theme .owl-controls {
    position: absolute;
    top: 125px;
    width: 100%
}

.trevelerHotelBox .owl-theme .owl-controls {
    position: absolute;
    top: 90px;
    width: 100%
}

.travelDealsBox .owl-theme .owl-controls {
    position: absolute;
    top: 160px;
    width: 100%
}

    .specialHolidysList .owl-theme .owl-controls .owl-buttons div, .popularDestination .owl-theme .owl-controls .owl-buttons div, .airlineOffer .owl-theme .owl-controls .owl-buttons div, .travelDealsBox .owl-theme .owl-controls .owl-buttons div, .trevelerHotelBox .owl-theme .owl-controls .owl-buttons div {
        width: 28px;
        height: 22px;
        margin: 0;
        padding: 0;
        text-indent: -9000px;
        position: absolute
    }

        .specialHolidysList .owl-theme .owl-controls .owl-buttons div.owl-prev, .popularDestination .owl-theme .owl-controls .owl-buttons div.owl-prev, .airlineOffer .owl-theme .owl-controls .owl-buttons div.owl-prev, .travelDealsBox .owl-theme .owl-controls .owl-buttons div.owl-prev, .trevelerHotelBox .owl-theme .owl-controls .owl-buttons div.owl-prev {
            background: url(../images/arrow-left.png) no-repeat 0 0;
            left: -30px
        }

        .specialHolidysList .owl-theme .owl-controls .owl-buttons div.owl-next, .popularDestination .owl-theme .owl-controls .owl-buttons div.owl-next, .airlineOffer .owl-theme .owl-controls .owl-buttons div.owl-next, .travelDealsBox .owl-theme .owl-controls .owl-buttons div.owl-next, .trevelerHotelBox .owl-theme .owl-controls .owl-buttons div.owl-next {
            background: url(../images/arrow-right.png) no-repeat 0 0;
            right: -30px
        }

.topPadBox {
    padding-top: 10px
}

.specialBox h3 {
    font-size: 17px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 20px
}

.specialBox h5 {
    font-size: 15px;
    color: #333;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 24px
}

.specialBox a {
    color: #fb4f13
}

.holidayList {
    float: left;
    width: 100%
}

    .holidayList li {
        float: left;
        position: relative;
        width: 22%;
        margin-left: 4%;
        overflow: hidden
    }

        .holidayList li:first-child {
            margin: 0
        }

.holidayOuterBox {
    width: 100%;
    padding: 19px 15px;
    background: #fff;
    display: block;
    float: left
}

.holidayList li a {
    color: #fff
}

.holidayList li img {
    display: block
}

.holidayList li:hover img {
    transform: scale(1.2)
}

.holidayTxtHead {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    float: left
}

.arrowRight {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 21px;
    display: block
}

.holidayList li:hover .arrowRight {
    right: 10px
}

    .holidayList li:hover .arrowRight img {
        transform: none
    }

.holidayTxtHead span {
    font-size: 20px;
    font-weight: 400;
    padding-left: 6px
}

.holidayOuterBox span.price {
    padding: 0;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid #fb4f13;
    padding: 4px 5px;
    line-height: 20px;
    color: #fb4f13;
    float: right;
    margin-bottom: 0
}

    .holidayOuterBox span.price strong {
        font-size: 20px;
        font-weight: 400
    }

    .holidayOuterBox span.price em {
        font-style: normal;
        font-size: 12px;
        font-weight: 300
    }

.holidayList li:hover .holidayOuterBox span.price {
    opacity: 1;
    filter: alpha(opacity=100)
}

.holidayList li:hover .holidayTxtHead {
    opacity: 0;
    filter: alpha(opacity=0)
}

.homeOfferList {
    padding-bottom: 35px
}

.homeBottomBox {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.homeBottomHeading {
    font-size: 18px;
    margin-bottom: 8px;
    color: #333;
    font-weight: 500
}

.homeBottomBox p {
    font-size: 16px;
    line-height: 24px;
    color: #434242;
    font-weight: 300;
    margin-bottom: 10px
}

.homeBottomLeft {
    width: 49%;
    float: left
}

.homeBottomRight {
    width: 49%;
    float: right
}

.containerLeft {
    float: right;
    width: 40%
}

    .containerLeft h2, .containerRight h2 {
        margin-bottom: 15px
    }

    .containerLeft p.subTxt, .containerRight p.subTxt {
        font-size: 16px;
        display: block;
        font-weight: 300;
        color: #626262;
        margin-bottom: 22px
    }

.subText {
    font-size: 16px;
    display: block;
    font-weight: 300;
    color: #626262;
    margin-bottom: 22px;
    margin-top: -13px
}

.tableBox {
    border: 1px solid #e4e4e4;
    width: 100%;
    float: left;
    background: #fff
}

.tableRow.tableRowHead {
    background: #f7f7f7;
    padding: 13px 3.5%;
    color: #002d61;
    border: none;
    margin: 0;
    width: 100%;
    font-weight: 400;
    border-bottom: solid 1px #e4e4e4 !important
}

    .tableRow.tableRowHead .column3 {
        font-size: 16px;
        font-weight: 400
    }

.tableRow {
    width: 100%;
    display: table;
    padding: 20px 0;
    margin: 0 3.5%;
    border-top: 1px dashed #d6d6d6;
    font-size: 16px;
    font-weight: 300
}

    .tableRow:first-child {
        border: none
    }

    .tableRow .column1, .tableRow .column2, .tableRow .column3 {
        display: table-cell;
        vertical-align: middle
    }

        .tableRow .column3 span {
            font-size: 12px;
            font-weight: 300
        }

    .tableRow .column1 {
        width: 40%
    }

    .tableRow .column2 {
        width: 40%
    }

    .tableRow .column3 {
        width: 20%;
        font-size: 20px;
        font-weight: 400;
        color: #333
    }

        .tableRow .column3 sup {
            font-size: 14px
        }

.containerRight {
    float: left;
    width: 57.5%
}

.containerLeft_sa33 {
    float: left;
    width: 33%;
    padding-left: 20px;
    padding-right: 20px
}

.panel_saheader {
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    background: #fb4f0f;
    color: #fff;
    text-shadow: none;
    padding: 6px;
    margin-bottom: 0;
    display: block;
    text-align: center
}

.offerListing {
    float: left;
    width: 100%
}

    .offerListing li {
        float: left;
        width: 100%;
        margin-top: 12px;
        color: #626262;
        position: relative
    }

        .offerListing li:nth-child(2) {
            width: 49%
        }

        .offerListing li:nth-child(3) {
            width: 49%;
            float: right
        }

.offerPic {
    float: left;
    margin-right: 20px;
    width: 100%
}

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

.offerListing li:first-child {
    margin: 0
}

.offerListing li:hover .offerTxt {
    opacity: 1
}

.offerListing li:hover h4 {
    opacity: 0
}

.offerListing li:hover .hoverDiv {
    opacity: 1
}

.hoverDiv {
    opacity: 0;
    background: rgba(0,0,0,.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

    .hoverDiv:before {
        content: "";
        position: absolute;
        top: 1.5%;
        left: .8%;
        width: 98.1%;
        height: 96.4%;
        border: 1px solid rgba(255,255,255,.3)
    }

.offerListing li:nth-child(2) .hoverDiv:before, .offerListing li:nth-child(3) .hoverDiv:before {
    content: "";
    position: absolute;
    top: 2%;
    left: 1.5%;
    width: 96.7%;
    height: 95.4%;
    border: 1px solid rgba(255,255,255,.3)
}

.offerTxt {
    position: absolute;
    width: 270px;
    height: 140px;
    margin: -70px 0 0 -135px;
    left: 50%;
    top: 50%;
    text-align: center;
    opacity: 0;
    color: #fff
}

.offerListing li h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    background: rgba(0,0,0,.7);
    padding: 10px 19px;
    position: absolute;
    bottom: 0
}

.offerListing li h5 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    padding: 0 40px 7px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block
}

.offerListing li p {
    margin-bottom: 15px;
    font-size: 15px
}

.viewOffer {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background: #fb4f0f;
    padding: 6px 15px;
    text-transform: uppercase
}

    .viewOffer:hover {
        text-decoration: none
    }

.containerInner {
    float: left;
    width: 100%
}

.innerContent {
    background: #fff;
    padding: 25px 0;
    position: relative
}

.breadcrumbOuter {
    padding-top: 0
}

.breadcrumb {
    float: left;
    width: 100%;
    padding-left: 0 !important;
    padding-bottom: 10px;
    margin-bottom: 15px
}

    .breadcrumb ul {
        float: left;
        width: 100%;
        margin-bottom: 0;
        padding-left: 15px
    }

        .breadcrumb ul li {
            float: left;
            background: url(../images/breadcrumb-arrow.png) no-repeat 0 center;
            padding-left: 15px;
            padding-right: 15px;
            color: #999
        }

            .breadcrumb ul li a {
                color: #666
            }

            .breadcrumb ul li:first-child {
                background: 0 0;
                padding-left: 0
            }

                .breadcrumb ul li:first-child a {
                    display: block
                }

            .breadcrumb ul li a.link-txt {
                color: #fb4f0f
            }

.contentBox {
    float: left;
    width: 100%;
    color: #676767;
    line-height: 20px;
    padding-bottom: 0
}

    .contentBox.contentContactBox {
        float: none
    }

    .contentBox h2 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
        color: #333
    }

.mainHeading {
    color: #fff;
    font-weight: 700;
    font-size: 34px;
   
    display: inline-block;
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -10px;
    text-transform: uppercase
}


.para-title-heading {
    font-size: 20px;
    color: #012b72;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 20px;
}


    .para-title-heading:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 50px;
        height: 1px;
        background-color: #f74b28;
        -webkit-transition: .5s;
        transition: .5s;
    }

.contentBox h4 {
    margin-bottom: 6px;
    font-size: 14px;
    font-weight: 700;
    color: #fb4f13
}

.contentBox p {
    margin-bottom: 18px
}

.pageList {
    float: left;
    width: 100%;
    margin-bottom: 18px
}

    .pageList li {
        display: block;
        position: relative;
        padding: 2px 0 2px 16px
    }

        .pageList li:before {
            content: "";
            position: absolute;
            top: 9px;
            left: 0;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            display: block;
            background: #4d4d4d
        }

.aboutPic {
    float: right;
    margin: 0 0 0 20px;
    width: 40%
}

.borderHeading {
    font-size: 20px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px;
    margin-bottom: 15px;
    line-height: 20px
}

.mobileBottomLinks {
    display: none;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

    .mobileBottomLinks a {
        display: inline-block;
        border: 1px solid #fb4f13;
        padding: 2px 10px 2px 2px;
        border-radius: 25px;
        color: #fb4f13;
        font-size: 14px;
        background: #fff;
        height: 31px;
        line-height: 26px
    }

        .mobileBottomLinks a span {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            float: left;
            margin-right: 5px
        }

        .mobileBottomLinks a strong {
            font-weight: 400
        }

        .mobileBottomLinks a.request span {
            background: #fb4f13 url(../images/request-icon.png) no-repeat center center;
            background-size: 70%
        }

        .mobileBottomLinks a.stayTouch span {
            background: #fb4f13 url(../images/msg-icon.png) no-repeat center center;
            background-size: 60%
        }

.successMsg {
    display: block;
    width: 100%;
    color: #2ecc71;
    font-size: 16px;
    padding: 10px 0;
    float: left
}

.faqList li {
    border-top: 1px dashed #eee;
    padding: 15px 0
}

    .faqList li:first-child {
        border: none
    }

    .faqList li h5 {
        font-size: 16px;
        font-weight: 500;
        margin: 0 0 5px;
        color: #666
    }

    .faqList li p {
        margin: 0;
        color: #888;
        padding-left: 19px
    }

    .faqList li a {
        color: #fb4f0f
    }

.mobileLink1 {
    pointer-events: none
}

.linkColor {
    color: #fb4f0f
}

.baggageBox {
    border: 1px solid #e4e4e4;
    width: 100%;
    float: left
}

    .baggageBox .baggageRowHead {
        background: #e4e4e4;
        padding: 13px 3%;
        color: #333;
        border: none;
        margin: 0;
        width: 100%;
        font-weight: 400
    }

.baggageRow.baggageRowHead {
    font-size: 16px;
    font-weight: 400
}

.baggageRow {
    width: 100%;
    display: table;
    padding: 15px 3%;
    margin: 0;
    border-bottom: 1px dashed #e4e4e4;
    font-size: 16px;
    font-weight: 300
}

    .baggageRow:last-child {
        border: 0
    }

.airName {
    float: left;
    width: 33.3%;
    border-bottom: 1px dashed #e4e4e4;
    padding: 15px 3%
}

.airUrl {
    float: left;
    width: 60%
}

.airName a {
    color: #fb4f13
}

    .airName a:hover {
        text-decoration: underline
    }

.contentBox .siteMapBox h4 {
    font-size: 18px;
    font-weight: 400
}

    .contentBox .siteMapBox h4 img {
        margin-right: 7px;
        vertical-align: baseline
    }

.siteMapRow {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.siteMapBox ul {
    margin-left: -15px
}

    .siteMapBox ul li {
        display: inline-block;
        margin: 5px 0
    }

        .siteMapBox ul li a {
            display: inline-block;
            padding: 0 15px;
            border-right: 1px solid #bcbcbc;
            color: #666;
            line-height: 14px
        }

            .siteMapBox ul li a:hover {
                color: #000
            }

        .siteMapBox ul li:last-child a {
            border: none;
            padding-right: 0
        }

.contactBox {
    float: left;
    width: 100%
}

.contactLeft {
    float: left;
    width: 35%
}

    .contactLeft ul li {
        display: block;
        padding: 0 0 10px 30px;
        font-size: 16px;
        color: #666;
        line-height: 24px
    }

        .contactLeft ul li.phone a, .contactLeft ul li.fax a {
            pointer-events: none
        }

        .contactLeft ul li a {
            color: #666
        }

            .contactLeft ul li a:hover {
                color: #fb4f13
            }

.location {
    background: url(../images/location-contact-icon.png) no-repeat 0 5px
}

.phone {
    background: url(../images/phone-icon.png) no-repeat 0 4px
}



.email {
    background: url(../images/mail-icon.png) no-repeat 0 6px
}

.contactRight {
    float: right;
    width: 58%
}

.formContainer {
    float: left;
    width: 100%
}

.formRow {
    float: left;
    width: 100%;
    margin-bottom: 15px
}

    .formRow input[type=text], .formRow select {
        width: 100%;
        border: 1px solid #bebcbc;
        background: #fff;
        padding: 7px;
        height: 33px;
        border-radius: 2px
    }

    .formRow textarea {
        width: 100%;
        border: 1px solid #bebcbc;
        background: #fff;
        padding: 7px;
        height: 113px;
        resize: none
    }

    .formRow label {
        display: block;
        color: #666
    }

    .formRow .submitBtn {
        float: left;
        margin: 0
    }

.formColumn1 {
    width: 16%;
    float: left
}

.formName {
    width: 42%;
    float: left;
    padding-left: 15px
}

.formColumn {
    width: 48.8%
}

.errorTxt {
    color: red;
    font-size: 13px;
    display: none;
    float: left;
    width: 100%
}

.contactMap {
    float: left;
    width: 100%;
    padding: 30px 0 0;
    height: 350px;
    overflow: hidden;
    clear: both;
    display: none
}

    .contactMap iframe {
        border: none;
        width: 100%;
        height: 350px
    }

.formLeft {
    float: left;
    width: 19%;
    padding: 5px 20px 0 0
}

.formRight {
    float: left;
    width: 42%
}

.formRow .formRight input[type=text], .formRow .formRight select {
    width: 60%
}

.dateBox {
    float: right;
    width: 36%
}

    .dateBox img {
        margin: 4px 0 0;
        float: right
    }

.formRow .formRight .dateBox input[type=text] {
    width: 85%
}

#dvcontactMap img {
    max-width: none !important;
    background: none !important
}

.gm-style .gm-style-iw {
    font-weight: 400 !important
}

.mapTxt {
    padding: 5px 0
}

.mCustomScrollbar {
    height: 450px
}

.innerTableBox .mCustomScrollbar {
    height: 225px
}

.containerRight .mCustomScrollbar {
    height: 495px
}

.mCustomScrollbar div {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.footer {
    float: left;
    width: 100%;
    
    
    border-top: 0px solid #ddd
}

    .footer ul li {
        
        float: inherit;
        font-size: 13px;
        font-weight: 400;
        line-height: 30px;display: inline-block;
    }

.footerTop {
    float: left;
    width: 100%;
    background: #e6e6e6
}

.footerLogo {
    padding: 22px 0 15px;
    font-size: 16px;
    color: #00f1ff;
    font-weight: 300;
    float: left;
    width: 50%
}

    .footerLogo img {
        display: inline-block;
        margin-bottom: 6px
    }

    .footerLogo span {
        display: block
    }

.footerLinks {
    float: left;
    width: 100%;
    margin-top: 45px;
    text-align: center
}

    .footerLinks ul li {
        position: relative;
        display: inline
    }

        .footerLinks ul li:first-child a {
            border: none
        }

        .footerLinks ul li a {
            display: block;
            padding: 0 32px;
            border-left: 1px solid #bababa;
            line-height: 14px;
            display: inline-block
        }

.subscribeBox {
    float: right;
    position: absolute;
    width: 400px;
    right: 40px;
    top: 0;
    background: #25a159;
    padding: 25px;
    z-index: 8;
    display: none;
    color: #fff
}

    .subscribeBox h4 {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 8px;
        text-align: center;
        color: #fff
    }

.subscribeForm {
    border-radius: 30px;
    height: 40px;
    border: 1px solid #bcbcbc;
    background: #fff;
    padding: 2px
}

    .subscribeForm .errorTxt {
        padding: 4px 0 0 12px
    }

.closeSubscribe {
    position: absolute;
    top: 10px;
    left: 10px;
    background: url(../images/close-icon.png) no-repeat 0 0;
    background-size: 100%;
    width: 12px;
    height: 12px;
    display: block
}

.subscribeForm input[type=text] {
    border: none;
    background: 0 0;
    padding: 5px 10px 0;
    width: 198px;
    color: #000
}

.subscribeForm input[type=button] {
    float: right;
    width: 95px;
    color: #fff;
    background: #333;
    border-radius: 30px;
    height: 34px;
    text-align: center;
    border: 0;
    font-weight: 700
}

.footerLinksRight {
    float: right;
    position: fixed;
    bottom: 7%;
    right: 0;
    display: none;
    z-index: 10
}

    .footerLinksRight ul {
        float: right
    }

        .footerLinksRight ul li {
            margin-bottom: 1px;
            display: block
        }

            .footerLinksRight ul li > a {
                background: url(../images/social-icon.png) no-repeat 0 0;
                text-indent: -9000px;
                width: 40px;
                height: 40px;
                display: block
            }

            .footerLinksRight ul li a.twitter {
                background-position: 0 -41px
            }

            .footerLinksRight ul li a.pinterest {
                background-position: 0 -82px
            }

            .footerLinksRight ul li a.instagram {
                background-position: 0 -123px
            }

            .footerLinksRight ul li a.youtube {
                background-position: 0 -164px
            }

.footerBottom {
    float: left;
    width: 100%;
    line-height: 22px;
    padding: 0px 0 0px 0px
}

    .footerBottom h3 {
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 12px;
        text-transform: uppercase;
        position: relative;
        padding-bottom: 4px;
        display: inline-block;
        color: #333
    }

        .footerBottom h3:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 80px;
            height: 1px;
            background: #fb4f0f
        }

    .footerBottom a {
        font-weight: 400
    }


    .footerBottom .footerLinks a {
        pointer-events: inherit
    }

    .footerBottom a:hover {
        text-decoration: underline;
        color: #333
    }

.footerCol3, .footerCol1 {
    float: left
}

    .footerCol3 ul li {
        float: left;
        width: 31%;
        padding: 0
    }

.footerCol3 {
    width: 47%
}

.footerCol1 {
    width: 16%;
    border-bottom: 1px solid #1862a6
}

.footerCol2 {
    float: left;
    width: 17%
}

.footerColLast {
    float: right;
    width: 16%
}

    .footerColLast h5 {
        font-size: 16px;
        margin-bottom: 4px;
        font-weight: 500
    }

    .footerColLast p {
        margin-bottom: 12px
    }

    .footerColLast a {
        color: #636363
    }

.footerCall span {
    display: block;
    margin-bottom: 5px
}

.footerCall a {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    background: url(../images/call-icon.png) no-repeat 0 center;
    padding-left: 25px
}

.copyright {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: 300;
    color: #878787;
    background: #383838;
    font-size: 12px
}

.popupBox {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    margin: -130px 0 0 -200px;
    z-index: 7;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.pageBanner {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 670px;
    height: 410px;
    margin: -205px 0 0 -335px;
    z-index: 7;
    display: none
}

.popupBox div, .subscribePopup, .overlay, .overlayPopup, .overlaySearch, .overlayEnquiry, .pageOverlay, .pageBanner, .searchTabBox, .tabBox, .loadingOverlay, .callPic ul li ul, .footerLinksRight, .subscribeBox, .errorField, .header nav ul li .submenu {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.closePopupIcon, .closeEnquiry, .closePageBanner, .closeBtn {
    background: url(../images/close-icon.png) no-repeat 0 0;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -26px;
    right: 0
}

.popupInner {
    padding: 30px;
    float: left;
    width: 100%
}

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

.formRow select.selectField {
    width: 22%;
    float: left
}

.formRow input[type=text].inputField {
    width: 74%;
    float: right
}

.overlay, .overlaySearch, .overlayEnquiry {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    display: none;
    background: url(../images/blank.png) repeat 0 0
}

.loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    display: block;
    background: url(../images/blank.png) repeat 0 0
}

.overlayPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    display: none;
    background: url(../images/blank.png) repeat 0 0
}

.pageOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    display: none;
    background: url(../images/blank1.png) repeat 0 0
}

.popupInner .submitBtn {
    float: right
}

button.submitBtn {
    width: 85px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-align: left
}

    button.submitBtn.loadBtn {
        width: 115px;
        pointer-events: none
    }

    button.submitBtn span {
        position: absolute;
        top: 5px;
        left: 85px;
        width: 20px;
        height: 20px
    }

.formRightBox button.submitBtn span {
    opacity: 0;
    filter: alpha(opacity=0)
}

.formRightBox button.submitBtn span {
    left: auto;
    margin-left: 6px
}

.formRightBox button.submitBtn.loadBtn span {
    opacity: 1;
    filter: alpha(opacity=100)
}

.buttonBox {
    margin-bottom: 0
}

.thanksPopup {
    text-align: center;
    font-size: 15px;
    line-height: 22px;
    padding-top: 20px;
    display: none
}

    .thanksPopup p span {
        font-size: 22px;
        display: block
    }

.smileyPic {
    margin-bottom: 20px
}

.ui-widget {
    font-size: 13px;
     font-family: 'Fira Sans', sans-serif;
    font-weight: 400
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0 !important
}

.ui-widget-content, .travellerInfoBox {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.ui-autocomplete.ui-widget-content {
    height: 180px;
    overflow: auto;
    overflow-y: scroll
}

    .ui-autocomplete.ui-widget-content.noScroll {
        height: 100%;
        overflow: auto;
        overflow-y: auto
    }

.travellerInput {
    display: block;
    height: 21px;
    overflow: hidden
}

.ui-menu li.ui-menu-item {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
    font-size: 13px;
     font-family: 'Fira Sans', sans-serif;
    font-weight: 400;
    color: #666
}

    .ui-menu li.ui-menu-item.ui-state-focus {
        display: block;
        width: 100%;
        border: 0;
        border-bottom: 1px solid #eee;
        padding: 5px 10px;
        font-size: 13px;
         font-family: 'Fira Sans', sans-serif;
        font-weight: 400
    }

    .ui-menu li.ui-menu-item:hover {
        padding: 5px 10px;
        font-size: 13px;
         font-family: 'Fira Sans', sans-serif;
        font-weight: 400
    }

.ui-widget-content .ui-menu .ui-menu-item a {
    display: block;
    width: 100%;
    font-size: 13px;
     font-family: 'Fira Sans', sans-serif;
    font-weight: 400
}

    .ui-widget-content .ui-menu .ui-menu-item a:hover, .ui-widget-content .ui-menu .ui-menu-item:hover a {
        padding: 5px 10px
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0;
    text-align: center
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #016dab;
    border: 0;
    color: #fff
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #fb4f0f;
    border: 0;
    color: #fff
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0
}

.travellerInfo {
    display: block;
    padding: 12px 9px;
    height: 40px;
    font-size: 16px;
    position: relative;
    color: #8c8c8c
}

    .travellerInfo:before {
        content: "";
        position: absolute;
        top: 18px;
        right: 10px;
        border: 6px solid transparent;
        border-top-color: #565656
    }

.travellerInfoBox {
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 17px;
    border-radius: 3px;
    width: 242px
}

    .travellerInfoBox:before {
        content: "";
        position: absolute;
        right: 10px;
        top: -14px;
        border: 7px solid transparent;
        border-bottom-color: #fff
    }

.travellerInfoRow {
    float: left;
    width: 100%;
    margin: 0 0 10px
}

    .passengerInfoBox input[type=text], .travellerInfoRow select {
        padding: 0 6px;
        height: 35px;
        width: 100%;
        font-size: 15px;
        color: #8c8c8c
    }

    .travellerInfoRow label {
        display: block;
        font-size: 15px;
        color: #8c8c8c
    }

.travellerLeft {
    width: 93px;
    float: left
}

.travellerRight {
    width: 93px;
    float: right
}

.formFieldBg .travellerInfoRow input.submitBtn {
    margin: 0
}

.input-group {
    float: left;
    width: 100%;
    border-radius: 2px;
    background: #f1f1f1;
    border: solid 1px #e4e2e2
}

    .input-group span {
        width: 28px;
        height: 35px
    }

.passengerInfoBox input[type=text].form-control {
    width: 39px;
    float: left;
    text-align: center;
    border-left: #ccc solid 1px;
    border-right: #ccc solid 1px
}

.passengerInfoBox button {
    border: 0;
    background: 0 0;
    width: 25px;
    height: 35px;
    color: #8c8c8c;
    font-size: 20px;
    padding-bottom: 3px
}

.searchShowHideButton {
    display: none
}

.errorPage {
    padding: 100px 0
}

.notFoundPage {
    font-size: 80px;
    font-weight: 500;
    color: #fb4f0f;
    text-align: center;
    line-height: 60px
}

    .notFoundPage img {
        display: inline-block;
        width: 142px;
        vertical-align: middle
    }

.errorPageTxt {
    display: inline-block;
    vertical-align: middle
}

.notFoundPage span {
    text-align: center;
    font-weight: 300;
    font-size: 40px;
    text-transform: uppercase;
    display: block;
    color: #333
}

.countDown {
    padding: 20px 0 0 167px;
    text-align: center;
    color: #333;
    font-size: 21px;
    font-weight: 300
}

    .countDown span {
        color: #fb4f0f;
        font-size: 36px;
        font-weight: 500;
        vertical-align: middle
    }

.galleryBox {
    margin-bottom: 25px;
    float: left;
    width: 100%;
    display: none
}

.galleryPic {
    margin-bottom: 10px
}

    .galleryPic img {
        display: block;
        border: 1px solid #ccc
    }

.galleryContent {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-weight: 300
}

    .galleryContent h5 {
        font-size: 16px;
        margin: 0 0 6px;
        font-weight: 500
    }

.galleryBox .owl-theme .owl-controls .owl-buttons div {
    width: 25px;
    height: 25px;
    padding: 0;
    opacity: 1;
    border-radius: 0;
    margin: 0 2px
}

    .galleryBox .owl-theme .owl-controls .owl-buttons div.owl-prev {
        background: #ddd url(../images/paging-arrow-left.png) no-repeat center center
    }

    .galleryBox .owl-theme .owl-controls .owl-buttons div.owl-next {
        background: #ddd url(../images/paging-arrow-right.png) no-repeat center center
    }

.galleryBox .owl-pagination {
    display: none
}

.galleryBox .owl-buttons {
    float: right
}

.vacationBox .galleryBox p {
    margin: 0
}

.whyChooseList {
    float: left;
    width: 100%;
    background: #f2f2f2;
    padding: 20px 0
}

    .whyChooseList ul {
        float: left;
        width: 100%
    }

        .whyChooseList ul li {
            float: left;
            width: 25%;
            padding: 0 1.5%;
            border-left: 1px solid #dcdcdc;
            color: #828282
        }

            .whyChooseList ul li h3 {
                font-size: 15px;
                color: #fb4f13;
                font-weight: 400;
                margin-bottom: 0;
                line-height: 18px
            }

            .whyChooseList ul li:first-child {
                border: none
            }

            .whyChooseList ul li:last-child {
                padding-right: 0
            }

.iconBox {
    float: left;
    margin-right: 10px
}

.innerContainerLeft {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

.innerContainerRight {
    float: right;
    width: 100%
}

.innerContentiner h1 span, .innerContentiner h2 span, .innerContentiner h3 span {
    font-size: 16px;
    display: block;
    font-weight: 300;
    color: #626262
}

    .innerContentiner h2 span.headingTitle {
        font-size: 24px;
        color: #333;
        font-weight: 400;
        line-height: 28px
    }

.innerTableBox {
    width: 100%;
    float: left;
    padding: 2px;
    background: #fff;
    box-shadow: 0 0 3px #ddd
}

.innerTableRow.tableRowHead {
    background: #f2f2f2;
    padding: 8px 0;
    color: #333;
    border: none;
    margin: 0;
    width: 100%;
    font-weight: 400;
    font-size: 15px
}

    .innerTableRow.tableRowHead .column {
        font-size: 15px
    }

    .innerTableRow.tableRowHead .column1 {
        width: 17.5%
    }

    .innerTableRow.tableRowHead .column.destinationOrigin .column2 {
        width: 50%
    }

    .innerTableRow.tableRowHead .column.destinationOrigin .column3 {
        width: 47%
    }

    .innerTableRow.tableRowHead .column5 {
        width: 16.8%
    }

.innerTableRow {
    width: 100%;
    display: table;
    padding: 8px 0;
    margin: 0;
    border-top: 1px dashed #e4e4e4;
    font-size: 16px
}

    .innerTableRow:nth-child(even) {
        background: #f5f8fc
    }

    .innerTableRow:first-child {
        border: none
    }

.innerTableRowDetail {
    float: left;
    width: 100%;
    padding: 0
}

.innerTableRow .column {
    display: table-cell;
    vertical-align: middle
}

.innerTableRow img {
    width: 65px;
    vertical-align: middle
}

    .innerTableRow img.returnPic {
        display: none
    }

.innerTableRow .column1 {
    width: 18%
}

.innerTableRow .column2 {
    width: 26%
}

.innerTableRow .column3 {
    width: 26%
}

.innerTableRow .column4 {
    width: 15%
}

.innerTableRow .column5 {
    width: 15%
}

.innerTableRow .column {
    font-size: 15px;
    color: #333;
    padding: 0 10px
}

    .innerTableRow .column.destinationOrigin {
        padding: 0
    }

        .innerTableRow .column.destinationOrigin .column2, .innerTableRow .column.destinationOrigin .column3 {
            float: left;
            width: 50%
        }

    .innerTableRow .column.price {
        font-size: 20px
    }

    .innerTableRow .column span {
        font-size: 14px
    }

    .innerTableRow .column.price span {
        font-size: 20px;
        font-weight: 300
    }

    .innerTableRow .column.call a, .greenLineBtn {
        border: 1px solid #fb4f0f;
        padding: 3px 17px;
        color: #fb4f0f;
        font-size: 14px;
        float: right
    }

        .innerTableRow .column.call a:hover, .greenLineBtn:hover {
            color: #fff;
            background: #fb4f0f
        }

.popularDestination .destinationBox {
    float: left;
    width: 49%;
    margin: 0
}

    .popularDestination .destinationBox.secondBox {
        float: right
    }

.destinationBoxBg {
    background: #fff;
    float: left;
    width: 100%;
    padding: 2px;
    box-shadow: 0 0 3px #ddd
}

.destinationPic {
    float: left;
    width: 36%
}

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

.popularDestination .destinationBox h4 {
    color: #333;
    font-size: 16px;
    padding: 0 0 7px;
    font-weight: 400;
    position: relative;
    margin-bottom: 3px
}

.destinationBox ul {
    float: left;
    width: 64%
}

    .destinationBox ul li:first-child {
        background: #efefef
    }

        .destinationBox ul li:first-child .destinationRow {
            border-bottom: none
        }

    .destinationBox ul li:last-child .destinationRow {
        border-bottom: none
    }

    .destinationBox ul li {
        float: left;
        width: 100%;
        padding: 0 10px
    }

        .destinationBox ul li .destinationRow {
            border-bottom: 1px dashed #d0d0d0
        }

        .destinationBox ul li .flightInfoCol {
            width: 38%;
            padding: 6px 10px 6px 0;
            display: inline-block;
            vertical-align: middle
        }

            .destinationBox ul li .flightInfoCol img {
                width: 65px;
                display: block
            }

            .destinationBox ul li .flightInfoCol.fare {
                width: 19%;
                padding-right: 0;
                color: #fb4f0f;
                font-weight: 300;
                font-size: 16px
            }

                .destinationBox ul li .flightInfoCol.fare strong {
                    font-weight: 500
                }

        .destinationBox ul li .destinationRowTop {
            color: #000
        }

            .destinationBox ul li .destinationRowTop .flightInfoCol.fare {
                color: #000;
                font-size: 14px
            }

.containerPad {
    padding: 35px 0
}

.popularDestinationColumn {
    float: right;
    width: 100%
}

    .popularDestinationColumn ul li {
        float: left;
        width: 23.1%;
        margin-left: 2.5%
    }

        .popularDestinationColumn ul li:first-child {
            margin: 0
        }

        .popularDestinationColumn ul li .imgBox {
            display: block;
            margin-bottom: 12px
        }

            .popularDestinationColumn ul li .imgBox img {
                display: block;
                width: 100%
            }

        .popularDestinationColumn ul li h5 {
            margin-bottom: 7px;
            font-size: 15px;
            font-weight: 500
        }

.destinationDetail {
    padding: 0 5px
}

.destinationTxtLeft {
    float: left
}

.destinationTxtRight {
    float: right;
    font-size: 16px;
    font-weight: 500;
    color: #fb4f0f;
    text-align: right;
    border-left: 1px solid #d5d5d5;
    padding-left: 10px
}

    .destinationTxtRight span {
        font-size: 14px;
        color: #626262;
        font-weight: 400;
        display: block
    }

.termsLine {
    color: #333;
    font-size: 13px;
    font-style: italic;
    display: block;
    text-align: left;
    font-weight: 300;
    line-height: 20px
}

.holidaysBox h4 {
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #333;
    line-height: 24px
}

    .holidaysBox h4 span, .innerContentiner .holidaysBox h2 span {
        display: block;
        font-size: 16px;
        color: #666;
        font-weight: 300;
        padding: 8px 0 0
    }

.innerContentiner .holidaysBox h2 img {
    vertical-align: text-top;
    margin-right: 7px
}

.holidaysBoxTop p {
    font-size: 16px;
    font-weight: 300;
    line-height: 26px
}

.specialOfferWorldwide h5 {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333
}

.specialOfferWorldwide ul {
    float: left;
    width: 100%;
    margin-bottom: 35px
}

    .specialOfferWorldwide ul li {
        float: left;
        width: 23.1%;
        margin: 0 0 0 2.5%;
        font-size: 14px;
        color: #666;
        font-weight: 300;
        background: #fff
    }

        .specialOfferWorldwide ul li p {
            margin-bottom: 15px
        }

        .specialOfferWorldwide ul li:first-child {
            margin-left: 0
        }

.specialOfferPic {
    margin-bottom: 10px
}

    .specialOfferPic img {
        display: block
    }

.specialOfferTxt {
    padding: 0;
    float: left;
    width: 100%
}

.enquiryBtn {
    border: 1px solid #fb4f0f;
    color: #fb4f0f;
    font-size: 14px;
    font-weight: 400;
    padding: 0 25px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center
}

    .enquiryBtn:hover {
        background: #fb4f0f;
        color: #fff
    }

.popularDestinationYou {
    float: left;
    width: 100%
}

    .popularDestinationYou ul {
        margin: 0;
        float: left;
        width: 100%
    }

    .popularDestinationYou li {
        float: left;
        width: 48%;
        margin: 0 0 33px;
        background: #f9f9f9;
        border: 1px solid #eee
    }

        .popularDestinationYou li:nth-child(even) {
            float: right
        }

        .popularDestinationYou li .greenLineBtn {
            float: left;
            margin-top: 15px
        }

.popularDestinationRight {
    float: right;
    width: 100%;
    margin-bottom: 35px
}

.popularDestinationPic {
    float: left;
    width: 45%
}

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

.popularDestinationTxt {
    padding: 10px 10px 0 0;
    position: relative;
    float: right;
    width: 53%;
    color: #888
}

    .popularDestinationTxt h5 {
        font-size: 16px;
        font-weight: 500;
        color: #333;
        margin-bottom: 10px
    }

    .popularDestinationTxt .tourTime {
        color: #666;
        font-size: 13px;
        font-weight: 300
    }

.rightContentBox {
    float: right;
    width: 37%
}

.rightInnerBox {
    float: left;
    width: 100%;
    position: relative;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background: #f9f9f9;
    padding: 15px 25px
}

.rightContentBox p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 10px
}

.dottedList li {
    border-top: 1px dotted #9d9d9d;
    font-size: 16px;
    font-weight: 300;
    padding: 9px 0
}

    .dottedList li:first-child, .dottedList li:last-child {
        border: none
    }

    .dottedList li:last-child {
        margin-top: 10px
    }

    .dottedList li span {
        font-weight: 700
    }

    .dottedList li img {
        margin-right: 10px
    }

    .dottedList li a {
        color: #626262;
        text-decoration: none
    }

        .dottedList li a.enquiryPopup {
            color: #fff;
            text-decoration: none;
            background: #fb4f0f;
            border-bottom: 2px solid #e33f05;
            padding: 4px 40px;
            font-weight: 300;
            font-size: 20px
        }

            .dottedList li a.enquiryPopup:hover {
                background: #fb4f0f
            }

.itenatyList li {
    border-top: 1px dotted #9d9d9d;
    padding: 19px 0;
    float: left;
    width: 100%
}

    .itenatyList li h5 {
        font-size: 15px;
        color: #212121;
        font-weight: 400
    }

    .itenatyList li:first-child {
        border: none;
        padding-top: 0
    }

.listLeft {
    float: left;
    width: 30%
}

    .listLeft img {
        display: block
    }

.listRight {
    float: right;
    width: 69%
}

.itenary, .itenaryPrice {
    font-size: 13px;
    font-weight: 300;
    color: #333
}

.itenary {
    float: left
}

.itenaryPrice {
    float: right
}

.testimonialBox {
    float: left;
    width: 60%
}

.testimonialInnerBox {
    float: left;
    width: 100%;
    position: relative;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    background: #f9f9f9;
    padding: 35px 70px
}

.testimonilaTxt {
    position: relative;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    line-height: 22px
}

    .testimonilaTxt .colonOpen {
        position: absolute;
        left: -17px;
        top: 0;
        display: none
    }

    .testimonilaTxt .colonClose {
        margin-left: 4px;
        display: none
    }

.testiName {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

    .testiName img {
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        float: left
    }

    .testiName .personName {
        font-size: 14px;
        color: #666
    }

        .testiName .personName span {
            font-weight: 400;
            font-size: 18px;
            padding-right: 7px;
            color: #333;
            float: left;
            padding-top: 8px
        }

            .testiName .personName span em {
                display: block;
                font-size: 14px;
                color: #666;
                font-style: normal;
                padding-top: 4px
            }

.testimonialBox .owl-pagination {
    display: none
}

.testimonialBox .owl-theme .owl-controls {
    margin: 0;
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%
}

    .testimonialBox .owl-theme .owl-controls .owl-buttons div {
        display: block;
        width: 23px;
        height: 20px;
        text-indent: -9000px;
        position: absolute
    }

        .testimonialBox .owl-theme .owl-controls .owl-buttons div.owl-prev {
            background: url(../images/slide-arrow-left.png) no-repeat 0 0;
            left: -50px
        }

        .testimonialBox .owl-theme .owl-controls .owl-buttons div.owl-next {
            background: url(../images/slide-arrow-right.png) no-repeat 0 0;
            right: -50px
        }

.enquiryPopupBox {
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 600px;
    margin: -240px 0 0 -300px;
    z-index: 7;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

    .enquiryPopupBox .popupInner {
        padding: 25px
    }

.popupHead {
    border-bottom: 1px solid #b2b2b2;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative
}

    .popupHead a {
        color: #fb4f13
    }

    .popupHead span {
        display: block;
        color: #fb4f13;
        padding: 13px 0 0
    }

        .popupHead span strong {
            font-weight: 500
        }

    .popupHead:before {
        content: "OR";
        position: absolute;
        left: 50%;
        bottom: -14px;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 25px;
        border: 1px solid #a1a1a1;
        border-radius: 50%;
        margin-left: -13px;
        font-size: 13px;
        font-weight: 400;
        background: #fff;
        color: #fb4f13
    }

.enquiryTxt {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    margin-bottom: 25px
}

.formLeftBox {
    float: left;
    width: 48.5%
}

.formRightBox {
    float: right;
    width: 48.5%
}

.enquiryPopupBox .popupInner .submitBtn {
    width: 100%;
    text-align: center
}

.popupFooter {
    padding: 10px 10px 0;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #b2b2b2;
    float: left;
    width: 100%
}

.airlineOffer {
    float: left;
    width: 100%;
    margin-bottom: 0
}

    .airlineOffer .owl-carousel .owl-wrapper-outer {
        padding-bottom: 2px
    }

    .airlineOffer .owl-carousel .owl-item .item {
        padding: 0 5px
    }

    .airlineOffer .owl-pagination {
        display: none
    }

.airlineBox {
    float: left;
    width: 100%
}

.airlineNameBox {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 34px;
    margin-bottom: 0;
    padding: 0 15px;
    background: #efefef;
    float: left;
    width: 100%
}

    .airlineNameBox .airLogo {
        float: right
    }

        .airlineNameBox .airLogo img {
            display: block
        }

.airlineDetailBox {
    padding: 0;
    float: left;
    width: 100%;
    background: #fff
}

.airlinePic {
    float: left;
    width: 100%;
    position: relative
}

.airlineRightBox {
    float: right;
    width: 100%;
    padding-bottom: 4px;
    border: 1px solid #ccc
}

.airlineRow {
    float: left;
    width: 100%;
    font-size: 15px;
    padding: 4px 15px
}

.cityColumn {
    float: left;
    color: #212121
}

.businessPrice {
    display: none
}

.classColumn {
    float: right;
    font-weight: 300;
    color: #dc3900
}

    .classColumn em {
        font-style: normal
    }

.airlineRowHead .classColumn ul li span {
    color: #666;
    font-size: 14px
}

.classColumn ul li {
    position: relative
}

    .classColumn ul li span {
        color: #333;
        font-weight: 400
    }

    .classColumn ul li ul {
        display: none !important;
        position: absolute;
        right: 0;
        top: 20px;
        border: 1px solid #ccc;
        box-shadow: 0 0 3px #ccc;
        background: #fff
    }

        .classColumn ul li ul li:first-child {
            border: none
        }

        .classColumn ul li ul li {
            border-top: 1px solid #ccc;
            font-size: 14px;
            font-weight: 400
        }

            .classColumn ul li ul li a {
                padding: 3px 10px;
                display: block;
                color: #333
            }

            .classColumn ul li ul li:hover {
                background: #eee
            }

.classColumn span {
    font-weight: 500
}

.airlineRowHead.airlineRow {
    margin-bottom: 4px;
    border-bottom: 1px solid #cecece;
    padding: 6px 15px
}

.airlineRowHead .cityColumn {
    color: #666;
    font-size: 14px
}

.airlineRowHead select {
    height: 23px;
    padding: 2px
}

.besDealBoxOuter {
    float: left;
    width: 100%
}

.dealBannerBox img.dealBannerMobilePic {
    display: none
}

.dealBanner ul li {
    display: inline-block
}

    .dealBanner ul li img {
        display: block
    }

.travelDealsBox {
    float: left;
    width: 100%;
    padding-bottom: 0
}

.dealBannerRow {
    float: left;
    width: 100%
}

.dealBannerBox {
    position: relative;
    margin: 3px .5%;
    box-shadow: 0 0 3px #dfdfdf;
    background: #fff;
    width: 19%;
    float: left;
    padding: 0
}

.dealBannerRight {
    float: right;
    width: 65.71%
}

.mBottom35 {
    margin-bottom: 35px
}

.dealBannerBox img {
    display: block
}

.dealBannerBox .dealHoverBox {
    width: 100%;
    color: #666;
    padding: 10px 15px 15px
}

h5.dealHeading {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    margin-bottom: 0;
    line-height: 24px;
    text-align: left
}

.dealBannerBox .fadeBox {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/blank.png) repeat 0 0
}

.dealBannerBox:hover .fadeBox {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dealBannerBox .dealPrice {
    position: absolute;
    top: 0;
    left: 0;
    background: #fb4f0f;
    padding: 5px 10px;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    float: left;
    line-height: 24px;
    z-index: 4;
    display: none
}

    .dealBannerBox .dealPrice strong {
        font-weight: 500
    }

.dealDetails {
    font-size: 16px;
    padding: 10px 0 0;
    float: left;
    width: 100%
}

.dealHoverBox ul {
    margin: 10px 0;
    float: left;
    width: 100%
}

    .dealHoverBox ul li {
        display: block;
        padding: 3px 0;
        float: left;
        width: 100%;
        font-size: 14px;
        text-align: left
    }

        .dealHoverBox ul li img {
            margin-right: 5px;
            display: inline-block
        }

.dealButton {
    float: left;
    width: 100%;
    padding-top: 10px
}

.dealHoverBox a {
    display: inline-block;
    padding: 3px 13px;
    border: 1px solid #a8a8a8;
    margin: 0 3px;
    color: #fff;
    background: #a8a8a8;
    font-weight: 300
}

    .dealHoverBox a:hover {
        background: #666;
        border: 1px solid #666;
        color: #fff
    }

.mobileActiveLink {
    pointer-events: none
}

.airlineDetailBox .airlinePic img {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block
}

.airlineDetailBox .airlinePic span {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1px 0;
    text-align: center;
    background: rgba(255,255,255,.9)
}

    .airlineDetailBox .airlinePic span img {
        width: auto;
        display: block;
        margin: 0 auto;
        height: 28px
    }

.flightDestinationTop {
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.airlinePic img {
    border: 1px solid #c3c3c3;
    margin-right: 7px;
    width: auto;
    padding: 0 5px
}

.innerTableRow .airlineCol {
    width: 23%
}

.airlineCol.airlinePic {
    float: none
}

.innerTableRow .originCol {
    width: 16%
}

.innerTableRow .desCol {
    width: 16%
}

.innerTableRow .travelDateCol {
    width: 22%
}

.innerTableRow .priceCol {
    width: 23%
}

    .innerTableRow .priceCol .price {
        margin: 0
    }

.flightDestinationBottom {
    font-size: 15px;
    line-height: 21px;
    float: left;
    width: 100%;
    margin-bottom: 30px
}

    .flightDestinationBottom .pageList li {
        font-weight: 300
    }

    .flightDestinationBottom p {
        margin-bottom: 17px;
        font-weight: 300
    }

    .flightDestinationBottom h5 {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        margin-bottom: 5px
    }

    .flightDestinationBottom p a {
        color: #626262;
        padding-left: 15px
    }

        .flightDestinationBottom p a:first-child {
            padding: 0
        }

        .flightDestinationBottom p a:hover {
            color: #000;
            text-decoration: underline
        }

.callBox {
    float: left;
    width: 100%;
    background: #f5f5f5;
    color: #666;
    font-size: 26px;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
    line-height: 26px;
    margin: 30px 0 0
}

    .callBox a {
        font-weight: 400;
        color: #666;
        pointer-events: none
    }

.resultSearchBox {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

    .resultSearchBox .tabList {
        display: none
    }

    .resultSearchBox .tabBox {
        background: #f2f2f2
    }

    .resultSearchBox .radioBox label {
        color: #212121
    }

    .resultSearchBox .formFieldBg input, .resultSearchBox .formFieldBg select {
        padding: 5px 9px;
        font-size: 15px;
        height: 31px
    }

    .resultSearchBox .formFieldBg .inputFieldBox input {
        padding-left: 28px
    }

    .resultSearchBox .formFieldBg .dateFieldBox input {
        padding-left: 35px
    }

    .resultSearchBox .searchFlights {
        height: 31px;
        padding: 4px 18px;
        font-size: 17px
    }

    .resultSearchBox .travellerInfo {
        height: 31px;
        padding-top: 6px;
        padding-bottom: 6px
    }

        .resultSearchBox .travellerInfo:before {
            top: 13px
        }

    .resultSearchBox .formFieldBg.multiCity .inputFieldBox, .resultSearchBox .formFieldBg.multiCity .dateFieldBox, .resultSearchBox .formFieldBg.multiCity .selectFieldBox {
        height: 31px
    }

    .resultSearchBox .addFlight a {
        color: #333
    }

    .resultSearchBox .closeField {
        top: 10px
    }

        .resultSearchBox .closeField img {
            display: none
        }

            .resultSearchBox .closeField img.grayCloseIcon {
                display: block
            }

    .resultSearchBox .addFlight {
        bottom: 8px
    }

.searchResult {
    padding: 45px 0
}

.searchResultLeft {
    float: left;
    width: 23.22%
}

    .searchResultLeft h3 {
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 15px;
        color: #212121
    }

.filterBox {
    border: 1px solid #c2c2c2
}

.filterHead {
    background: #f2f2f2 url(../404.html) no-repeat 16px center;
    color: #212121;
    text-transform: uppercase;
    padding: 8px 16px 8px 34px;
    border-bottom: 1px solid #c2c2c2;
    cursor: pointer;
    position: relative
}

    .filterHead.active {
        background: #f2f2f2 url(../404.html) no-repeat 16px center
    }

    .filterHead span {
        display: block
    }

    .filterHead ul {
        position: absolute;
        z-index: 1;
        top: 8px;
        right: 7px
    }

        .filterHead ul li {
            display: inline-block;
            border-left: 1px solid #666;
            font-size: 14px;
            text-transform: none;
            padding: 0 7px 0 9px;
            line-height: 14px
        }

            .filterHead ul li:first-child {
                border: none
            }

            .filterHead ul li a {
                color: #666
            }

.filterSection, .filterBox {
    float: left;
    width: 100%
}

.filterInnerBox {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.filterfields {
    padding: 10px 15px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #c2c2c2;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

    .filterfields.selectFieldSection {
        border-bottom: none
    }

    .filterfields input {
        margin-right: 7px
    }

    .filterfields h5 {
        font-size: 14px;
        color: #313131;
        margin-bottom: 3px;
        font-weight: 400
    }

    .filterfields label {
        color: #666;
        font-weight: 300;
        font-size: 13px
    }

.filterRow {
    float: left;
    width: 100%;
    padding: 5px 0
}

    .filterRow .filterLeft {
        float: left
    }

    .filterRow .filterRight {
        float: right;
        font-size: 13px
    }

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

.arrivalShowHide {
    float: left;
    width: 100%;
    padding-bottom: 20px
}

    .arrivalShowHide a {
        color: #36c;
        font-size: 13px;
        font-weight: 300;
        text-decoration: underline
    }

.resetBtn {
    background: #f2f2f2;
    border: 1px solid #c2c2c2;
    color: #666;
    padding: 4px 20px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 0
}

.arrivalBox {
    float: left;
    width: 100%
}

.showHideBox {
    float: left;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.searchResultRight {
    float: right;
    width: 74.4%
}

.searchResultFound {
    float: right;
    width: 100%;
    background: #7d7d7d;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 15px;
    position: relative
}

    .searchResultFound ul {
        float: left;
        width: 100%
    }

        .searchResultFound ul li {
            float: left;
            border-left: 1px solid #dedede;
            padding: 0 23px;
            color: #fff
        }

            .searchResultFound ul li:first-child {
                border: none;
                padding-left: 0
            }

.cityName {
    font-size: 20px
}

.flightClass, .timeBox {
    font-size: 16px
}

    .flightClass span, .timeBox span, .cityName span {
        display: block;
        font-size: 14px;
        font-weight: 400;
        padding-top: 4px
    }

.leftBox, .rightBox {
    display: inline-block;
    vertical-align: middle
}

    .leftBox.flightClass {
        vertical-align: top
    }

.doubleArrow {
    padding: 0 18px;
    display: inline-block
}

.resultFound {
    clear: both;
    overflow: hidden;
    font-weight: 300;
    font-size: 14px;
    color: #ddd;
    padding-top: 4px
}

.resultDetailBox, .resultColumHead {
    float: left;
    width: 100%
}

.resultColumnLeft {
    float: left;
    width: 80.5%
}

    .resultColumnLeft .resultColumn {
        float: left;
        width: 25%;
        padding: 14px
    }

.resultColumnRight {
    float: left;
    width: 19.5%;
    text-align: center;
    padding: 14px;
    position: relative
}

.priceLink {
    color: #fb4f13
}

    .priceLink span {
        border-bottom: 2px solid #fb4f13;
        padding: 0 25px 0 10px;
        background: url(../404.html) no-repeat 88% center
    }

    .priceLink.active span {
        background: url(../404.html) no-repeat 88% center
    }

.resultColumHead {
    font-size: 15px;
    color: #212121
}

.totalPrice {
    font-size: 16px;
    color: #666;
    font-weight: 300;
    display: block;
    margin-bottom: 6px
}

.price {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #333;
    font-weight: 500;
    margin-bottom: 13px
}

.callBook {
    background: #2ecc71;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 21px;
    margin-top: 7px;
    border-radius: 2px;
    display: block
}

.resultColumnRight .links {
    display: inline-block;
    margin-top: 15px;
    color: #fb4f13
}

.resultRow {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    position: relative
}

    .resultRow:last-child {
        border: none
    }

.resultListing, .resultListing li {
    float: left;
    width: 100%
}

    .resultListing li {
        box-shadow: 0 0 3px rgba(0,0,0,.25);
        border: 1px solid #ddd;
        margin-bottom: 20px
    }

        .resultListing li .resultColumnLeft {
            border-right: 1px solid #e8e8e8
        }

.airlineName {
    font-weight: 400
}

.airlineDetail {
    font-size: 14px;
    font-weight: 300
}

    .airlineDetail span {
        display: block;
        font-size: 13px;
        color: #8d8d8d
    }

    .airlineDetail img {
        display: block
    }

.resultTxt {
    font-size: 15px;
    color: #212121
}

    .resultTxt span {
        display: block;
        color: #8d8d8d;
        font-size: 14px
    }

        .resultTxt span.time {
            color: #333
        }

            .resultTxt span.time img {
                margin-right: 5px;
                vertical-align: middle
            }

.moreFlights {
    float: left;
    width: 100%;
    position: relative
}

.moreOption {
    position: absolute;
    right: 0;
    top: -28px;
    background: #effbf4 url(../404.html) no-repeat 88% 11px;
    padding: 0 25px 0 10px;
    color: #fb4f13;
    font-size: 13px;
    height: 29px;
    line-height: 26px;
    border: 1px solid #effbf4;
    border-bottom-color: #e8e8e8
}

    .moreOption.active {
        background: #effbf4 url(../404.html) no-repeat 88% 11px;
        border: 1px solid #e8e8e8;
        border-bottom-color: #effbf4;
        border-right-color: #effbf4
    }

.moreOptionBox {
    float: left;
    width: 100%;
    border-top: 1px solid #e8e8e8;
    background: #effbf4;
    display: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

    .moreOptionBox .resultRow {
        border-bottom: 1px dotted #adaead
    }

        .moreOptionBox .resultRow:last-child {
            border: none
        }

.radioColumn {
    position: absolute;
    top: 40%;
    right: 14px
}

.mobileLinks, .mobileBtn, .closeFilter, .mobileLinkRight {
    display: none
}

.vacationBox {
    float: left;
    width: 100%;
    padding-top: 40px
}

    .vacationBox p {
        margin-bottom: 20px
    }

    .vacationBox h4 {
        font-size: 18px;
        font-weight: 400;
        color: #333;
        margin-bottom: 10px
    }

    .vacationBox h5 {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 5px
    }

    .vacationBox .vacationRight h4 {
        font-weight: 300;
        font-size: 20px;
        margin-bottom: 15px
    }

.vacationLeft {
    float: left;
    width: 70%
}

.vacationRight {
    float: right;
    width: 26.52%
}

.weatherBox {
    background: #fff;
    box-shadow: 0 0 3px #ccc;
    border: 2px solid #dfdfdf;
    margin-bottom: 25px;
    padding: 10px 0 20px
}

.LinkWid {
    display: none
}

.weatherBox iframe, .weatherBox > div {
    border: 0 !important;
    height: 185px !important
}

.accordionContent {
    position: relative;
    float: left;
    width: 100%;
    height: 130px;
    overflow: hidden;
    padding-bottom: 15px
}

    .accordionContent.active {
        height: auto
    }

.readMoreBox {
    background: url(../images/transparent-bg.png) repeat 0 0;
    width: 100%;
    height: 41px;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    font-weight: 300
}

    .readMoreBox span {
        display: inline-block;
        width: 15px;
        height: 15px;
        border: 1px solid #fb4f0f;
        text-align: center;
        line-height: 14px
    }

    .readMoreBox a {
        float: right;
        color: #fb4f0f;
        margin-top: 25px;
        float: right
    }

.trevelerHotelBox {
    float: left;
    width: 100%;
    margin-bottom: 45px
}

    .trevelerHotelBox ul {
        margin: 0 -15px;
        padding-top: 8px;
        display: table
    }

    .trevelerHotelBox li {
        float: left;
        width: 29.3%;
        margin: 0 2% 35px;
        padding: 0;
        box-shadow: 0 0 5px #999;
        min-height: 340px;
        position: relative
    }

        .trevelerHotelBox li .greenLineBtn {
            margin: 0 15%;
            display: block;
            float: none;
            position: absolute;
            left: 0;
            bottom: 15px;
            width: 70%
        }

.hotelPic img, .starPic img {
    display: block;
    margin: 0 auto
}

.starPic {
    margin-bottom: 10px
}

.hotelTxt {
    padding: 15px 14px;
    text-align: center
}

    .hotelTxt h5 {
        font-size: 15px;
        color: #333;
        margin-bottom: 8px;
        font-weight: 400
    }

.locationTxt {
    color: #666;
    margin-bottom: 10px
}

.reviewTxt {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px
}

    .reviewTxt span {
        font-weight: 500;
        color: #e53c01;
        font-size: 15px
    }

.hotelPrice {
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 8px 10px;
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block
}

    .hotelPrice span, .hotelPrice strong {
        font-size: 26px;
        color: #fb4f0f;
        font-weight: 500
    }

    .hotelPrice span {
        font-weight: 300
    }

.hotelBox {
    width: 92%;
    position: relative;
    margin: 0 auto
}

.hotelPic img {
    display: block;
    border: 1px solid #d7d7d7
}

.hotelDetail {
    position: absolute;
    bottom: 10px;
    left: 11px;
    color: #fff
}

    .hotelDetail h5 {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 3px
    }

.hotelLocation {
    background: url(../images/location-pic.png) no-repeat 0 2px;
    padding-left: 15px;
    font-size: 13px;
    margin-bottom: 3px
}

.destinationBottomBox {
    padding-bottom: 15px;
    float: left;
    width: 100%
}

    .destinationBottomBox ul li {
        float: left;
        position: relative;
        margin-bottom: 30px;
        width: 23%
    }

        .destinationBottomBox ul li:nth-child(2), .destinationBottomBox ul li:nth-child(6) {
            margin-left: 2.5%;
            margin-right: 2.5%
        }

        .destinationBottomBox ul li:nth-child(3), .destinationBottomBox ul li:nth-child(7) {
            margin-right: 2.5%
        }

        .destinationBottomBox ul li .destImg {
            border-radius: 13px;
            overflow: hidden
        }

        .destinationBottomBox ul li img {
            display: block
        }

        .destinationBottomBox ul li .destContent {
            position: absolute;
            left: 0;
            bottom: 0;
            color: #fff;
            width: 100%;
            padding: 15px 20px
        }

        .destinationBottomBox ul li h5 {
            float: left;
            font-size: 12px;
            font-weight: 300;
            width: 100%
        }

            .destinationBottomBox ul li h5 a {
                color: #fff;
                display: block
            }

            .destinationBottomBox ul li h5 span {
                font-weight: 400;
                font-size: 22px;
                display: block
            }

                .destinationBottomBox ul li h5 span strong {
                    font-weight: 300;
                    display: block;
                    font-size: 16px
                }

.destPrice {
    float: right;
    font-size: 14px;
    font-weight: 300;
    text-align: right
}

    .destPrice span {
        display: block;
        font-size: 20px
    }

        .destPrice span strong {
            font-weight: 400
        }

        .destPrice span em {
            font-size: 14px;
            font-style: normal
        }

.airlineOuterBox p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 300
}

.airlineBoxLeft {
    float: left;
    width: 48%
}

.airlineBoxRight {
    float: right;
    width: 48%
}

.locationBoxLeft {
    float: left;
    font-size: 18px;
    font-weight: 300;
    color: #212121
}

.airlinePrice {
    float: right;
    font-size: 15px;
    color: #666
}

    .airlinePrice span {
        font-size: 22px;
        color: #fb4f0f;
        font-weight: 300;
        padding-left: 5px
    }

        .airlinePrice span strong {
            font-weight: 400
        }

.airlineBoxMrg {
    padding: 30px 0 0;
    float: left;
    width: 100%
}

.airlineList {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

    .airlineList li {
        float: left;
        width: 18%;
        margin-left: 2.5%;
        border: 1px solid #fec9b7;
        border-radius: 4px;
        text-align: center
    }

        .airlineList li.active {
            opacity: .4
        }

            .airlineList li.active:hover {
                border: 1px solid #fec9b7
            }

        .airlineList li:hover {
            border: 1px solid #fb4f0f
        }

        .airlineList li:first-child {
            margin: 0
        }

.airlineLogo {
    width: 100%;
    height: 50px;
    position: relative
}

    .airlineLogo img {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto
    }

.airlineNameTxt {
    display: block;
    background: #ffede7;
    width: 100%;
    padding: 8px 0;
    font-size: 16px;
    color: #333;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.flightPicBox {
    margin-bottom: 10px
}

.resultIframe {
    border: 0;
    margin: 0;
    padding: 0;
    width: 101.7%;
    background: #fff
}

.iframeBox {
    width: 100%;
    float: left;
    overflow: hidden
}

.popupBox.loadingPopup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 650px;
    margin: -130px 0 0 -325px;
    z-index: 7
}

    .popupBox.loadingPopup .popupInner {
        padding: 25px
    }

.loadingPopup {
    font-size: 20px;
    color: #000;
    font-weight: 300
}

    .loadingPopup p img {
        margin: 0 10px
    }

.hourImg {
    text-align: center;
    margin: 35px 0 20px
}

.popupInner p.callNowTxt {
    font-weight: 400;
    margin: 0
}

.callNowTxt span {
    font-size: 26px;
    color: #fb4f0f;
    font-weight: 700
}

.timeFieldBox {
    width: 11%
}

.carRental .inputFieldBox {
    width: 21%
}

.select-wrapper:before {
    content: "";
    position: absolute;
    top: 18px;
    right: 12px;
    background: url(../images/select-arrow.png) no-repeat 0 0;
    width: 8px;
    height: 5px
}

.select-wrapper {
    float: left;
    padding: 0;
    width: 100%;
    position: relative
}

.timeFieldBox .select-wrapper .holder {
    display: block;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    padding: 10px 9px 10px 35px;
    line-height: 20px;
    background: url(../404.html) no-repeat 9px center
}

.select-wrapper select {
    margin: 0;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0
}

.resultSearchBox .timeFieldBox .select-wrapper .holder {
    padding: 5px 9px 5px 35px;
    font-size: 15px;
    height: 31px;
    line-height: 24px
}

.resultSearchBox .timeFieldBox .select-wrapper:before {
    top: 14px
}

.carRental .formFieldBg {
    width: 91.5%
}

.callMeBox .select-wrapper {
    width: 57px;
    display: block !important
}

    .callMeBox .select-wrapper .holder {
        padding: 0 5px;
        font-size: 15px;
        line-height: 25px;
        height: 25px;
        display: block !important;
        border: 1px solid #bebcbc
    }

    .callMeBox .select-wrapper:before {
        top: 11px;
        right: 7px
    }

.inputFieldRow .select-wrapper, .multiInputFieldRowRight .select-wrapper {
    width: 100%;
    display: block !important;
    background: #fff;
    border-radius: 2px;
    border: solid 1px #d8dada
}

    .inputFieldRow .select-wrapper .holder, .multiInputFieldRowRight .select-wrapper .holder {
        padding: 0 9px;
        font-size: 15px;
        line-height: 33px;
        height: 35px;
        display: block !important;
        overflow: hidden
    }

    .inputFieldRow .select-wrapper:before, .multiInputFieldRowRight .select-wrapper:before {
        top: 15px;
        right: 9px;
        background: 0 0;
        border: 5px solid transparent;
        border-top-color: #565656;
        height: auto;
        width: auto
    }

.carLocation {
    font-size: 16px;
    float: left;
    width: 77%;
    margin: 0
}

    .carLocation strong {
        font-weight: 400;
        float: left
    }

    .carLocation em {
        display: none
    }

    .carLocation span {
        font-size: 15px;
        float: right;
        font-weight: 300
    }

.sortingBox {
    margin: 14px 0;
    float: left;
    width: 100%;
    color: #212121;
    font-size: 15px
}

    .sortingBox span {
        float: left;
        padding-right: 10px
    }

    .sortingBox ul {
        float: left
    }

        .sortingBox ul li {
            display: inline;
            font-weight: 300
        }

            .sortingBox ul li:first-child a {
                border: none
            }

            .sortingBox ul li a {
                color: #fb4f13;
                border-left: 1px solid #fb4f13;
                padding: 0 14px;
                line-height: 14px;
                display: inline-block
            }

                .sortingBox ul li a.active {
                    font-weight: 500
                }

.mBottom10 {
    margin-bottom: 10px
}

.carRentalPic {
    float: left;
    padding: 0 30px 10px 20px;
    background: url(../404.html) no-repeat right center
}

.carRentalResult .resultListing li .carRentalPic ul {
    text-align: center;
    width: 100%;
    float: left
}

    .carRentalResult .resultListing li .carRentalPic ul li {
        padding: 0 10px;
        text-align: center;
        width: auto;
        display: inline-block;
        color: #333;
        font-weight: 400
    }

        .carRentalResult .resultListing li .carRentalPic ul li img {
            display: inline-block;
            margin: 0 auto;
            vertical-align: bottom
        }

        .carRentalResult .resultListing li .carRentalPic ul li span {
            height: 23px;
            display: block
        }

.carDetailBox {
    width: 65%;
    padding: 20px 30px;
    float: left;
    background: url(../404.html) no-repeat right center
}

    .carDetailBox h3 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #212121
    }

        .carDetailBox h3 span {
            font-size: 14px;
            font-weight: 400;
            color: #666
        }

.carRentalResult .resultListing li .carDetailBox ul li {
    background: url(../404.html) no-repeat 0 8px;
    padding: 4px 0 4px 15px;
    width: 50%;
    float: left
}

.carLogo {
    margin-bottom: 5px
}

    .carLogo span {
        margin-left: 15px
    }

.carPic img {
    display: block
}

.carRentalResult .resultListing li {
    padding: 0
}

    .carRentalResult .resultListing li .resultColumnLeft {
        border: 0
    }

    .carRentalResult .resultListing li ul li {
        padding: 0;
        box-shadow: none;
        border: 0;
        margin: 0;
        font-weight: 300;
        color: #333
    }

    .carRentalResult .resultListing li .price {
        margin-bottom: 0
    }

.carRentalResult .resultColumnLeft {
    width: 75%
}

.carRentalResult .resultColumnRight {
    padding: 20px 30px;
    width: 25%
}

.perDay {
    font-size: 16px;
    color: #666;
    padding: 10px 0 5px
}

.incTax {
    font-size: 13px;
    color: #666;
    font-weight: 300;
    padding-top: 7px;
    float: left;
    width: 100%
}

.fareDetailBox {
    position: absolute;
    background: #7d7d7d;
    width: 300px;
    right: 0;
    top: 0;
    border-radius: 5px;
    padding: 15px;
    text-align: left;
    z-index: 10;
    display: none;
    color: #fff
}

.fareDetailHeading {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px
}

.tripDuration {
    font-weight: 500;
    margin-bottom: 5px
}

.ticketTxt {
    margin-bottom: 10px
}

    .ticketTxt span {
        font-weight: 500
    }

.fareDetailBoxOuter {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    float: left;
    width: 100%;
    padding: 5px 0
}

.fareDetailBoxRow {
    float: left;
    width: 100%;
    padding: 3px 0
}

.fareDetailBoxLeft {
    float: left
}

.fareDetailBoxRight {
    float: right;
    text-align: right
}

.fareTotalTxt {
    float: left;
    width: 100%;
    padding: 5px 0;
    text-align: right
}

    .fareTotalTxt span {
        padding-right: 8px;
        font-size: 14px
    }

    .fareTotalTxt strong {
        font-weight: 500;
        font-size: 20px
    }

        .fareTotalTxt strong sup {
            font-size: 16px
        }

.bestGuarantee {
    padding: 8px 10px;
    background: #fff;
    color: #2ecc71;
    border-radius: 5px;
    margin-top: 7px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center
}

.fareCloseIcon {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-size: 13px;
    text-align: center
}

    .fareCloseIcon span {
        display: block;
        font-size: 18px
    }

.ui-datepicker {
    z-index: 7 !important
}

.incolwhy {
    display: block;
    overflow: hidden;
    padding: 35px;
    background-color: #fff;
    min-height: 180px
}

.card {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1)
}

    .card:hover {
        box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
    }

.bg-mountain {
    background: #f5f5f5;
    width: 100%;
    height: 424px;
    float: left
}

.page-subtitle {
    font-size: 30px;
    text-align: center
}

.main-btn {
    border: 2px solid #fb4f0f;
    font-size: 14px;
    padding: 14px 30px;
    background: 0 0
}

    .main-btn:hover {
        border: 2px solid rgba(255,255,255,1);
        font-size: 14px;
        padding: 14px 30px
    }

.contactmainbox {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #b2b2b2;
    margin-bottom: 30px
}

.contact-sidebar {
    background-color: #f2f2f2;
    padding-bottom: 20px
}

.pop-heading-map {
    width: 250px;
    height: 250px;
    padding-top: 50px;
    background: #1b3867;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    line-height: 25px
}

.pop-heading {
    width: 250px;
    height: 250px;
    padding-top: 50px;
    background: #f05c29;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
    line-height: 25px
}

.sub-pop-heading {
    width: 245px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 400;
    color: #f1f1f1;
    padding: 18px 10px
}

.pop-up-call {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 26px
}

    .pop-up-call span {
        font-weight: 700;
        font-size: 30px;
        padding: 15px 0;
        line-height: 50px
    }

.hd-typ2 {
    color: #333;
    font-size: 24px
}

.offer-list {
    list-style-type: none;
    padding: 0
}

.offer-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 14px;
    height: 140px;
    line-height: 20px;
    padding: 29px 15px;
    position: relative;
    text-align: left
}

    .offer-item .offer-book {
        display: none;
        left: 0;
        position: absolute;
        text-align: center;
        top: calc(55% - 23px);
        transition: all .25s ease 0s;
        width: calc(100% - 20px);
        z-index: 6
    }

        .offer-item .offer-book .default-btn {
            color: #fff;
            margin: 0;
            max-width: 220px;
            padding: 11px 15px;
            width: 100%
        }

    .offer-item:before {
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all .25s ease 0s;
        width: 100%
    }

    .offer-item:hover:before, .offer-item.show-dest:before {
        background-color: #011827;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: all .25s ease 0s;
        width: 100%;
        z-index: 5
    }

    .offer-item:hover .offer-book, .offer-item.show-dest .offer-book {
        transition: all .25s ease 0s
    }

.offer-location {
    display: block
}

.offer-price {
    display: block
}

@media screen and (max-width:767px) {
    .offer-item.show-dest:before {
        opacity: .9
    }

    .offer-item.show-dest .offer-book {
        display: block;
        opacity: 1
    }

    .offer-item-mask {
        background: rgba(0,0,0,0) -moz-linear-gradient(right center,transparent,rgba(0,0,0,.7)) repeat scroll 0 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 50%
    }

    .offer-item-inner {
        bottom: 20px;
        display: block;
        left: 20px;
        position: absolute
    }
}

@media screen and (min-width:768px) {
    .best-offers .default-btn {
        margin: 70px 0 50px
    }

    .best-offers-text {
        font-size: 16px;
        line-height: 30px;
        margin: 20px 0 35px
    }

    .offer-list {
        height: 500px;
        width: 100%;
        overflow: hidden
    }

        .offer-list:after {
            clear: both;
            content: "";
            display: table
        }

        .offer-list .offer-item:nth-child(n+8) {
            display: none
        }

    .offer-item {
        float: left;
        height: 250px;
        padding: 29px 20px;
        width: 25%
    }

        .offer-item:nth-child(2) {
            left: -25%;
            top: 250px
        }

        .offer-item:nth-child(3) {
            height: 500px;
            left: -25%;
            width: 50%
        }

        .offer-item:nth-child(4) {
            left: 75%;
            top: -500px
        }

        .offer-item:nth-child(5) {
            left: 50%;
            top: -250px
        }

        .offer-item .offer-item-inner {
            margin-left: 30px
        }

        .offer-item:hover:before {
            opacity: .9
        }

        .offer-item:hover .offer-book {
            display: block
        }

        .offer-item .offer-item-mask {
            background: rgba(0,0,0,0) -moz-linear-gradient(center top,transparent,rgba(0,0,0,.7)) repeat scroll 0 0;
            bottom: 0;
            height: 200px;
            left: 0;
            position: absolute;
            width: 100%
        }

    .offer-item-inner {
        bottom: 20px;
        position: absolute
    }

    .offer-location {
        font-size: 16px;
        background: #fb4f0f;
        padding: 6px
    }

    .offer-price {
        font-size: 24px;
        line-height: 35px;
        background-color: #1b3867;
        padding: 6px 10px
    }
}

@media screen and (min-width:1000px) {
    .best-offers {
        padding-top: 68px
    }

    .best-offers-text {
        margin-bottom: 65px
    }
}

@media screen and (min-width:1366px) {
    .offer-list .offer-column:last-child {
        display: block
    }

    .offer-item {
        display: block;
        width: 20%
    }

        .offer-item:nth-child(2) {
            left: -20%;
            top: 250px
        }

        .offer-item:nth-child(3) {
            left: -20%;
            width: 40%
        }

        .offer-item:nth-child(4) {
            left: -20%;
            top: 0
        }

        .offer-item:nth-child(5) {
            left: -20%;
            top: 0
        }

        .offer-item:nth-child(6) {
            left: 80%;
            top: -500px
        }

        .offer-item:nth-child(7) {
            left: 60%;
            top: -250px
        }

        .offer-item:nth-child(n+8) {
            display: none
        }
}

.gallery-margin {
    margin-left: -5px;
    margin-right: -5px
}

.gallery-padding {
    padding: 5px !important
}

.img-thumb {
    position: relative;
    display: block;
    overflow: hidden
}

    .img-thumb img {
        width: 100%
    }

    .img-thumb:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1)
    }

.gallery-hover {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    background: 0 0;
    position: absolute;
    -webkit-transition: opacity .3s ease .3s,visibility .3s ease .3s;
    -moz-transition: opacity .3s ease .3s,visibility .3s ease .3s;
    transition: opacity .3s ease .3s,visibility .3s ease .3s
}

    .gallery-hover:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: .85;
        background: -webkit-linear-gradient(left,#000915,#01183a)
    }

.img-thumb:hover .gallery-hover {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease,visibility .3s ease;
    -moz-transition: opacity .3s ease,visibility .3s ease;
    transition: opacity .3s ease,visibility .3s ease
}

.destination-name {
    position: absolute;
    right: 0;
    bottom: 10px;
    background: #fff;
    padding: 10px;
    width: 75%;
    color: #013150;
    z-index: 1 !important;
    font-size: 16px;
    font-weight: 700
}

.gallery-hover .plus-link {
    top: 0;
    right: 0;
    width: 66px;
    height: 66px;
    z-index: 3;
    overflow: hidden;
    position: absolute;
    display: block;
    -webkit-transform: scale(.1);
    transform: scale(.1);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transition: -webkit-transform .6s ease;
    -moz-transition: -moz-transform .6s ease;
    transition: transform .6s ease
}

    .gallery-hover .plus-link:before {
        top: 0;
        right: 0;
        content: "";
        display: block;
        position: absolute;
        border-right: 66px solid #fa5301;
        border-bottom: 66px solid transparent;
        border-left: 66px solid transparent
    }

.plus-link-container {
    position: absolute;
    left: auto !important;
    bottom: auto !important;
    top: 10px !important;
    right: 10px !important;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border: none !important
}

.plus-link-out, plus-link-come {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%
}

    .plus-link-out:before, .plus-link-come:before {
        width: 1px;
        height: 16px;
        margin-left: -.5px;
        margin-top: -8px
    }

    .plus-link-out:after, .plus-link-come:after {
        width: 16px;
        height: 1px;
        margin-top: -.5px;
        margin-left: -8px
    }

    .plus-link-out:before, .plus-link-out:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        -webkit-transition: margin .2s ease-in-out .2s;
        -moz-transition: margin .2s ease-in-out .2s;
        transition: margin .2s ease-in-out .2s
    }

.img-thumb:hover .gallery-hover .plus-link, .dfd-gallery-single-item .img-thumb:hover .gallery-hover .plus-link {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease .1s;
    -moz-transition: -moz-transform .3s ease .1s;
    transition: transform .3s ease .1s
}

@-webkit-keyframes glowing_blue {
    0% {
        background-color: #048ac2;
        -webkit-box-shadow: 0 0 3px #048ac2
    }

    50% {
        background-color: #049cdb;
        -webkit-box-shadow: 0 0 40px #049cdb
    }

    100% {
        background-color: #048ac2;
        -webkit-box-shadow: 0 0 3px #048ac2
    }
}

@-moz-keyframes glowing_blue {
    0% {
        background-color: #048ac2;
        -moz-box-shadow: 0 0 3px #048ac2
    }

    50% {
        background-color: #049cdb;
        -moz-box-shadow: 0 0 40px #049cdb
    }

    100% {
        background-color: #048ac2;
        -moz-box-shadow: 0 0 3px #048ac2
    }
}

@-o-keyframes glowing_blue {
    0% {
        background-color: #048ac2;
        box-shadow: 0 0 3px #048ac2
    }

    50% {
        background-color: #049cdb;
        box-shadow: 0 0 40px #049cdb
    }

    100% {
        background-color: #048ac2;
        box-shadow: 0 0 3px #048ac2
    }
}

@keyframes glowing_blue {
    0% {
        background-color: #048ac2;
        box-shadow: 0 0 3px #048ac2
    }

    50% {
        background-color: #049cdb;
        box-shadow: 0 0 40px #049cdb
    }

    100% {
        background-color: #048ac2;
        box-shadow: 0 0 3px #048ac2
    }
}

.flashy_blue {
    -webkit-animation: glowing_blue 1.5s infinite;
    -moz-animation: glowing_blue 1.5s infinite;
    -o-animation: glowing_blue 1.5s infinite;
    animation: glowing_blue 1.5s infinite
}

@-webkit-keyframes glowing_green {
    0% {
        background-color: #4cae4c;
        -webkit-box-shadow: 0 0 3px #4cae4c
    }

    50% {
        background-color: #5cb85c;
        -webkit-box-shadow: 0 0 40px #5cb85c
    }

    100% {
        background-color: #4cae4c;
        -webkit-box-shadow: 0 0 3px #4cae4c
    }
}

@-moz-keyframes glowing_green {
    0% {
        background-color: #4cae4c;
        -moz-box-shadow: 0 0 3px #4cae4c
    }

    50% {
        background-color: #5cb85c;
        -moz-box-shadow: 0 0 40px #5cb85c
    }

    100% {
        background-color: #4cae4c;
        -moz-box-shadow: 0 0 3px #4cae4c
    }
}

@-o-keyframes glowing_green {
    0% {
        background-color: #4cae4c;
        box-shadow: 0 0 3px #4cae4c
    }

    50% {
        background-color: #5cb85c;
        box-shadow: 0 0 40px #5cb85c
    }

    100% {
        background-color: #4cae4c;
        box-shadow: 0 0 3px #4cae4c
    }
}

@keyframes glowing_green {
    0% {
        background-color: #4cae4c;
        box-shadow: 0 0 3px #4cae4c
    }

    50% {
        background-color: #5cb85c;
        box-shadow: 0 0 40px #5cb85c
    }

    100% {
        background-color: #4cae4c;
        box-shadow: 0 0 3px #4cae4c
    }
}

.flashy_green {
    -webkit-animation: glowing_green 1.5s infinite;
    -moz-animation: glowing_green 1.5s infinite;
    -o-animation: glowing_green 1.5s infinite;
    animation: glowing_green 1.5s infinite
}

@-webkit-keyframes glowing_purple {
    0% {
        background-color: #6e3ca3;
        -webkit-box-shadow: 0 0 3px #6e3ca3
    }

    50% {
        background-color: #7a43b6;
        -webkit-box-shadow: 0 0 40px #7a43b6
    }

    100% {
        background-color: #6e3ca3;
        -webkit-box-shadow: 0 0 3px #6e3ca3
    }
}

@-moz-keyframes glowing_purple {
    0% {
        background-color: #6e3ca3;
        -moz-box-shadow: 0 0 3px #6e3ca3
    }

    50% {
        background-color: #7a43b6;
        -moz-box-shadow: 0 0 40px #7a43b6
    }

    100% {
        background-color: #6e3ca3;
        -moz-box-shadow: 0 0 3px #6e3ca3
    }
}

@-o-keyframes glowing_purple {
    0% {
        background-color: #6e3ca3;
        box-shadow: 0 0 3px #6e3ca3
    }

    50% {
        background-color: #7a43b6;
        box-shadow: 0 0 40px #7a43b6
    }

    100% {
        background-color: #6e3ca3;
        box-shadow: 0 0 3px #6e3ca3
    }
}

@keyframes glowing_purple {
    0% {
        background-color: #6e3ca3;
        box-shadow: 0 0 3px #6e3ca3
    }

    50% {
        background-color: #7a43b6;
        box-shadow: 0 0 40px #7a43b6
    }

    100% {
        background-color: #6e3ca3;
        box-shadow: 0 0 3px #6e3ca3
    }
}

.flashy_purple {
    -webkit-animation: glowing_purple 1.5s infinite;
    -moz-animation: glowing_purple 1.5s infinite;
    -o-animation: glowing_purple 1.5s infinite;
    animation: glowing_purple 1.5s infinite
}

.thanks-bg {
    background: url(../images/gplay.png) left top repeat;
    width: 100%
}

.nofee {
    width: 355px;
    height: auto;
    float: left;
    margin-left: 100px;
    padding-top: 30px
}

@media only screen and (max-width:736px) {
    .offer-item:hover:before {
        opacity: .9
    }

    .offer-item:hover:before, .offer-item.show-dest:before {
        background-color: #011827;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: all .25s ease 0s;
        width: 100%;
        z-index: 5
    }

    .offer-item {
        float: left;
        height: 250px;
        padding: 29px 20px;
        width: 100%
    }

    .offer-item {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #fff;
        font-size: 14px;
        height: 230px;
        line-height: 20px;
        padding: 29px 15px;
        position: relative;
        text-align: left
    }

        .offer-item:before {
            content: "";
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            transition: all .25s ease 0s;
            width: 100%
        }

        .offer-item .offer-item-mask {
            background: rgba(0,0,0,0) -moz-linear-gradient(center top,transparent,rgba(0,0,0,.7)) repeat scroll 0 0;
            bottom: 0;
            position: absolute;
            width: 100%
        }

    .offer-item-inner {
        bottom: 20px;
        position: absolute;
        margin-left: 30px
    }

    .offer-location {
        font-size: 16px;
        background: #fb4f0f;
        padding: 6px
    }

    .offer-location {
        display: block
    }

    .offer-price {
        font-size: 24px;
        line-height: 35px;
        background-color: #1b3867;
        padding: 6px 10px
    }

    .offer-item .offer-book {
        display: none;
        left: 0;
        position: absolute;
        text-align: center;
        top: calc(55% - 23px);
        transition: all .25s ease 0s;
        width: calc(100% - 20px);
        z-index: 6
    }

        .offer-item .offer-book .default-btn {
            color: #fff;
            margin: 0;
            max-width: 220px;
            padding: 11px 15px;
            width: 100%
        }

    .main-btn {
        border: 2px solid #fb4f0f;
        font-size: 14px;
        padding: 14px 30px;
        background: 0 0
    }

    .offer-item .offer-book .default-btn {
        color: #fff;
        margin: 0;
        max-width: 220px;
        padding: 11px 15px;
        width: 100%
    }

    .main-btn:hover {
        border: 2px solid rgba(255,255,255,1);
        font-size: 14px;
        padding: 14px 30px
    }

    .offer-item:hover .offer-book {
        display: block
    }

    .nofee {
        width: 355px;
        height: auto;
        float: left;
        margin-left: 10px;
        padding-top: 10px
    }
}

.air-title-txt {
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 25px;
    text-align: center;
    text-shadow: 1px 1px #000
}

.air-lowest-txt {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 0
}

    .air-lowest-txt span {
        color: #fff !important;
        font-size: 18px;
        font-weight: 700;
        text-decoration: underline;
        padding-bottom: 15px
    }

.air-icon-bg {
    background: #fff;
    margin-left: 20px;
    padding: 5px 15px;
    border-radius: 5px
}

.airlogo-circle {
    width: 200px;
    height: 200px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 200px;
    display: none
}

.cb-sub-header {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2rem;
    text-align: center
}

.aircontent h1 {
    font-size: 18px;
    font-weight: 700;
    color: #f60
}

.aircontent h2 {
    font-size: 20px;
    font-weight: 700;
    color: #016dab
}

.aircontent h3 {
    font-size: 20px;
    font-weight: 700;
    color: #016dab
}

.aircontent h4 {
    font-size: 16px
}

.cb-flight-price-item {
    color: #333;
    position: relative;
    padding: 1rem;
    border-bottom: 2px solid #ccc;
    background: #fff;
    border-radius: 3px;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: .5rem;
    -webkit-box-shadow: 0 0 0 1px #f3f3f3;
    box-shadow: 0 0 0 1px #f3f3f3;
    display: block;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    z-index: 1;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    -webkit-backface-visibility: hidden;
    page-break-inside: avoid
}

.valign-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.row .col.s5 {
    width: 41.66667%;
    margin-left: auto;
    left: auto;
    right: auto
}

.cb-flight-price-item--link {
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem;
    line-height: 2.5625rem;
    z-index: 1
}

.cb-price-item {
    color: #333
}

.cb-price-item--prefix {
    display: block;
    font-size: 14px;
    line-height: 1
}

.cb-price-item--price {
    font-size: 20px;
    display: inline-block;
    line-height: 1.25;
    font-weight: 700
}

.cb-price-item--suffix {
    font-size: 12px;
    display: inline-block
}

.cb-flight-price-item .cb-btn-wrap {
    position: relative;
    overflow: hidden
}

.btn.btn-secondary {
    background-color: #fb4f0f !important;
    text-decoration: none;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-weight: 400
}

    .btn.btn-secondary:hover {
        background-color: #039 !important
    }

.btn-block {
    display: block;
    width: 100%
}

.cb-flight-price-item:hover, .cb-flight-price-item:focus {
    -webkit-box-shadow: 0 0 0 1px #ccc;
    box-shadow: 0 0 0 1px #ccc
}

.airlines-list ul {
    list-style: none;
    padding-left: 0
}

.airlines-list.airlines-interlinking li {
    display: block;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #fff
}

    .airlines-list.airlines-interlinking li:hover {
        display: block;
        margin-right: 5px;
        margin-bottom: 5px;
        background: #f60;
        border-radius: 6px
    }

        .airlines-list.airlines-interlinking li:hover a {
            color: #fff
        }

.logo-icon-airline img {
    background-color: #fff;
    height: 35px;
    width: 60px;
    max-width: 60px
}

.airlines-list.airlines-interlinking .link, .airlines-list.airlines-interlinking a {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    display: block;
    line-height: 1.8em;
    padding: 3px 10px;
    transition: background-color .5s ease
}

.theme-bg-blue {
    background: #1b3867
}

.searchFlights-btn {
    font-family: roboto;
    color: #fff;
    background: #fb4f0f;
    padding: 14px 18px;
    font-size: 18px;
    border-radius: 7px;
    border: #fb4f0f solid 1px;
    width: 100%;
    font-weight: 600;
}



.theme-main-header {
    position: relative
}

    .theme-main-header:before {
        background: -webkit-gradient(linear,left top,right top,color-stop(0,#f2f4ff),to(transparent));
        background: linear-gradient(to right,#000 30%,rgba(26,44,121,.18) 100%);
        content: "";
        height: 100%;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 100%
    }

.brud-outer-box {
    position: relative;
    margin-top: 15px
}

.brudcrumbs-flight {
    background: #fff;
    color: #000;
    width: max-content;
    margin-top: -45px;
    padding: 10px 15px;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 #d2d6d9
}

.banner-container {
    display: block;
    margin: auto;
    min-width: 20rem;
    position: relative;
    width: 100%
}

    .banner-container:before {
        background: -webkit-gradient(linear,left top,right top,color-stop(0,#1a2c79),to(transparent));
        background: linear-gradient(to right,#000 30%,rgba(26,44,121,.18) 100%);
        content: "";
        height: 100%;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 100%
    }

.banner-container__content {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.banner-container h3.banner-container__text-title {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center
}

.banner-container__text-paragraph {
    color: #fff;
    display: block;
    font-size: 14;
    margin: 8px auto;
    padding: 0 50px;
    text-align: center
}

.banner-container__button, .banner-container .button-required {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1c933;
    border-radius: .25rem;
    -webkit-box-shadow: inset 0 -2px 0 0 rgb(0 0 0/10%);
    box-shadow: inset 0 -2px 0 0 rgb(0 0 0/10%);
    color: #073590;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    max-width: 300px;
    padding: 10px 5px;
    position: relative;
    text-align: center
}

.rich-text-content {
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0/20%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0/20%);
    padding: 15px
}

    .rich-text-content h2 {
        position: relative;
        font-size: 20px;
        padding-bottom: 15px;
        font-weight: 700;
        color: #114b80
    }

        .rich-text-content h2:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            height: 1px;
            width: 100px;
            background-color: #fb4f0f
        }

    .rich-text-content h3 {
        position: relative;
        font-size: 20px;
        padding-bottom: 15px;
        font-weight: 700;
        color: #114b80
    }

        .rich-text-content h3:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            height: 1px;
            width: 100px;
            background-color: #fb4f0f
        }

    .rich-text-content ul {
        padding-left: 20px
    }

        .rich-text-content ul li {
            list-style: disc
        }

    .rich-text-content .panel {
        margin-bottom: 20px !important;
        background-color: #fff;
        box-shadow: 0 10px 20px rgb(0 0 0/10%);
        border-radius: 4px;
        border: 1px #ececec solid
    }

    .rich-text-content .panel-default > .panel-heading {
        background: #FFF !important;
        font-size: 18px;
        font-weight: 400;
        padding: 15px;
        color: #114b80 !important
    }

    .rich-text-content .panel.active .panel-heading {
        background-color: #d40046 !important
    }

.homebanner {
    width: 100%;
    position: relative
}

    .homebanner:before {
        background: -webkit-gradient(linear,left top,right top,color-stop(0,#1a2c79),to(transparent));
        background: linear-gradient(to right,#006b6c 30%,rgba(26,44,121,.18) 100%);
        content: "";
        height: 100%;
        opacity: .5;
        position: absolute;
        top: 0;
        width: 100%
    }

.footer ul.footerlink li {
    line-height: 24px;
    float: left;
    width: 50%
}

.dest-content-box p {
    text-align: justify
}

.dest-content-box h1 {
    font-size: 20px;
    color: #012b72;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 20px
}

.dest-content-box h2 {
    font-size: 20px;
    color: #012b72;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 20px
}

.dest-content-box h3 {
    font-size: 20px;
    color: #012b72;
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 20px
}

.dest-content-box h1:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50px;
    height: 1px;
    background-color: #f74b28;
    -webkit-transition: .5s;
    transition: .5s
}

.dest-content-box h2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 50px;
    height: 1px;
    background-color: #f74b28;
    -webkit-transition: .5s;
    transition: .5s
}

.dest-content-box h4 {
    background: #f74d0e;
    margin-top: 30px;
    color: #fff;
    padding: 10px 15px
}

@media only screen and (max-width:767px) {
    .search-air-box {
        position: relative !important;
        width: 100%;
        float: left;
        padding-top: 0 !important
    }

    .air-hero-title {
        text-align: center
    }

        .air-hero-title h1 {
            text-align: center;
            color: #000 !important;
            font-size: 20px !important;
            font-weight: 700 !important
        }
}

.breadcrumbnew {
    float: left;
    width: 100%;
    border: none;
    border-radius: 4px;
    padding: 8px 15px;
    margin-bottom: 15px;
    background: #f6f6f6
}

    .breadcrumbnew ul {
        float: left;
        width: 100%;
        margin-bottom: 0;
        padding: 0;
        margin: 0
    }

    .breadcrumbnew li {
        float: left;
        background: url(../images/breadcrumb-arrow.png) no-repeat 0 center;
        padding-left: 15px;
        padding-right: 15px;
        color: #999
    }

    .breadcrumbnew ul li a {
        color: #666
    }

    .breadcrumbnew ul li:first-child {
        background: 0 0;
        padding-left: 0
    }

        .breadcrumbnew ul li:first-child a {
            display: block;
            font-weight: 700;
            color: #0f256e
        }

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

    .list-menu ul li {
        border-bottom: #ccc solid 1px;
        padding: 10px 0
    }

        .list-menu ul li a {
            color: #333
        }

.interlinking-box p {
    color: #fff;
    line-height: 28px;
    opacity: 80%;
    margin-top: 23px;
    margin-bottom: 36px
}

.interlinking-box ul {
    padding: 0;
    margin: 0
}

    .interlinking-box ul li {
        color: #fff;
        line-height: 22px;
        font-weight: 400;
        display: inline-block;
        width: 24%;
        position: relative;
        margin-bottom: 11px;
        clear: both;
        padding-left: 25px;
        vertical-align: top
    }

        .interlinking-box ul li a {
            color: #fff
        }

        .interlinking-box ul li:hover {
            padding-left: 30px;
            transition: .4s
        }

        .interlinking-box ul li a.text-blue {
            color: #104cba !important
        }

        .interlinking-box ul li:before {
            content: "\f00c";
            font-family: FontAwesome;
            width: 20px;
            height: 20px;
            display: inline-block;
            background: #104cba;
            border-radius: 100%;
            font-size: 11px;
            text-align: center;
            line-height: 22px;
            font-weight: 400;
            clear: both;
            position: absolute;
            left: 0
        }

.pattern-bg-top {
    transform: rotateX(180deg);
    background-image: url(../images/pattern-bg.png);
    height: 20px;
    background-size: 137px 20px;
    background-repeat: repeat-x;
    margin-bottom: -1px
}

.pattern-bg-bottom {
    background-image: url(../images/pattern-bg.png);
    height: 20px;
    background-size: 137px 20px;
    background-repeat: repeat-x;
    margin-bottom: -1px
}

.pattern-bg2-top {
    transform: rotateX(180deg);
    background-image: url(../images/pattern-bg2.png);
    height: 20px;
    background-size: 137px 20px;
    background-repeat: repeat-x;
    margin-bottom: -1px
}

.pattern-bg2-bottom {
    background-image: url(../images/pattern-bg2.png);
    height: 20px;
    background-size: 137px 20px;
    background-repeat: repeat-x;
    margin-bottom: -1px
}

.pattern-inner-bg {
    background: #ffece8
}

.pattern-inner-bg2 {
    background: #f0fffc
}

.pulsating-box {
    position: relative;
    margin: 0 0 25px;
    width: 100%;
    float: left
}

.inetrling-title {
    color: #fff;
    font-weight: 700;
    margin-left: 50px;
    font-size: 20px
}

.pulsating-circle {
    left: 10px;
    top: 59%;
    transform: translateX(-50%) translateY(-50%);
    width: 20px;
    height: 20px;
    position: absolute
}

    .pulsating-circle:before {
        content: "";
        position: relative;
        display: block;
        width: 300%;
        height: 300%;
        box-sizing: border-box;
        margin-left: -100%;
        margin-top: -100%;
        border-radius: 45px;
        background-color: #01a4e9;
        -webkit-animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite;
        animation: pulse-ring 1.25s cubic-bezier(.215,.61,.355,1) infinite
    }

    .pulsating-circle:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 15px;
        box-shadow: 0 0 8px rgba(0,0,0,.3);
        -webkit-animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite;
        animation: pulse-dot 1.25s cubic-bezier(.455,.03,.515,.955) -.4s infinite
    }

@-webkit-keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }

    80%,100% {
        opacity: 0
    }
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33)
    }

    80%,100% {
        opacity: 0
    }
}

@-webkit-keyframes pulse-dot {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8)
    }

    50% {
        transform: scale(1)
    }

    100% {
        transform: scale(.8)
    }
}



.main_contentholder {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #e6e6e6;
    box-shadow: 1px 5px 10px #ddd;
    padding: 1rem;
    padding-top: 0px;
    padding-bottom: 0px;
}

.inner_contentholder {
    width: 100%;
    height: auto;
    float: left;
}

.inner_heading {
    color: #114b80;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid #ecf0f2;
    background-image: linear-gradient(90deg, #f0fffc 0%, rgba(255, 105, 158, 0) 100%);
    padding: 10px 15px;
    margin: 10px 0px;
    border-radius: 5px 5px 0px 0px;
}

.interlinking_listing {
    width: 100%;
    height: auto !important;
    float: left;
    padding: 0px;
    padding-left: 5px;
}

ul {
    padding-left: 0px;
}

.interlinking_listing ul li {
    color: #212121;
    /* padding-bottom: 4px; */
    /* padding-left: 15px; */
    background: #fff3f1;
    margin-bottom: 2px;
    position: relative;
    padding: 5px 15px;
}
.interlinking_listing ul li:hover {
    color: #212121;
    /* padding-bottom: 4px; */
    /* padding-left: 15px; */
    background: #fff;
    margin-bottom: 2px;
    position: relative;
    padding: 5px 15px;
}

    .interlinking_listing ul li:before {
        content: "\f00c";
        font-family: FontAwesome;
        width: 20px;
        height: 20px;
        display: inline-block;
        background: #104cba;
        border-radius: 100%;
        font-size: 11px;
        text-align: center;
        line-height: 22px;
        font-weight: 400;
        color: #fff;
        clear: both;
        position: absolute;
        left: -11px;
        top:6px;
    }

    .interlinking_listing ul li a {
        color: #212121;
        list-style-type: disc !important;
        padding-bottom: 10px;
        font-size: 14px;
    }

    .interlinking_listing ul li:hover {
        color: #1255ae;
        text-decoration: none;
        cursor: pointer;
        font-weight: 500;
    }
        .interlinking_listing ul li:hover :before {
           background:#4cae4c;
        }

.fa-twitter::before {
    /* content: "\f099"; */
    content: url(../images/twitter-new16.png) !important;
}


@media only screen and (max-width: 600px) {
    section .homebanner img.img-responsive {
        display: none;
    }
}
@media only screen and (max-width: 600px) {
    section .theme-main-header img.img-responsive {
        display: none;
    }
}